/* CSS Dokument für solution.ch - Struktur */

/* Allgemein */
* {margin:0;padding:0;}
#logo img, #topSchatten, .schattenL, .schattenR, #footerSchattenL, #footerSchattenR, #footerSchatten, #footerArea, #mainNavig a, #mainNavig a:focus, #mainNavig a:hover, #mainNavig .aktiv a:hover {behavior: url(/_scripts/iepngfix.htc);}
.clearer {clear:both; font-size:0px;line-height:0px;height:0px; background-color:#990000;}
br.clearer {clear:both; font-size:0px;line-height:0px;height:0px; background-color:#33CC99;}

html,body {background-color:#FFFFFF;background-image:url(/_img/bg/body_bg.gif); background-repeat:repeat-x;}
html {height:100%; margin-bottom: 1px; overflow-y:scroll;}
.navAccesskey { display:none;}
.bodyDeko { background-image:url(/_img/bg/body_deko_bg.gif); background-repeat:no-repeat; background-position:center 0;}
#wrapper {margin:0 auto;width:996px; position:relative; /* needed for footer positioning*/}
#headerArea {height:140px;}
#logo {padding:32px 0 0 29px;}

#contentArea {/**/background-color:#FFFFFF;float:left;width:960px;padding:10px 10px 60px 10px;position:relative;}
#topSchatten {background-image:url(/_img/bg/schatten_oben3.png); background-repeat:no-repeat; height:8px; line-height:0; font-size:0;}
.schattenL { float:left; width:8px; height:350px; background-image:url(/_img/bg/schatten_oben_l.png); background-repeat:no-repeat;}
.schattenR { float:right; width:8px; height:350px; background-image:url(/_img/bg/schatten_oben_r.png); background-repeat:no-repeat;}
#footerSchattenL {position:absolute;bottom:0;left:0px;width:8px;height:146px;background-image:url(/_img/bg/schatten_unten_l.png); background-repeat:no-repeat;}
#footerSchattenR {position:absolute;bottom:0;right:0px;width:8px;height:146px;background-image:url(/_img/bg/schatten_unten_r.png); background-repeat:no-repeat;}

#mainNavig {position:absolute;top:116px;left:-2px;width:984px;height:30px;margin:0 0 0 8px; z-index:100;}
	#mainNavig ul {margin:0; padding:0; width:100%; }
	* html #mainNavig ul {width:100%;}
	#mainNavig li {float:left; margin:0 2px; padding:0; list-style:none; display:inline;}
	#mainNavig a {float:left; padding:8px 0px 0px 0px; width:160px; height:22px; text-align:center;font-size:0.8125em; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#5c5041; background-image:url(/_img/bg/mainnavig_bg.png); background-repeat:no-repeat;}
	#mainNavig li.aktiv { margin:-2px 0 0 0;}
	#mainNavig .aktiv a { background-image:url(/_img/bg/mainnavig_aktiv_bg.png); background-repeat:no-repeat;height:26px; width:164px;}
	#mainNavig a:focus, #mainNavig a:hover {text-decoration:none; color:#e05814; height:22px; /*background-image:url(/_img/bg/mainnavig_hover_bg.gif); background-repeat:repeat-x;*/}
	#mainNavig .aktiv a:hover{color:#e05814; height:26px; /*background-image:url(/_img/bg/mainnavig_hover_bg.gif); background-repeat:repeat-x;*/}

ul#topnav li:hover a, ul#topnav li a:hover {text-decoration:none; color:#e05814;height:22px; /*background-image:url(/_img/bg/mainnavig_hover_bg.gif); background-repeat:repeat-x;*/}

/* MainSubNavig */
ul#topnav li {/*float: left;margin: 0; padding: 0;*/position: relative;}
ul#topnav li .sub {position: absolute;top:32px;left:0;background-color:#e7e7e7; background-image:url(/_img/bg/mainsubnavig_bg.gif); background-repeat:repeat-x;border-bottom:1px #83807a solid;float:left;width:960px;padding:10px;display:none;}

ul#topnav li .menu1 {left:0px;}
ul#topnav li.aktiv .menu1 {left:2px; margin-top:2px;}
ul#topnav li .menu2 {left:-164px;}
ul#topnav li.aktiv .menu2 {left:-162px; margin-top:2px;}
ul#topnav li .menu3 {left:-328px;}
ul#topnav li.aktiv .menu3 {left:-326px; margin-top:2px;}
ul#topnav li .menu4 {left:-492px;}
ul#topnav li.aktiv .menu4 {left:-490px; margin-top:2px;}
ul#topnav li .menu5 {left:-656px;}
ul#topnav li.aktiv .menu5 {left:-654px; margin-top:2px;}
ul#topnav li .menu6 {left:-820px;}
ul#topnav li.aktiv .menu6 {left:-818px; margin-top:2px;}

ul#topnav li .row {clear:both;float:left;width:100%;margin-bottom:10px;}
ul#topnav li .sub ul {float:left;width:160px;list-style:none; margin-top:10px;/*margin:0;padding:0;*/}
ul#topnav .sub ul li {width:100%; margin:0;}
ul#topnav .sub ul li h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;color:#5c5041; font-size:1.125em; margin:0;}
ul#topnav .sub ul li h2 a {text-align:left;color:#5c5041; font-weight:bold; width:160px; margin:0 0 5px 0; padding:0; background-image:none;}
ul#topnav .sub ul li h2 a:hover {background-image:none;}
ul#topnav .sub ul li a {float:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-align:left;color:#5c5041; text-transform:none; font-weight:normal; font-size:0.6875em; background-image:none; /*text-indent: 0; --Reset text indent--*/height:auto; width:150px;padding:0 0 0 10px;display: block;text-decoration: none; background-image:url(/_img/bg/subsubnavig_bg.gif); background-repeat:no-repeat; background-position:2px 8px;}
ul#topnav .sub ul li a:hover { color:#e05814;background-image:url(/_img/bg/subsubnavig_bg.gif); background-repeat:no-repeat; height:auto;}

.content { float:left; width:720px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;/*Georgia, "Times New Roman", Times, serif;*//*font-size:0.6875em;*/ font-size:0.75em;/*text-align:justify;*/}
.contentLanding { width:960px;}

/* SubNavig */
#subNavig { float:left; width:220px; /*display:inline;*/ padding:0 10px;}
	#subNavig li.aktiv a {color:#000000;background-color:#fef6d7;}	
	#subNavig ul { margin:0;padding:0;width:220px;list-style:none;border-bottom:1px #5c5041 dashed;}
	#subNavig > ul {}
	#subNavig ul li{ margin:0;padding:0;line-height:1em;}	
	#subNavig ul li a {display:block;margin:0;padding:8px 5px;position:relative;/**/font-size:0.8125em;line-height:1em;text-decoration:none;border-top:1px #5c5041 dashed;color:#5c5041;}
		#subNavig ul li a .subTxt {display:none;font-size:0.8em;line-height:1.1em;width:130px;text-align:right;overflow:hidden;position:absolute;top:5px; right:5px;cursor:pointer; }
	* html #subNavig ul li a {width: 210px; /* Breitenangaben nur fuer IE */}
	#subNavig ul li a:focus, #subNavig ul li a:hover {background-color:#f7f7f7;}
		#subNavig ul li a:focus .subTxt, #subNavig ul li a:hover .subTxt {display:block;color:#83807a;}  
	#subNavig ul li ul {border-bottom:none;}	
	#subNavig ul li ul li a { font-size:0.75em;display:block; padding:3px 5px 3px 15px; border:none;text-decoration:none;background-color:#FFFFFF; 

background-image:url(/_img/bg/subsubnavig_bg.gif); background-repeat:no-repeat; background-position:9px 11px;}
	#subNavig ul li.aktiv ul li a {background-color:#FFFFFF;color:#5c5041;}
	* html #subNavig ul li ul li a {width: 190px; /* Breitenangaben nur fuer IE */}
	#subNavig ul li ul li a:focus, #subNavig ul li ul li a:hover {background-color:#f7f7f7;}
	
	#subNavig ul li ul li ul li a {display:block; padding:6px 10px 6px 30px; border:none; text-decoration:none;}
	#subNavig ul li ul li.aktiv ul li a {background-color:#FFFFFF;color:#5c5041;}
	* html #subNavig ul li ul li ul li a {width: 180px; /* Breitenangaben nur fuer IE */}
	#subNavig ul li ul li ul li a:focus, #subNavig ul li ul li ul li a:hover {background-color:#f7f7f7;}

#breadcrumb {font-size:0.6875em;line-height:1.0em; color:#83807a; margin:20px 10px;}
	#breadcrumb a {text-decoration:none; color:#83807a;}
	#breadcrumb a.aktiv { color:#83807a;} 
	#breadcrumb a:hover { color:#f4a506;}

.contentHeaderImg { margin:0 10px 20px 10px;}

#footerSchatten {margin:0 auto;width:996px;background-image:url(/_img/bg/schatten_unten3.png); background-repeat:no-repeat; height:8px; line-height:0; font-size:0;}
#footerArea {/*background-color:#FF6666;*/margin:0 auto; margin-bottom:20px; padding:0px 10px 20px 10px;width:960px; background-image:url(/_img/bg/footer_bg.png); background-repeat:no-repeat;}
	#footerAdr { float:left;color:#333333; width:170px;font-size:0.75em; line-height:1.2em;}
	#footerKeywords {float:right; width:720px; color:#CCCCCC;}
		#footerKeywords p {font-size:0.7em;line-height:1em; text-align:justify;}
	#footerNav {text-align:center; margin:20px 0 10px 0;}
		#footerNav a:hover{background-color:#ffff00;}
	#footerCopyright {font-size:0.625em; text-transform:uppercase; color:#CCCCCC; text-align:center;}
	.solutionFooter { background-image:url(/_img/icons/solution_footer.gif); background-repeat:no-repeat; background-position:center; /*height:16px;*/ padding-top:20px; margin:35px 0 60px 0;}