@charset "utf-8";
/* basics */
body {background: #004D9F url(../layout/sitebgr.png) repeat-x top left;font-family:arial,helvetica,sans-serif;font-size:11px;line-height:160%;}
li {list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {color:#004D9F;line-height:130%;margin:0;padding:0;font-weight:normal;line-height:140%;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:13px;margin-top:20px;font-weight:bold;}
a {text-decoration:none;color:#004D9F;}
img  {border: 1px solid #888;}
br.clearing {clear:both;font-size:0.1em;line-height:0.1em;}

/* multi columns */
.g1,.g2, .g1first, .g2first, .g1last, .g2last, .g3 {
	float:left;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}
.g1, .g1first , .g1last{ width:310px; }
.g3 { width:386px;margin-left:0; }
.g2 , .g2first { width:190px; }
.g1first, .g2first  {margin-left:0;}
.g11ast, .g2last {margin-right:0;}

.g1singleentry {margin-right:310px;}

/* layout common */
#wrapper {background:#fff;}
#main {padding:20px 30px 0 30px;display:block;}
#right {padding-top:6px;}
#topnav {height:24px;overflow:visible;}
#container {background: #F4F4F4 url(../layout/contentbgr.jpg) repeat-x top left;padding-bottom:30px;}
#header {background: #004D9F url(../layout/headerbgr.png) repeat-x top left;min-height:200px;border-bottom: 3px solid #CC0000;}
#header .inside {}
#medienservice img {border:none;}

/* startseite */
#startseite > h3 {font-weight:normal;margin:0;}

/* metanav */
#metanav {width:40%;float:left;margin-top:40px;}
#metanav li {display:inline;font-size:10px;}
#metanav a, #metanav span.active {color:#f0f0f0;}
#metanav a:after , #metanav span.active:after{content: " | ";}
#metanav span.active.last:after{content: "";}
#metanav a.last:after {content: "";}

/* logo */
#logo {float:right;width:426px;height:80px;margin-left;200px;}
#logo img {border:none;}

/* topnav : suckerfish */

/** * overwrite some values from navigation.css */
#topnav {
  position: static;
  width: auto;
  margin-left:228px;
}
#topnav ul,
#topnav li,
#topnav .submenu {
  margin: 0;
  padding: 0;
}
/** * neccassary for <= IE6 */
* html #topnav { zoom: 0; }
* html #topnav { z\oom: 1; }
/** * overwrite some values from typolight.css, neccessary for <= IE7 */
#header .inside {
  position: static;
}
/** * some background color for testing */
#topnav li {
  background-color: #004D9F;
  color: #ddd; 
}
#topnav ul li,
#topnav ul li ul li {
	/*border-right: 1px solid #ddd;*/
}
#topnav ul li.last {
	border-right: none;
}
#topnav ul li ul li {border-bottom: 1px solid #ddd;}
#topnav li.active {
  background-color: #cc0000;
  color: #fff;
}

/** *
 * horizontal suckerfish menu based on
 * http://htmldog.com/articles/suckerfish/dropdowns/
 * up to 4 levels, change the 22px and 140px values that it fits your need
 * give the navigation module in the BE the ID 'suckerfish' !!! not Class
 */
#topnav ul.level_1,
#topnav ul.level_1 ul {
  z-index: 9999;
  line-height: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}
#topnav ul.level_1 li ul ul {
	margin: -22px 0 0 118px; /** * 3rd level-menus: adjust top-value if you have padding and/or borders */
}
#topnav ul.level_1 a,
#topnav ul.level_1 span {
	display: block;
	width: 113px; /** * adjust value if you have padding and/or borders */
	font-size: 11px;
	color: #ddd;
	padding: 5px 0 2xp 8px;
}
#topnav ul.level_1 a.last,
#topnav ul.level_1 span.last {
	border-right:none;
}
#topnav ul.level_1 a:active,
#topnav ul.level_1 a:hover,
#topnav ul.level_1 span.active,
#topnav ul.level_1 li:hover,
#topnav ul.level_1 li.sfhover
{
	background-color: #cc0000;
	color: #fff;
}
#topnav ul.level_1 li {
	float: left;
	width: 113px;
	padding-left: 5px;
	padding-top: 4px;
}
#topnav ul.level_1 li ul {
	position: absolute;
	width: 118px;
	left: -999em; /** * change to 'auto' for testing */
	margin-left:-5px;
}
/** * IE7 workaround */
*:first-child+html #topnav ul.level_1 li ul {
	display: none; /** * change to 'block' for testing */
}
/** * up to 4 levels */
#topnav ul.level_1 li:hover ul ul,
#topnav ul.level_1 li.sfhover ul ul,
#topnav ul.level_1 li:hover ul ul ul,
#topnav ul.level_1 li.sfhover ul ul ul {
	left: -999em; /** * change to 'auto' for testing */
}
/** * IE7 workaround */
*:first-child+html #topnav ul.level_1 li:hover ul ul,
*:first-child+html #topnav ul.level_1 li.sfhover ul ul,
*:first-child+html #topnav ul.level_1 li:hover ul ul ul,
*:first-child+html #topnav ul.level_1 li.sfhover ul ul ul {
	display: none; /** * change to 'block' for testing */
}
#topnav ul.level_1 li:hover ul,
#topnav ul.level_1 li.sfhover ul,
#topnav ul.level_1 li li:hover ul,
#topnav ul.level_1 li li.sfhover ul,
#topnav ul.level_1 li li li:hover ul,
#topnav ul.level_1 li li li.sfhover ul {
	left: auto;
}
/** * IE7 workaround */
*:first-child+html #topnav ul.level_1 li:hover ul,
*:first-child+html #topnav ul.level_1 li.sfhover ul,
*:first-child+html #topnav ul.level_1 li li:hover ul,
*:first-child+html #topnav ul.level_1 li li.sfhover ul,
*:first-child+html #topnav ul.level_1 li li li:hover ul,
*:first-child+html #topnav ul.level_1 li li li.sfhover ul {
	display: block;
}

/* productnav */
#productnav {margin:30px 0 0 15px;}
#productnav ul {padding:0;margin:0;list-style-type:none;}
#productnav ul li.menutoggler {display:inline;}
#productnav ul li.menutoggler  > a {display:block;width:204px;height:27px;background: url(../layout/pnav-level1-bgr.jpg) no-repeat top left;font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;font-size:13px; color:#fff;padding:5px 0 0 10px;}
#productnav ul li.menutoggler  > p.submenu {display:block;width:204px;height:27px;background: url(../layout/pnav-level1-bgr.jpg) no-repeat top left;font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;font-size:13px; color:#fff;padding:5px 0 0 10px;margin:0;}
#productnav ul li ul li > a{display:block;width:204px;height:22px;background:url(../layout/pnav-level2-bgr.jpg) no-repeat top left;padding-left:45px;padding-top:2px;color:#f2f2f2;}
#productnav ul li ul li > a:hover{color:#ffffff;background:url(../layout/pnav-level2-active-bgr.jpg) no-repeat top left;}
#productnav ul li ul li > p{display:block;width:204px;height:22px;background:url(../layout/pnav-level2-active-bgr.jpg) no-repeat top left;padding-left:45px;padding-top:2px;margin:0;color:#fff;}

/* suche */
#suche {margin-left:15px;margin-top:33px;}
#suche h6 {font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#646464;}
#suche input {width:144px;height:18px;border:1px solid #868686;background:#f4f4f4;}
#suche input.submit {background:url(../layout/lupe.gif);border:none;width:15px;height:15px;color:transparent;}

#searchresults {}
#searchresults h6, #searchresults form {display:none;} /* hide additional form */
#searchresults p.header {font-weight:bold;font-size:13px;}
#searchresults p.header strong {color: #08498B; text-decoration: underline;}
#searchresults p.url {display: none;}
#searchresults div {border-bottom: 1px solid #999;}
#searchresults div.pagination p {display:inline;padding-right:20px;float:left;}
#searchresults div.pagination ul {padding:0;}
#searchresults div.pagination ul li {display:inline;}
#searchresults div.pagination ul li  a{text-decoration:underline;}
#searchresults .highlight {background: #fff;color:#08498B;font-weight:bold;}

/* banner */
#banner {margin: 20px 0 0 15px;}
#banner img {border:none;}

/* startcontent */
#startcontent {margin-top:50px;}

/* copyright */
#copyright {margin-top:30px;border-top: 1px solid #ccc;color:#999;font-size:9px;}
#copyright span {display:block;}
#copyright span.line2_1 {float:left;margin-right:93px;}
#copyright span.line2_2{float:left;}
#copyright span.line2_3 {float:right;}

/* breadcrumb */
#breadcrumb {font-size:10px; color: #999;border-bottom: 1px solid #f0f0f0;margin-bottom:24px;}
#breadcrumb a {color: #999;}
#breadcrumb img {border:none;}

/* contactform */
#kontakt input, #kontakt textarea {width:300px; border: 1px solid #b2b2b2;font-size:11px;color:#08498B;padding:2px;margin-bottom:6px;background:#fff;}
#kontakt label {display:block;float:left;width:100px;text-align:right:margin-right:10px;}
#kontakt label.mandatory:after {content:" *";}
#kontakt input.submit {width:120px;margin-left:287px;font-weight:bold;color:#fff;background:#08498B;}
#kontakt input.error {border:1px solid #EF6F43;margin-left:100px;background:#fff;}
#kontakt p.error {color:#EF6F43;}
#kontakt div.explanation {padding:6px;margin:30px 0 12px 0;background:#fff;}
#kontakt div.explanation  h3{color:#666;font-size:13px;font-weight:bold;}
#kontakt div.catselect {display:block;padding:20px;background:#fff;}
#kontakt label.catselect {font-weight:bold;}
#kontakt div.catselect span{display:block;}
#kontakt div.catselect input {width:50px;}

/* patch for french language labels */
#kontakt div.catselect-fr {display:block;padding:20px;background:#fff;}
#kontakt div.catselect-fr input {width:50px;}
#kontakt div.catselect-fr span{display:block;}
#kontakt div.catselect-fr label {width:167px;}

/* download */
div.download {margin-top:20px;}
div.download img {border:none;}

/* language */
div.mod_changelanguage.block ul  li{display:inline;}
#language {margin-top:10px;margin-left:-23px;}
#language img {border:none;}
#language span.active img {}

/* pageflip */
#pageflip {width:653px;height:510px;border:none;overflow:hidden;padding:0;margin-top:15px;}

/* products */
h5#products {color:#fff;background:#004D9F;font-weight:bold;font-size:12px;font-family:"Trebuchet",Arial,Helvetica,sans-serif;padding:2px 8px 1px 8px;margin-top:15px;width:230px;}
#productslist {border: 1px solid #cc0000;border-top:none;padding:10px;background:#fff;width:224px;margin-bottom:15px;}
#productslistabsperr {border: 1px solid #cc0000;border-top:none;padding:10px;background:#fff;width:224px;margin-bottom:15px;}
#productslist ul {line-height:150%;list-style-image:url("../layout/icon-list-products.gif");list-style-type:none;margin:0 0 0 30px;padding:0;color:#004D9F;font-weight:bold;}
#productslistabsperr ul {line-height:150%;list-style-image:url("../layout/icon-list-products-as.gif");list-style-type:none;margin:0 0 0 30px;padding:0;color:#004D9F;font-weight:bold;}
.ce_text.g3.block ol li {list-style-type:decimal;}
.ce_text.g3.block ul li {list-style-type:circle;}