/* CSS Document
Website: www.harold-scholz.de
Autor: nbohlen design & kommunikation


VERKN�PFTE DATEIEN
--------------------------------
Seitenhintergrund1: ...
Seitenhintergrund2: ...
Seitenhintergrund3: ...
Seitenhintergrund4: ...


FARBEN
--------------------------------
-Bereichsfarben-

!!!!!!!! ?DERUNG DER FARBEN �pERALL IM DOKUMENT WIE HIER !!!!!!!!

1) #BC2B27	1b) #DD6D6A		
2) #2C5BCF	2b) #7591D8	
3) #D5A319	3b) #E0C16B
4) #598A50	4b) #8ACA7F

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

-MainNavigation-
Button-Hintergrund: #FFFFFF
Text: #666666

-Subnavigation-
Button-Hintergrund: #999999
Text: #FFFFFF

-TopNavigation-
Text: #999999


Fliesstext: #666666

---- FarbBereiche ------*/
.bereich0 {background-color:#666666;}
.bereich1 {background-color:#BC2B27;}
.bereich1hell {background-color:#DD6D6A;}
.bereich1dunkel {background-color:#982517;}
.bereich2 {background-color:#2C5BCF;}
.bereich2hell {background-color:#7591D8;}
.bereich2dunkel {background-color:#242C77;}
.bereich3 {background-color:#D5A319;}
.bereich3hell {background-color:#E0C16B;}
.bereich3dunkel {background-color:#D58415;}
.bereich4 {background-color:#598A50;}
.bereich4hell {background-color:#8ACA7F;}
.bereich4dunkel {background-color:#446647;}

.homeTxt0 {color:#BC2B27;}
.homeTxt1 {color:#BC2B27;}
.homeTxt2 {color:#2C5BCF;}
.homeTxt3 {color:#D5A319;}
.homeTxt4 {color:#598A50;}
.bereich1Txt {color:#BC2B27}
.bereich2Txt {color:#2C5BCF}
.bereich3Txt {color:#D5A319}
.bereich4Txt {color:#598A50}

/* --- Grund Layout ---*/
body{ background-attachment:fixed; margin: 0px;}
html,body,div,p,table,td,h3,span,ul,ol,li,a {font-family:arial, Helvetica, sans-serif; color:#666666}

h1{font-size:18px; font-weight:bold;line-height: 20px; margin-top:0px;;}
h2{font-size:16px; font-weight:bold;line-height: 18px;margin-top:0px; margin-bottom:20px; height: 18px;}
h3{font-size:14px; font-weight:bold;line-height: 18px;margin-top:0px;}
h4{font-size:12px; font-weight:bold;line-height: 14px;margin:0px; height: 12px;}

sup { font-size: 50%; }

p{font-size: 12px; line-height: 18px; margin-top: 0px;}
.linkNormal {font-size:13px; font-weight:bold;line-height: 22px;}
.copy {font-size: 12px; line-height: 14px; margin-top: 0px;}
.small {font-size: 10px; line-height: 12px; margin-top: 0px;}
.copyright {font-size:10px; color:#CCCCCC}
.bildHead {font-size:9px; line-height: 11px; text-align:center; margin-top:6px; margin-bottom:0px; text-transform:uppercase;}
.bildSub {font-size:9px; line-height: 11px; text-align:center; margin-bottom:12px; margin-top: 6px; letter-spacing:1px;}
.bildSubMitarbeiter {font-size:9px; line-height: 11px; text-align:center; margin-bottom:0px; margin-top: 6px; letter-spacing:0px; text-transform: uppercase;}
ul {font-size: 12px; line-height: 14px;}

img.bildLinks{float:left; margin-right:6px;}
img.bildRechts{float:right; margin-left:6px;}
.border {border: 1px solid #cccccc;}

/* ---- Layout ----- */

img{border:0px;}

/* ---- Allgemein ----*/

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline;}

/* ---- Bereich-Divs -----*/
div#cage{width: 830px; padding:0px;margin:0px; background-color:  999999;position: relative;}
div#top {width: 825px; height: 100px; background-color: white; margin-bottom: 1px; padding: 5px 5px 5px 0px;}
div#navi {float: left; width: 220px;}
div#mitte {float: left; width: 609px; margin-left:1px;}
div#mitteBild {height: 159px; background-color:white; margin-bottom:1px;padding:0px}
div#mitteContent {background-color: white; padding: 28px 10px 10px 10px; margin-bottom:1px; text-align:left; height: 100%;}
div#mitteCopyright{background-color:white; padding:4px; height:10px; text-align:center;}
div#rechts {float:left; width:220px; height:100%;}
div#rechtsHead {float:left; width:216px; height:12px; color: #FFFFFF; margin-bottom:1px; text-align: left; padding:4px 2px 4px 2px;}
div#rechtsContent {float:left; width:212px; height:100%; margin-bottom: 1px; background-color:white; text-align: left; padding:4px;}
div#rechtsLogos {float: left; width:167px; margin-bottom: 1px; text-align:center; }

/* ------ Top-Bereich ----- */
div#top img.logo {float:left;display:inline;margin-right: 0px;}
div#top h1#topHeadline {text-align:left; float:left;}

div#top ul {margin:0px 0px 0px 0px; float:right; list-style: none;}
div#top ul li {display: inline; padding: 0px 6px 0px 6px; border-left: 1px solid #cccccc; margin:0px;}
div#top ul li.first {border-left: 0px none;}
div#top ul li a {font-size: 11px; color: #999999; margin: 0px;}
div#top ul li img {vertical-align:middle;}
div#top ul li a:hover {text-decoration: underline;}


/* ------ Navi-Bereich ----- */

ul#mainnav {list-style: none; margin: 0px; padding: 0px;}
ul#mainnav li {display: block; margin-bottom: 1px;}
ul#mainnav li a img {vertical-align:middle;}
ul#mainnav li a {display: block;margin: 0px 0px 1px 0px; height: 26px; text-align:left; line-height:13px; padding: 4px;background-color: white; color: #666666; font-size: 12px; font-weight:bold; text-decoration: none;}
ul#mainnav li a:hover {background-color: white; color: #BC2B27;}

ul#mainnav li#bereich1 a:hover {color: #BC2B27;}
ul#mainnav li#bereich2 a:hover {color: #2C5BCF;}
ul#mainnav li#bereich3 a:hover {color: #D5A319;}
ul#mainnav li#bereich4 a:hover {color: #598A50;}

ul#mainnav ul#subnav {margin: 0px; list-style: none; padding: 0px;}
ul#mainnav ul#subnav li a {padding: 2px 4px 2px 13px; height: 13px; margin: 0px; font-size:11px;color: white;background-color: #999999;}
ul#mainnav ul#subnav li#bereich1hell a:hover {background-color: #DD6D6A; color: white;}
ul#mainnav ul#subnav li#bereich2hell a:hover {background-color: #7591D8; color: white;}
ul#mainnav ul#subnav li#bereich3hell a:hover {background-color: #E0C16B; color: white;}
ul#mainnav ul#subnav li#bereich4hell a:hover {background-color: #8ACA7F; color: white;}

select#quick_navi {width:90%;font-size:8pt;}
select#quick_navi option {font-size:8pt;}

/* --------Content Styles ----------*/
div#balken {padding: 2px 5px 2px 5px; color: white; margin-bottom: 0px; margin-top:20px; height:15px;}
div#balken p {display: inline; font-weight:bold; color: white; text-transform:uppercase; font-size:12px;}
div#balken a {color: white; font-size:11px;}
div#liste {text-align:left; padding-left: 160px; height:100%;}
div#liste a {font-size:13px; font-weight:bold;line-height: 15px;}
div#adresse {text-align:center; font-size: 10px; line-height:12px; margin-top:40px; margin-bottom:6px; color:#999999;}

ul.anchorliste {padding: 0px;margin:0;}
ul.anchorliste li {padding: 0px; margin: 0px -5px 3px 0px;}

ul#partnerliste {list-style-type: none; margin: 0px; padding: 0px;}
ul#partnerliste li {margin-bottom: 1px; padding:4px; background-color: #FFFFFF; width: 154px;}

/* ---------- Produkt-Tabellen -------------*/
div#tabRow {margin: 4px 0px 4px 0px; font-size:12px; line-height:13px; height: 100%; padding: 3px 0px 3px 0px;}
.tabHeader {background-color:#cccccc; width: 100%;}
.spaltenHead{ font-size: 10px; line-height: 11px; text-align:center;}
.pg_rahmen {border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc; margin-bottom: 20px; padding:5px;}

div#produkteAZ a {font-size:13px; font-weight:bold;line-height: 16px;}
div#mitteContent div {height:100%;}


.menuBar a {display: block;margin: 0px 0px 1px 0px; height: 26px; text-align:left; line-height:13px; padding: 4px;background-color: white; color: #666666; font-size: 12px; font-weight:bold; text-decoration: none;}
.menuBar a img {vertical-align:middle;}

.menuBar a.bereich1:hover {color: #BC2B27;text-decoration: none;}
.menuBar a.bereich2:hover {color: #2C5BCF;text-decoration: none;}
.menuBar a.bereich3:hover {color: #D5A319;text-decoration: none;}
.menuBar a.bereich4:hover {color: #598A50;text-decoration: none;}


.menuBar a.bereichk2:hover { font-size:9px;background-color: #7591D8;text-decoration: none;}

.menuBar a.bereichk2 { font-size:9px;}


.subMenu a{padding: 2px 4px 2px 8px; height: 13px; margin: 0px 0px 1px 0px; font-size:11px;color: white;background-color: #999999;vertical-align:middle;}
.subMenu2 a{padding: 2px 4px 2px 8px; height: 13px; margin: 0px 0px 0px 0px; font-size:11px;color: white;background-color: #333333;}
.submenu2 a:hover {background-color: #FFFFFF;text-decoration: none;}
a.exz {display: block;margin: 0px 0px 1px 0px; height: 100%; text-align:left; line-height:13px; padding: 4px;background-color: white; color: #666666; font-size: 12px; font-weight:bold; text-decoration: none;}
.subMenu a.bereich1:hover {background-color: #DD6D6A; color: white;text-decoration: none;}
.subMenu a.bereich2:hover {background-color: #7591D8; color: white;text-decoration: none;}
.subMenu a.exzellent {padding: 0px; height: 53px; margin: 0px 0px 1px 0px; font-size:11px;color: white;background-color: #999999;vertical-align:middle;}
.subMenu a.bereich3:hover {background-color: #E0C16B; color: white;text-decoration: none;}
.subMenu a.bereich4:hover {background-color: #8ACA7F; color: white;text-decoration: none;}
.subMenu a.klein{padding: 2px 4px 2px 8px; height: 13px; margin: 0px 0px 0px 0px; font-size:9px;color: white;background-color: #999999;}

.subMenu a.abereich1 {background-color: #DD6D6A; color: white;}
.subMenu a.abereich2 {background-color: #7591D8; color: white;}
.subMenu a.abereich3 {background-color: #E0C16B; color: white;}
.subMenu a.abereich4 {background-color: #8ACA7F; color: white;}
.subMenu a.abereichk2 {background-color: #7591D8; color: white;font-size:9px;}

.subMenu a.abereich1:hover {background-color: #DD6D6A; color: white;text-decoration: none;}
.subMenu a.abereich2:hover {background-color: #7591D8; color: white;text-decoration: none;}
.subMenu a.abereich3:hover {background-color: #E0C16B; color: white;text-decoration: none;}
.subMenu a.abereich4:hover {background-color: #8ACA7F; color: white;text-decoration: none;}
.subMenu a.abereichk2:hover {background-color: #7591D8; color: white;font-size:9px;text-decoration: none;}

.subMenu2 a.aunterpunkte2 {background-color: #7591D8; color: white;}
.subMenu2 a.aunterpunkte3 {background-color: #E0C16B; color: white;}
.subMenu2 a.aunterpunkte2:hover {background-color: #7591D8; color: white;text-decoration: none;}
.subMenu2 a.aunterpunkte3:hover {background-color: #E0C16B; color: white;text-decoration: none;}
.subMenu2 a.aunterpunkteklein {background-color: #E0C16B; color: white;font-size:9px;}
.unterpunkte2:hover {background-color: #7591D8; color: white;text-decoration: none;}
.unterpunkte3:hover {background-color: #E0C16B; color: white;text-decoration: none;}

.produktlogos { vertical-align: top; padding: 5px; }
/*---- Anwendungsgebiete -----------*/
.link_kasten {background-color:#FFFFFF; padding: 5px; border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;margin-bottom:10px;}
.link_kasten_header {background-color:#D5A319;padding: 2px; color: white; height:15px;line-height:15px;}
.hinweis_kasten {background-color:#FFFFFF; border: 1px solid #cccccc;padding: 5px;font-size:9px; line-height:11px; color:#BC2B27;}

/*---- Downloads -----*/

#navbar_download_link{
	background: url(../pics/download_icon.jpg) left center no-repeat;
	padding: 6px 0 0 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	display: block;
	height: 20px;
	text-decoration: none;
}

#navbar_download_link:hover{
	color: #BC2B27;
}

#navbar_download_link:focus{
	outline: none;
}

#accordion{
	padding:0;

}

#accordion li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#accordion li ul{
	padding: 0;
}

#accordion a:focus{outline: none;}

#accordion li ul li a {
	display: block;
	font-weight: 600;
	line-height: 24px;
	padding: 0 12px 0 12px;
	background: url(../pics/pdf_icon.gif) 560px center no-repeat;
}


#accordion .heading{
	font-size: 14px; 
	font-weight: bold;
	display: block;
	line-height: 26px;
	color: #FFF;
	padding: 0 12px 0 12px;
	margin-bottom: 0;
	background: #D06A67 url(../pics/arrow_white.gif) 558px 12px no-repeat;
	border-bottom: 1px solid #FFF;
}

#accordion .heading span{
	font-size: 12px; 
	font-weight: normal; 
	color: #FFF;
}

#accordion a.heading{
	text-decoration:none;
}

#accordion a.heading:hover{
	background-color: #BC2B27;
}

#accordion li a.active{
	background: #BC2B27 url(../pics/arrow_white.gif) 558px -18px no-repeat;	
}

#accordion li ul li a:hover {
	background: url(../pics/get_pdf_icon.gif) 560px center no-repeat ;
}

.highlight_list{
	background-color: #F8E9E9
}

/*------------------*/

p.textklein {font-size:9px; line-height:11px;}

/* ------ News-Bereich ----- */
.naviHead {font-size:14px; line-height:16px;}
.saeule_rechts {float:right;width:150px;margin: 0px 0px 0px 20px;};

.navinews {color:white; text-decoration:none;}

.news_box {margin: 0px; padding: 10px;border: 1px solid #cccccc;}


.news_box h2 { margin: 0px; padding: 0px; color: #666666; font-size: 11px; }
.news_box h1 { margin: 5px 0px 3px 0px; padding: 0px; color: #982517; font-size: 16px; font-weight: bold; }
.news_box p { margin: 0px;color: #666666; font-size: 12px; }
.news_box a img { border: 1px solid #cccccc; margin: 0px 3px 0px 0px; padding: 1px; background-image: url(../pics/news_img_bg.gif); }





img#news_big_img { padding: 10px; border: 1px #CCCCCC solid; }

table#news_img_big tr td { font-size: 11px; }
table#news_img_big tr td h1 { margin: 0px; padding: 0px 0px 4px 0px; font-size: 11px; font-weight: bold; color: #666666; }
table#news_img_big tr td p { margin: 0px; padding: 0px; font-size: 11px; color: #666666; }
table#news_img_big tr td span { font-size: 11px; color: #982517; }
table#news_img_big span img { border:0px; }


#banner {
   position: absolute;
   top: 60px;
   right: -20px;
   width: 240px;
   height: 86px;
}

#banner .banner_link {
   background-color:white;
   padding: 3px;
   width: 234px;
   height: 60px;
}

#banner .banner_peel {
   height: 20px;
   background-image: url(../pics/banner_peel.gif);
   background-repeat: no-repeat;
   background-position: right top;
}