/*
 * CSS-Datei fuer die Bildschirmdarstellung
 * cron IT GmbH - Alle Rechte vorbehalten
 */

body { 
  background-color: #fff;
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
}

/* allgemeine Link-Formatierung */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p, td#content_container ul  {line-height:135%;}

/* Hauptnavi */
div#hauptnavi { margin: 1px 0; height: 38px; clear: both; }
div#hauptnavi { padding-left: 190px; }
div#hauptnavi ul { margin: 0; padding: 0; list-style-type: none;  }
div#hauptnavi ul a { color: #fff; font-weight: bold; padding: 1em 1.5em; display: block; }
div#hauptnavi ul li { float: left; border-right: 1px solid #fff }
div#hauptnavi ul li a:hover,
div#hauptnavi ul li.act a { background-image: url('hauptnavi-pfeil-unten.gif'); background-repeat: no-repeat; background-position: center top; text-decoration: none; }

/* Service (Suche und Sprache) */
div#navigation {margin:0; padding:0; float:left; }
div#service {margin:0 10px 0 0; padding:8px 0 0 0; height:30px;}

/* Suchfeld */
div#suche { padding:0px; float: right; margin:0 20px 0 0;}
div#suche form { margin: 0; padding: 0; }
div#suche form input { font-size: 90%; color: #777; margin: 0; padding: 0; }

/* Sprachwechsler / Flaggen */
div#sprachwechsler { float: right; margin: 0; padding:0;}
div#sprachwechsler form { margin: 0; padding: 0; }
div#sprachwechsler option, #sprachwechsler select { font-size: 90%; color: #777;}

/* Stimmungsbilder */
div#stimmungsbilder { background: url('bg-stimmungsbild-leiste.gif') repeat-x; height: 121px; clear: both;}
div#stimmungsbilder div#bildleiste { background: url('stimmungsbilder.jpg') repeat-x; height: 119px; }

/* Unternavi und Logo */
/* div#unternavi { position: absolute; left: 30px; top: 0; width: 161px; background: url('bg-leiste-middle-repeat.gif') repeat-y; } */
div#unternavi {
	float:left;
	width: 178px;
	margin:-180px 0 0 10px;
	background-image: url(../images/logo-bg.png);
	background-repeat:no-repeat;
    behavior: url(/layout/styles/iepngfix.htc);
}
div#unternavi #logo {  text-align: center; height: 83px; padding-top: 15px; }
div#unternavi #logo2 { padding: 15px 0; text-align: center; }
div#unternavi #menu { margin: 90px 9px 0 9px; }
div#unternavi #menu h2 { font-size: 1em; padding: 0; padding-left: 10px; margin: 10px 0; font-size: 14px; }

div#unternavi #menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 92%; }
/* div#unternavi #menu ul a { padding: .5em 0;  padding-left: 10px; display: block; color: #000; padding-left: 20px; } */
div#unternavi #menu ul a { padding-top: 3px; padding-bottom: 5px; padding-left: 10px; display: block; color: #000; padding-left: 20px; font-size: 13px;} 
div#unternavi #menu ul a:hover { text-decoration: none; }
div#unternavi #menu ul li { border-top: 1px solid #fff;  }
div#unternavi #menu ul li a { background-position: 5px center; background-repeat: no-repeat; }

div#unternavi #menu ul li.act a,
div#unternavi #menu ul li a:hover { background-position: 8px center; }

div#unternavi #menu ul li.act a { font-weight: bold; }

div#unternavi #menu ul li.act li a { font-weight: normal; font-size: 11px; }

div#unternavi #menu ul li.act li.act a { font-weight: bold; }


div#unternavi #menu ul li.act li a { padding: .35em 0; padding-left: 30px; background-position: 18px center; }

div#unternavi #menu ul li.act ul li a:hover,
div#unternavi #menu ul li.act ul li.act a { background-position: 18px center; background-image: url('bg-pfeil-profile-act22.gif'); color: #fff; }

input.searchbutton_global { background:#fff url(bg-pfeil-baustoffe-act2.gif) no-repeat scroll 6px 50%; border:0pt none; color:#0071BB; cursor:pointer; font-size:1em; font-weight:bold; height:18px; width:80px; }

/* Rootline */
div#rootline { color: #777; font-size: 90%; margin-bottom: 1.5em; }
div#rootline a { color: #777; font-style: italic; }

/* Printlink */
div#printlink { float: right; color: #777; font-size: 90%; background: url('printer.gif') no-repeat 0 center; padding-left: 20px; }
div#printlink a { color: #777; }

/* Servicenavi */
div#servicenavi { font-size: 90%; float: right; margin: 1.5em 0 2em 0; }
div#servicenavi a { color: #777; }

/* Content-Bereich */
div#content_all {margin:0 0 0 188px; padding:0;}
table#content {margin:0; padding:0; font-size: 90%;}
td#content_container {padding:1em; width:100%;} 

/*Container Navigation Level 4 */
td#navigation_level4 { margin:0; padding:0 0 0 0; width:161px; }
td#navigation_level4 table tr td.inhalt {background: url('bg-leiste-middle-repeat.gif') repeat-y; width:160px;}
td#navigation_level4 table tr td.fadeoff {background: url('bg-leiste-bottom.gif') no-repeat; height:198px; width:160px;}

.navi4ebene {color:#666; size:0.9em; font-weight:bold; margin:20px 0 13px 18px;}

td#navigation_level4 ul.navigation {  width:157px; margin: 0 2px 0 2px; padding: 0; list-style-type: none; font-size: 92%; background:#fff;}
td#navigation_level4 ul.navigation a { padding: .5em 0; padding-left: 10px; display: block; color: #000; padding-left: 20px; }
td#navigation_level4 ul.navigation a:hover { text-decoration: none; }
td#navigation_level4 ul.navigation li { border-top: 1px solid #fff; list-style:none;}
td#navigation_level4 ul.navigation li a { background-position: 5px center; background-repeat: no-repeat; }

td#navigation_level4 ul.navigation li.act a,
td#navigation_level4 ul.navigation li.act a:hover { background-position: 8px center; }
td#navigation_level4 h2  { font-size: 1em; padding: 0; margin:20px 0 13px 10px; }

td#navigation_level4 #news { width:160px; }
td#navigation_level4 #news .news-latest-item, td#navigation_level4 .news-single-item { background:#ccc; border:0; padding:0; margin:4px 2px 0 2px; font-size:0.8em;}
td#navigation_level4 #news .news-latest-item .news-latest-image img {margin:0 0 10px 0; border:0; padding:0px;}
td#navigation_level4 #news .news-latest-item .news_date {clear:left; margin:0 5px 2px 5px;}
td#navigation_level4 #news .news-latest-item .news_title {margin:0 5px 2px 5px; font-size:1.1em; font-weight:bold;}
td#navigation_level4 #news .news-latest-item .news_content p {margin:0 5px 0 5px; padding:0 0 30px 0; font-size:1em; text-align:left;}
td#navigation_level4 #news .news-latest-item .link_more {float:right; right:5px;margin:-20px 5px 0 0;}
td#navigation_level4 #news .news-latest-item .link_more a {color:#000; text-decoration:underline; background-image: url('latest_news_more.gif'); background-position: right; background-repeat: no-repeat; padding:0 8px 0 0;}

td#navigation_level4 {width:160px;}
td#navigation_level4 img {margin:0 0 0 2px; padding:0;}
td#navigation_level4 p.bodytext {background:#ccc; margin:0 1px 0 2px; padding:7px 0 5px 5px; font-size:0.8em; text-align:left; line-height:135%;}
td#navigation_level4 ul, td#navigation_level4 ol {background:#ccc; margin:0 1px 0 2px; padding:10px 0 0 23px; font-size:0.8em; text-align:left;}
td#navigation_level4 ul li {padding:0; list-style:disc; border-top: 0px; margin:0;}
td#navigation_level4 p.bodytext a {color:#000; text-decoration:underline; }


/* Farben pro Bereich */

/* DEFAULT */
div.screen #hauptnavi { background-color: #0071BB; margin:-3px 0 0 0; }

div.screen.profile #hauptnavi { background:#0071BB url(../images/hauptnavi_background.gif) repeat-x scroll left center; }
div.screen.profile #hauptnavi ul li { background: transparent url(../images/hauptnavi_spacer.gif) no-repeat scroll right center; border: none;}
div.screen.profile div#unternavi #menu h2 { color: #0071BB; }
div.screen.profile div#unternavi #menu ul a { padding-left: 30px; color: #fff; }
div.screen.profile div#unternavi #menu ul ul a { width: 130px; }
div.screen.profile div#unternavi #menu ul li a { background-color: #7FB8DD; background-position: left center; }
div.screen.profile div#unternavi #menu ul li { margin-right: 1px;  width: 160px; }
div.screen.profile div#unternavi #menu ul ul li { margin-right: 0; }
div.screen.profile #menu ul li a { background-position: left center; background-repeat: no-repeat; background-image: url(../images/h-nab-btn1b.gif); }
div.screen.profile td#navigation_level4 ul li a { background-color: #7FB8DD; background-image: url("bg-pfeil-profile.gif"); }
div.screen.profile #menu ul li a:hover, 
div.screen.profile #menu ul li.act a { background-position: center center; background-repeat: no-repeat; background-image: url(../images/h-nab-btn1a.gif);  }
div.screen.profile td#navigation_level4 ul li a:hover,
div.screen.profile td#navigation_level4 ul li.act a { background-image: url(bg-pfeil-profile-act22.gif); background-color: #0071BB; font-weight: bold; color: #fff;}
div.screen.profile div#unternavi #menu li.act li a { background-color: #BFDBEE; }
div.screen.profile div#unternavi #menu li.act li a:hover,
div.screen.profile div#unternavi #menu li.act li.act a { background-color: #0071BB; color: #fff; background-position: 18px center; background-image: url('bg-pfeil-profile-act22.gif'); color: #fff; }
div.screen.profile #menu ul li.act li a { background-position: 18px center; background-image: url('bg-pfeil-profile-act2.gif'); color: #fff; }
div.screen.profile div#unternavi #menu ul li.act li a { background-position: 18px center; background-image: url('bg-pfeil-profile-act2.gif'); color: #0071BB; }
div.screen.profile div#unternavi #menu ul li.act li a:hover { background-position: 18px center; background-image: url('bg-pfeil-profile-act22.gif'); color: #fff; }

div.screen.baustoffe #hauptnavi { background-color: #999; }
div.screen.baustoffe div#unternavi #menu h2 { color: #999; }
div.screen.baustoffe #menu ul li a, div.screen.baustoffe td#navigation_level4 ul li a { background-color: #CCC; background-image: url('bg-pfeil-baustoffe.gif'); }
div.screen.baustoffe #menu ul li a:hover, div.screen.baustoffe td#navigation_level4 ul li a:hover,
div.screen.baustoffe #menu ul li.act a, div.screen.baustoffe td#navigation_level4 ul li.act a { background-image: url('bg-pfeil-baustoffe-act2.gif'); }
div.screen.baustoffe #menu li.act li a { background-color: #E5E5E5; }
div.screen.baustoffe #menu li.act li a:hover,
div.screen.baustoffe #menu li.act li.act a { background-color: #999; }

div.screen.holding #hauptnavi { background-color: #61BC46; }
div.screen.holding div#unternavi #menu h2 { color: #61BC46; }
div.screen.holding #menu ul li a, div.screen.holding td#navigation_level4 ul li a { background-color: #A0D790; background-image: url('bg-pfeil-holding.gif'); }
div.screen.holding #menu ul li a:hover, div.screen.holding td#navigation_level4 ul li a:hover
div.screen.holding #menu ul li.act a, div.screen.holding td#navigation_level4 ul li.act a { background-image: url('bg-pfeil-holding-act2.gif'); }
div.screen.holding #menu li.act li a { background-color: #C6E7BC; }
div.screen.holding #menu li.act li a:hover,
div.screen.holding #menu li.act li.act a { background-color: #61BC46; }

div#hauptnavi ul li.holding a { background-color: #61BC46; }
div#hauptnavi ul li.profile a { background-color: #0071BB; }
div#hauptnavi ul li.baustoffe a { background-color: #999; }


div.screen.profile td#navigation_level4 ul { margin: 0 1px 0 2px; padding: 0; list-style-type: none !important; font-size: 92%; width: 157px; }
div.screen.profile td#navigation_level4 ul li { list-style-type: none; }
/*div.screen.profile td#navigation_level4 ul a { padding-top: 3px; padding-bottom: 5px; padding-left: 10px; display: block; color: #000; padding-left: 20px; font-size: 13px;} */
div.screen.profile td#navigation_level4 ul a { padding-top: 3px; padding-bottom: 5px; padding-left: 10px; display: block; color: #000; padding-left: 20px; } 
div.screen.profile td#navigation_level4 ul a:hover { text-decoration: none; }
div.screen.profile td#navigation_level4 ul li { border-top: 1px solid #fff;  }
div.screen.profile td#navigation_level4 ul li a { background-position: 5px center; background-repeat: no-repeat; }

div.screen.profile td#navigation_level4 ul li.act a,
div.screen.profile td#navigation_level4 ul li a:hover { background-position: 8px center; }

div.screen.profile td#navigation_level4 ul li.act a { font-weight: bold; }

/* ENDE */