body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mod_visitors .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    float: left;
	width:0px;
	height:0px;
}

/* `XHTML, HTML4, HTML5 Reset ---------------------------------------------------------------------------------------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
heade {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
}
html,
body {
    height:100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*   Override the default (display: inline) for   browsers that do not recognize HTML5 tags.   IE8 (and lower) requires a shiv:   http://ejohn.org/blog/html5-shiv */   display: block;
}
b,
strong {
    /*   Makes browsers agree.   IE + Opera = font-weight: bold.   Gecko + WebKit = font-weight: bolder. */   font-weight: bold;
}
img {
    vertical-align:middle;
    font-size:0;
    color: transparent;
    /*   For IE.   http://css-tricks.com/ie-fix-bicubic-scaling-for-images */   -ms-interpolation-mode: bicubic;
}
ol,
ul {
    list-style: none;
}
li {
    /*   For IE6 + IE7:   "display: list-item" keeps bullets from   disappearing if hasLayout is triggered. */   display: list-item;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
th,
td,
caption {
    vertical-align:top;
    text-align:left;
    font-weight:normal;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: '';
    content: none;
}
sub,
sup,
small {
    font-size:75%;
}
sub,
sup {
    position:relative;
    vertical-align:baseline;
    line-height:0;
}
sub {
    bottom:-0.25em;
}
sup {
    top:-0.5em;
}
svg {
    /*   For IE9. Without, occasionally draws shapes   outside the boundaries of <svg> rectangle. */   overflow: hidden;
}

.mod_changelanguage {
    margin-right:10px;
}
.mod_changelanguage ul  li {
    display:block;
    text-indent:-9999px;
    opacity: 0.85;
}
.mod_changelanguage ul  li .active,
.mod_changelanguage ul  li:hover {
    opacity: 1.0 !important;
}
.mod_changelanguage ul  li .lang-en {
    width:16px;
    height:11px;
    float:right;
    background-image:url("../../files/ictconsult/theme/css/files/ictconsult/gfx/gb.png");
    background-repeat:no-repeat;
}
.mod_changelanguage ul  li .lang-de {
    width:16px;
    height:11px;
    float:right;
    margin-left:10px;
    background-image:url("../../files/ictconsult/theme/css/files/ictconsult/gfx/de.png");
    background-repeat:no-repeat;
}

/*
Basis-Layout
***************************************************************************** */
html, body 															{ margin:0; padding:0; height:100%; }
#wrapper 																{ max-width:960px; position:relative !important;/* notwendig für Footer-Positionierung */ height:auto !important;/* moderne Browser */ height:100%; /* IE bis IE9*/ min-height:100%; margin:auto; overflow:hidden; }
#header 																{ position:relative !important; height:260px; }
#container 															{ position:relative !important; min-height:100%; height:100%; height:auto !important; background:#fff; padding-bottom:190px; }
* html #container 											{ height:100% !important; }
#footer 																{ position:absolute !important; bottom:0; height:180px; min-height:180px; margin:-180px auto 0; padding:0; }
span.ict 																{ color:#065aa3; font-weight:bold; }

/*
Formatierungen
***************************************************************************** */
body 																		{ font-family:Verdana,Arial,Helvetica,sans-serif; font-size:76.66%; color:#444; background:#eee url(/files/ictconsult/theme/gfx/bg_page.png) repeat-y center top; overflow-y:scroll; }
#wrapper																{ background:#fff; }
/*#header 																{ background:#ccc url(/files/ictconsult/theme/gfx/head.png) no-repeat top left; }
*/
#slogan 																{ color:#0a508c; font-size:18px; position:absolute; top:200px; left:198px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; }
#slogan span.line1 											{ word-spacing:2px; display:block; }
#slogan span.line2 											{ word-spacing:0; display:block; margin-top:2px; }

.lang-en #slogan span.line1 										{ word-spacing:0; display:block; }
.lang-en #slogan span.line2 										{ word-spacing:3px; letter-spacing:0.25px; display:block; margin-top:2px; }

h1,h2,h3,h4															{ font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; color:#0a508c; font-weight:normal; }
h1 																			{ font-size:18px; }
h2																			{ font-size:14px; }

#container #left,
#container #main,
#container #right 											{ }
#container 															{ background:transparent url(/files/ictconsult/theme/gfx/bg_main.png) no-repeat 0px -2px;}
#container #left .inside 								{ }
#container #main .inside 								{ padding:48px 20px 0 0; sans-serif; font-size:102.66%; line-height:146.66%; word-spacing:1px; }
#container #right .inside 							{ padding:48px 20px 0 10px; }

#footer 																{ border-top:2px solid #ccc; border-top:2px solid #c2c2c2; background:#fafafa url(/files/ictconsult/theme/gfx/noise.png); padding-bottom:10px; }
#footer .inside 												{ padding:12px 20px; overflow:hidden; color:#898989; font-size:92.66%; line-height:146.66%; word-spacing:1px; }
#footer .inside p 											{ margin:0.5em 0 0.5em 0; }
#footer .inside h1 											{ font-size:13px; margin-bottom:1.0em; display:block; color:#0a508c; color:#666; }
#footer .inside h1 a 										{ text-decoration:none; color:#666; padding-bottom:0px; border-bottom:2px solid #96c8ff; }
#footer .inside h1 a:hover 							{ text-decoration:none; color:#666; border-bottom:2px solid #0a508c; }
#footer .inside h2 											{ font-size:11px; font-weight:bold; margin-top:0.5em; background:transparent url(/files/ictconsult/theme/gfx/bg_footer_h2.png) no-repeat; }

#footer .inside h2.short 								{ background-position:74px 50%; }
#footer .mod_customnav.fast h2 					{ background-position:58px 50%; }
#footer .inside h2.idea 								{ background-position:68px 50%; }
#footer .inside h2.contact 							{ background-position:156px 50%; }

.lang-en #footer .inside h2.short 			{ background-position:95px 50%; }
.lang-en #footer .mod_customnav.fast h2 { background-position:46px 50%; }
.lang-en #footer .inside h2.idea 				{ background-position:60px 50%; }
.lang-en #footer .inside h2.contact 		{ background-position:58px 50%; }

#footer .inside .social 								{ background:transparent url(/files/ictconsult/theme/gfx/social.png) no-repeat; width:300px; height:24px; margin-top:6px; }
#footer .inside .c50l 									{ float:left; width:48%; }
#footer .inside .c50r 									{ float:right; width:48%; }

/*
Links
***************************************************************************** */
a,a:visited, span.link:visited  				{ text-decoration:underline; color:#000; }
a:hover, span.link:hover,
a:focus, span.link:focus,
a:active, span.link:active 							{ color:#182E7A; text-decoration:underline; outline:0 none; }

/*
Menus
***************************************************************************** */
#header .topmenu 												{ position:absolute; top:-6px; right:0px; display:none; }
#header .topmenu ul li 									{ float:left; font-size:10px; margin-right:8px; }
#header .topmenu ul li.active 					{ }
#header .topmenu ul li a 								{ color:#696969; text-decoration:none;  }
#left .mainmenu 												{ background:url(/files/ictconsult/theme/gfx/bg_menu.png) no-repeat; }
#left .mainmenu ul 											{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; margin-top:6px; margin-left:6px; }
#left .mainmenu ul li 									{ margin-bottom:1em; margin-left:1.5em; background:url(/files/ictconsult/theme/gfx/menu_divider.png) no-repeat left bottom; padding-bottom:4px; }
#left .mainmenu ul li a 								{ text-decoration:none; color:#444; }
#left .mainmenu ul li a:hover 					{ text-decoration:none; color:#666; }
#left .mainmenu ul li.active span 			{ color:#0a508c;  }
#left #xing-link 												{ margin-left:13px; margin-top:8px; }
#left #linked-link 											{ margin-left:13px; margin-top:20px; }
#left #bisg-link 												{ margin-left:13px; margin-top:20px; }
#footer .mod_customnav 									{  }
#footer .mod_customnav ul 							{ margin:0.5em 0 0 0; padding:0; }
#footer .mod_customnav ul li 						{ float:left; margin-right:1em; padding-bottom:0; border-bottom:1px solid #96c8ff; }
#footer .mod_customnav ul li:hover 			{ border-bottom:none; border-bottom:1px solid #0a508c; }
#footer .mod_customnav ul li a 					{ color:#898989; text-decoration:none; }
#footer .mod_customnav ul li a:hover 		{ color:#666; }

/*
Content
***************************************************************************** */
.block 																	{ margin-bottom:1em; }
.contact a 															{ color:#898989; padding-bottom:2px; text-decoration:none; border-bottom:1px solid #96c8ff; }
.contact a:hover 												{ color:#666; border-bottom:1px solid #0a508c; }

/*
Formulare
***************************************************************************** */
div.formbody 														{ position:relative; }
div.formbody fieldset 									{ position:relative;}
div.formbody label											{ float:left; width:13%; margin-bottom:8px;}
div.formbody label.left									{ margin-right:6px; }
div.formbody label.right								{ margin-left:14px; }
div.formbody input.text									{ float:left; width:30%; margin-bottom:8px; padding:2px 4px; }
div.formbody textarea.message						{ float:left; width:79.5%; height:80px; margin-bottom:8px; margin-left:6px; font-size:122.66%; padding:2px 4px; }
div.formbody input.submit								{ position:relative; float:right; margin-right:18px;}

.lang-en div.formbody input.text				{ width:29%; }
.lang-en div.formbody label							{ width:15%; }

/*
SPRACHWECHSEL 
***************************************************************************** */
.mod_changelanguage 										{ position:absolute; top:10px; right:18px; margin:0; padding:0;}
.mod_changelanguage ul 									{ list-style:none; margin:0; padding:0;}
.mod_changelanguage ul li,
.mod_changelanguage ul li span					{ display:block; width:16px; height:11px; }
.mod_changelanguage ul li								{ float:left; margin: 0 10px 0 0; opacity:0.6; }
.mod_changelanguage ul li + li 					{ margin-right:0; }
.mod_changelanguage ul li a,
.mod_changelanguage ul li span 					{ text-indent:-9999px; }
.mod_changelanguage ul li:hover,
.mod_changelanguage ul li.active				{ opacity:1; }
.mod_changelanguage ul li .lang-en 			{ background:url(/files/ictconsult/theme/gfx/gb.png) no-repeat; }
.mod_changelanguage ul li .lang-de 			{ background:url(/files/ictconsult/theme/gfx/de.png) no-repeat; }

ul li.active {
    font-weight:normal !important;
}
.mainmenu ul li.active {
    color:#0a508c;
    font-weight:normal !important;
}
.active {
    font-weight:normal;
}

/* Bullet-Points */
.content-text ul {
    list-style: disc;
}

#header {
    height: unset;
}
#container {
    background: unset;
    top: -30px;
}

#footer {
	position: relative !important;
	bottom: 15px;
	height: unset;
	min-height: 180px;
	/* margin: -180px auto 0; */
	padding: 0;
}

#xing-link {
    padding-top: 2em;
}
/* Alles, was hier drin steht, wirkt nur bei 756px Breite oder kleiner */
@media (max-width: 756px) {
    /* Deine CSS-Regeln hier */
    .mod_navigation.mainmenu.block {
        display: none;
    }

    #container {
	padding-left: 2em;
	padding-top: 2em;
    }
    
    #left #xing-link {
	margin-left: -2em;
	text-align: center;
    }
    
    #left #linked-link {
	margin-left: -2em;
	margin-top: 20px;
	text-align: center;
	padding-bottom: 3em;
    }
    
    #header .content-image {
	margin-top: 2em;
	padding-right: 2em;
	padding-left: 1em;
    }
    
    .mod_changelanguage ul li span {
    display: block;
    width: 32px !important;
    height: 22px !important; }
}
