/* 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:link, a:visited, a:active, a:hover { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#999999; text-decoration:underline; }
a:hover { color:#666666;}

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

div#shadow_left {background-image:url(bg_nav.jpg);background-repeat:no-repeat;position:absolute;width:15px;height:460px;top:211px;left:0px; z-index: 0;} /*Schatten rechts*/
div#shadow_right {background-image:url(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(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:210px; height:25px; top:94px; left:755px; z-index:3;color:#FFFFFF; background-color: #434f59; }
	#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; display: none; }

#langSelect {float:right; padding:26px 5px 10px 0;}


#nav_main {margin:33px 0 0 15px;background-image:url(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 15px;background-color:#F6F6F7;color:#666666; text-align: left; }
	#breadcrumb a {color:#666666; text-decoration:underline;font-size:0.90em;}
	#breadcrumb a:hover {color:#999999;}


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

	.zweispalten  {width:710px;}

	.contentboxL {margin-right:10px;width:350px;float:left;background-image:url(contentbox_blau.350.gif);background-repeat:no-repeat;}
	.contentboxR {margin:0;width:350px;float:left;background-image:url(contentbox_blau.350.gif);background-repeat:no-repeat;}
	.contentboxtitel {color:#FFFFFF;padding-left:8px;}
	.contentboxinhalt {padding:8px 5px 5px 8px;}

	.contentboxKeyL {margin-right:10px;width:350px;float:left;}
	.contentboxKeyR {margin:0;width:350px;float:left;}




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

	.rightContainerbox {margin-top:10px;width:208px;background-image:url(rightContainerbox_blau.gif);background-repeat:no-repeat;}
	.rightContainerboxtitel {
color:#FFFFFF;padding-left:8px;}
	.rightContainerboxinhalt {padding:8px 5px 5px 8px;background-image:url(bg_rightContainerbox_blau.gif);background-repeat:repeat-y;}
	.rightContainerboxinhalt p {margin:3px 0 3px 0;}
	.rightContainerboxfuss {padding:0;background-image:url(rightContainerbox_footer_blau.gif);background-repeat:no-repeat;}
.rightContainerbox {
background-image:url(mehrwertbox_blau.gif);
background-repeat:no-repeat;
margin-top:10px;
width:208px;
}
.rightContainerboxtitel {
color:#FFFFFF;
padding-left:8px;
}
.rightContainerboxinhalt {
background-image:url(bg_mehrwertbox_blau.gif);
background-repeat:repeat-y;
padding:8px 5px 5px 8px;
}
.rightContainerboxinhalt p {
margin:3px 0pt;
}
.rightContainerboxfuss {
background-image:url(mehrwertbox_footer_blau.gif);
background-repeat:no-repeat;
padding:0pt;
}
.null {font-size:3px;line-height:3px;height:3px;}


/* Footer */
div#footerArea { padding:20px 20px 30px 30px; position: relative; z-index: 0; background-image:url(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;}


/*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(bg_panel3.710.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; }

.CollapsiblePanelTab a {color: black;text-decoration: none;}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-image:url(bg_panel2.710.gif);	background-repeat:no-repeat;text-decoration:none;cursor:pointer;}
.CollapsiblePanelFocused .CollapsiblePanelTab {	background-color: #3399FF;}



/* CSS Document */

body.mceContentBody {background-color:#F6F6F8;padding-right:24px;}

html, body, span, p, div, h1, h2, h3, h4, h5, h6,
table, th, tr, td, form, input, select, textarea {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px; /*Noch anschauen!*/
	color:#333;
	text-decoration:none;
}

ul, ol, li {
	margin:0;
	padding:0;
}


.TableBorderEachRowBottom {border-collapse:collapse;}
.TableBorderEachRowBottom td {padding:2px;border-bottom:1px #ccc solid;}

.TableBorderEachRowTop {border-collapse:collapse;}
.TableBorderEachRowTop td {padding:2px;border-top:1px #ccc solid;}

.TableBorderFull {border-collapse:collapse;}
.TableBorderFull td {padding:2px;border:1px #ccc solid;}

h1 {font-size:16px;color:#293239;margin-bottom:25px;}
h2 {font-size:14px;color:#333;margin-bottom:15px;}
h5 {font-weight:bold;padding-bottom:4px;margin-bottom:4px;border-bottom:1px solid #CC2229;font-size:1em;}

.ContentlisteText h2 {margin-bottom:0;}
.ContentlisteText h3 {margin-bottom:10px;}


a, a:active, a:visited {color:#333333; text-decoration:underline;}
a:hover {color:#666666;}

.noborder {border:none;}

.ContentlisteKey ul {list-style:disc;margin:0 0 5px 15px;}

ul {list-style:disc;margin:1px;margin-left:25px;}
ol {list-style:decimal;margin:1px;margin-left:30px;}
blockquote {margin:1px;margin-left:10px;}


h1 {
background-image: url(bg_panel2.710.gif); background-repeat: no-repeat;
padding: 3px 10px; cursor: default; height: 25px;
margin-bottom: 10px; 
}

h2 {
background-image: url(bg_panel3.710.gif); background-repeat: no-repeat;
padding: 3px 10px; cursor: default; height: 25px;
margin-bottom: 10px; 
}