/* CSS Dokument für essemtec.ch (Struktur) */

/* Allgemein */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px; padding:0px;}

.clearer {clear:both; font-size:0px;line-height:0px; height:0px;}
img {border:none;}
a {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#999999; text-decoration:underline;}
a:hover {color:#666666;}

/* Rahmenfiles */
div#container {background-image:url(../images/struktur/bg_container.jpg);background-repeat:repeat-y;position:relative;margin:0 auto;width:987px;}

div#shadow_left {background-image:url(../images/struktur/bg_nav.jpg);background-repeat:no-repeat;position:absolute;width:15px;height:460px;top:211px;left:0px;} /*Schatten rechts*/
div#shadow_right {background-image:url(../images/struktur/bg_container_right.jpg);background-repeat:no-repeat;position:absolute;width:13px;height:495px;top:86px;left:974px;} /*Schatten rechts*/

/* Header */
div#header {width:974px;background-image:url(../images/struktur/bg_header.jpg); background-repeat:no-repeat;background-color:#FFFFFF;}

#printHeader {display:none;}

#logo { position:absolute; width:211px; height:49px; top:19px; left:21px; z-index:3;}

#suche { position:absolute; width:200px; height:30px; top:94px; left:763px; z-index:3;color:#FFFFFF;}
	#suche .input {background-color:#B4B9BD;font-size:0.90em;width:170px;border:0;color:#FFFFFF;}
	#suche table tr td {border:0;padding:0;margin:0;}

#serviceNavig {color:#666666; width:100%;}
#serviceNavig  a { color:#666666;}
#serviceNavig  a:hover { color:#999999;}

	#serviceNavig #service {float:right; padding:26px 0px 10px 0;}
	
#laender {position:absolute;top:45px;margin-left:-332px;z-index:15;width:450px;border:1px #333 solid;}
	#laender a {white-space:nowrap;margin-right:5px;}
	#laendertext {background-color:#D1D4D6;padding:8px;padding-right:2px;}

#nav_main {margin:33px 0 0 15px;background-image:url(../images/struktur/nav_main.gif);background-repeat:no-repeat;  /*fuer FF*/}
	#nav_main ul {margin:0; padding:0; width:100%;}
	* html #nav_main ul {width:100%;}
	#nav_main li {float:left; margin:0; height:34px; padding:0; list-style:none;}
	#nav_main a {float:left; padding:8px 15px 8px 21px; display:block; font-size:1.3em; text-decoration:none; color:#FFFFFF; font-weight:normal; }
	#nav_main a:focus, #nav_main a:hover {text-decoration:none; color:#CCCCCC;}
	#nav_main .aktiv a {}
	* html #nav_main .aktiv a{}
	#nav_main .aktiv a:hover{}

#bildfilm {margin-left:15px;}

/* Subnavig */
div#navArea {float:left; width:239px;min-height:460px;}
	
	#nav_sub li.aktiv a {color:#FFFFFF; background-color:#434F59; }	

	#nav_sub { margin:6px 0 0 15px;}
	#nav_sub ul { margin:0; padding:0; width:192px;  list-style:none;}
	#nav_sub > ul { border-bottom:1px #CCCCCC solid;}
	#nav_sub ul li{ margin:0; padding:0;}
	#nav_sub ul li a {display:block; padding:2px 2px 2px 21px; font-weight:normal; text-decoration:none; border-top:1px #CCCCCC solid; color:#666666;}
	* html #nav_sub ul li a {width:169px; /* w\idth:173px; */ /* Breitenangaben nur fuer IE */}
	#nav_sub ul li a:focus, #nav_sub ul li a:hover {color:#333333; background-color:#CCCCCC;}  
	
	/*2.*/
	#nav_sub ul li ul li a {display:block; padding:2px 2px 2px 35px; font-weight:normal; border-top:1px #CCCCCC solid; text-decoration:none;}	
	#nav_sub ul li.aktiv ul li a {background-color:#F6F6F7;color:#666666;}
	* html #nav_sub ul li ul li a {width:155px; /* Breitenangaben nur fuer IE */}
	#nav_sub ul li ul li a:focus, #nav_sub ul li ul li a:hover {color:#333333; background-color:#CCCCCC;}
	
	/*3.*/
	#nav_sub ul li ul li ul li a {display:block; padding:2px 2px 2px 49px; border-top:1px #CCCCCC solid; text-decoration:none;background-color:#F6F6F7;}
	* html #nav_sub ul li ul li ul li a {width:141px; /* Breitenangaben nur fuer IE */}
	#nav_sub ul li ul li ul li a:focus, #nav_sub ul li ul li ul li a:hover {color:#333333; background-color:#CCCCCC;}
	
	#nav_sub li.navigOffen { background-color:#0066CC;}

#breadcrumb {margin-left:15px;height:19px;padding:3px 5px 3px 224px;background-color:#F6F6F7;color:#666666;}
	#breadcrumb a {color:#666666; text-decoration:underline;font-size:0.90em;}
	#breadcrumb a:hover {color:#999999;}

.adresse {margin:40px 0 50px 21px;color:#666666;}

/* Content */
div#content {float:left; width:516px; overflow:hidden; padding:15px 0 30px 0;}	

	.contentboxL {margin-right:8px;width:242px;float:left;background-image:url(../images/contentbox_blau.gif);background-repeat:no-repeat;}
	.contentboxR {margin:0;width:242px;float:left;background-image:url(../images/contentbox_blau.gif);background-repeat:no-repeat;}
	.contentboxtitel {color:#FFFFFF;padding-left:8px;}
	.contentboxinhalt {padding:8px 5px 5px 8px;}
	
	.contentboxKeyL {margin-right:8px;width:242px;float:left;}
	.contentboxKeyR {margin:0;width:242px;float:left;}
	
	.zweispalten  {width:492px;}
	
div#contenttext {padding-right:24px;}

	.productimgprev {width:80px;background:#fff;border:1px #ccc solid;padding:2px;cursor:pointer;}
	.productimg {width:200px;background:#fff;border:1px #ccc solid;padding:3px;float:left;margin:0 15px 15px 0;}

#featured {width:492px;background-image:url(../images/featured.gif);background-repeat:no-repeat;}
	#featuredtitel {padding:2px 0 0 8px;font-weight:bold;}
	#featuredinhalt {padding:8px;}
	#featured img {float:left;margin:0 15px 15px 0}

div#mehrwert {float:left; width:219px; overflow:hidden; padding:6px 0 30px 0;}
	#mehrwert ul {width:208px;margin:0; padding:0;list-style:none;}
	#mehrwert ul li {margin-top:10px;height:19px;background-image:url(../images/bg_link_blau.gif);background-repeat:no-repeat;padding:0 0 0 10px;color:#FFFFFF;}
	#mehrwert ul li a {display:block; height:19px;padding:0;color:#FFFFFF;text-decoration:none;}

	.mehrwertbox {margin-top:10px;width:208px;background-image:url(../images/mehrwertbox_blau.gif);background-repeat:no-repeat;}
	.mehrwertboxtitel {color:#FFFFFF;padding-left:8px;}
	.mehrwertboxinhalt {padding:8px 5px 5px 8px;background-image:url(../images/bg_mehrwertbox_blau.gif);background-repeat:repeat-y;}
	.mehrwertboxinhalt p {margin:3px 0 3px 0;}
	.mehrwertboxfuss {padding:0;background-image:url(../images/mehrwertbox_footer_blau.gif);background-repeat:no-repeat;}

.null {font-size:3px;line-height:3px;height:3px;}

.NewProduct {position:absolute;margin:63px 0 0 -10px;}

.producttitel {margin-bottom:0px;}
.producttitelad {font-weight:normal;}


/* Formular */
#formular {padding:5px;}
	#formular h2 { margin-bottom:1em;}
	#formular .schliessen { float:right;}
	#formular form br { clear: both;} 
	#formular label{ float:left; text-align:left; width:170px; margin-right:10px; line-height:26px;}
	#formular input {float: left;margin-right:10px;width:220px; height:18px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
	#formular textarea {float: left;margin-right:10px;width:220px; height:90px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:0.9em;}
	#formular select {float: left;margin-right:10px;width:220px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}	
	#formular .sendenBtn { /*margin-left:194px;*/}
		#formular .sendenBtn input {border:solid 1px #c7c7c7; width:auto; height:20px;}

/* Startseite */
#contentArea {}

/* Footer */
div#footerArea { padding:20px 20px 30px 30px; background-image:url(../images/struktur/bg_footer.jpg); background-repeat:no-repeat;}
	.footer {color:#999999; width:100%;}
	.footerText {margin:0 6px 0 0; padding:0 0 6px 0;font-size:0.9em;}
	.footerText a, a:active, a:visited {color:#666666; text-decoration:underline;font-size:1em;}
	.footerText a:hover {color:#999999;font-size:1em;}
	.footerText ul {margin:0; padding:0; list-style:none;}
	.footerText ul li { color:#999999;float:left; margin-right:40px;font-size:1em;}
	.copyright {color:#999999;float:right;font-size:1em;}

.navAccesskey {display:none;}

/*Panel*/
.CollapsiblePanel {	/*margin: 0px;padding: 0px;border-left: solid 1px #CCC;border-right: solid 1px #999;border-top: solid 1px #999;border-bottom: dashed 1px #336600;margin-bottom:1em;*/}
.CollapsiblePanelTab {
/*font: bold 1em sans-serif;border-bottom: solid 1px #CCC;*/background-image:url(../images/struktur/bg_panel3.gif);	background-repeat:no-repeat;margin-bottom: 10px;padding: 2px;cursor: pointer;
/*-moz-user-select: none;-khtml-user-select: none; <--- gibt error in firefox*/
}
.CollapsiblePanelTitel {padding:2px 0 0 8px;font-weight:bold;}
.CollapsiblePanelContent {/*margin: 0px;padding:8px;*/margin-bottom: 10px;}
	.Contentliste {width:490px;padding-bottom:20px;}
	.ContentlisteBild {float:left;width:100px;}
	.ContentlisteText {float:left;width:245px;font-size:0.88em;}
	.ContentlisteKey {float:left;width:145px;margin-top:19px;}
	.ContentlisteKeyPadding {padding:0px 0px 3px 8px;font-size:0.85em;}
	
.CollapsiblePanelTab a {color: black;text-decoration: none;}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-image:url(../images/struktur/bg_panel2.gif);	background-repeat:no-repeat;text-decoration:none;cursor:pointer;}
.CollapsiblePanelFocused .CollapsiblePanelTab {	background-color: #3399FF;}