/*Fonts*/
a.primnanvA, a.primnanvB, a.parentlink, a.childlink, h1, h2, h3, #homecontainer, #contentcontainer, p, a, div, input, #infotextcontainer, #copyright, li, ul
{
font-family:verdana, arial, Helvetica, sans-serif;
text-decoration:none;
color:#555;
}

/*===========================================*/
/*== GESTALTUNGSELEMENTE SEITENHINTERGRUND ==*/
/*===========================================*/

/*Illustration im Kopfbereich*/
#head
{
background:url(../images/blue_head_bg.gif) repeat-x #fff;
height:86px;
}

#headnav
{
background-color:#01354b;
height:25px;
width:572px;
position:absolute;
top:36px;
left:249px;
}

#headnav #kontakt
{
display:block;
height:12px;
position:absolute;
top:5px;
left:23px;
width:30px;
}

#tel
{
display:block;
height:11px;
position:absolute;
top:5px;
right:23px;
margin:0px;
width:152px;
}

#headlinecontainer
{
height:25px;
width:572px;
position:absolute;
top:61px;
z-index:1000;
left:249px;
margin:0px;
background-color:#ea5e28;
}

.banner
{
	/*position:relative;
	left:-23px;
	top:-24px;*/
	/*position:absolute;
	left:249px;
	top:86px;
	z-index:10000;*/
	position:absolute;;
	left:249px;
	top:86px;
}


/*#illustration
{
position:absolute;
left:0px;
top:0px;
background:url(../images/illu.gif) no-repeat transparent;
background-position:500px 0px;
width:100%;
height:180px;
z-index:10;
}/*

/*Firmenlogo*/
#logo
{
position:absolute;
left:0px;
top:36px;
}

/*Illustration:Senkrechter Regalholm*/
#regalholm
{
position:absolute;
left:215px;
background:url(../images/holm.gif) no-repeat;
width:32px;
height:100%;
z-index:20;
}

/*Illustration:Kragarm auf linker Seite*/
#kragarmlinks
{
position:absolute;
top:83px;
background:url(../images/kragarm.gif);
background-position:215px 0px;
width:215px;
height:33px;
z-index:30;
}

/*Illustration:Verlauf neben Regalholm*/
#verlauf
{
position:absolute;
top:46px;
left:247px;
background:url(../images/verlauf.gif);
width:123px;
height:37px;
z-index:40;
}


/*===========================================*/
/*=========== PRIMÄRNAVIGATION ==============*/
/*===========================================*/


/*Container für die Primärnavigation*/
#primnavcontainer
{
position:absolute;
top:92px;
left:265px;
z-index:50;
height:15px;
/*width:595;*/
width:550px;
white-space:nowrap;
border:0px solid #f00;
}

/*Erster Link in der Primärnavigation*/
a.primnanvA, a.primnanvB
{
font-size:12px;
color:#744B00;
margin-right:9px;
line-height:20px;
float:left;
}

/*Alle Weiteren Links in der Primärnavigation*/
a.primnanvB
{
background:url(../images/primnav_divider.gif) no-repeat 0px 3px;
padding-left:11px;
}

a.primnanvA:hover, a.primnanvB:hover
{
color:#000;
}


/*===========================================*/
/*=========== Sekundärnavigation=============*/
/*===========================================*/


/*Container für die Sekundärnavigation*/
#secnavcontainer
{
position:absolute;
top:61px;
z-index:60;
left:0px;
width:249px;
background:url(../images/secnavbg.gif) repeat-y 0px 0px;
/*width:249px;
float:left;*/
}


/*Links der 1. und 2. Ordnung in der Sekundärnavigation*/
a.parentlink, a.childlink
{
font-size:11px;
display:block;
clear:both;
color:#fff;
border-bottom:1px solid #6b9ab8;
height:25px;
line-height:25px;
}

/*Link der 1. Ordnung in der Sekundärnavigation*/
a.parentlink
{
background:url(../images/secnavarrow.gif) 25px 6px no-repeat;
padding-left:41px;
}
a.parentlink:hover
{
color:#fff;
background:url(../images/secnavarrow.gif) 25px 6px no-repeat #01354b;
}

a.parentlinkkatalog
{
font-size:11px;
display:block;
clear:both;
color:#fff;
border-bottom:1px solid #6b9ab8;
background:url(../images/katalog_link_bg.gif) 15px -151px no-repeat;
padding-top:137px;
padding-left:41px;
padding-bottom:5px;
}
a.parentlinkkatalog:hover
{
color:#fff;
background:url(../images/katalog_link_bg.gif) 15px 2px no-repeat #01354b;
}


/*Link der 2. Ordnung in der Sekundärnavigation*/
a.childlink
{
background:url(../images/secnavarrow.gif) 43px 6px no-repeat;
padding-left:61px;
}
a.childlink:hover
{
background:url(../images/secnavarrow.gif) 43px 6px no-repeat #01354b;
}


/*Trennlinie in der Sekundärnavigation*/
#secnavcontainer .trennlinie
{
width:180px;
height:2px;
background:url(../images/dotline.gif) repeat-x;
font-size:1px;
margin:20px 0px 20px 0px;
}

/*Sprachauswahl in der Sekundärnavigation*/
#sprachauswahl
{
border:0px solid #f00;
padding: 16px 20px 0px 20px;
margin:0px;
}
/*Sprachauswahl in der Sekundärnavigation*/
#sprachauswahl select
{
width:150px;
font-size:11px;
float:right;
clear:none;
}

#sprachauswahl img
{
float:left;
margin-top:1px;
clear:none;
}


/*===========================================*/
/*=========== CONTENT =======================*/
/*===========================================*/

/*Verlinkte Bilder ohne Border Anzeigen*/
a img
{
border:0px;
}

/*Hintergrund allgemein*/
body
{
margin:0px;
background:url(../images/secnavbg.gif) repeat-y  #fff;
}

/*Überschrift der ersren Ornung nit Großbuchstaben*/
h1, h2
{
font-size:17px;
font-weight:bold;
color:#fff;
margin:0px;
padding-left:23px;
padding-top:2px;
font-family:arial, verdana, Helvetica, sans-serif;
}

.window h1
{
background-color:#ea5e28;
}


/*Überschrift der ersren Ornung: Großbuchstaben + Abstand nach oben*/
h2
{
margin-top:30px;
}

/*Content-Container Homepage*/
#homecontainer
{
position:absolute;
top:149px;
left:265px;
width:340px;
font-size:11px;
}

/*Text-Container Geschichte*/
#geschichtscontainer
{
position:relative;
top:0px;
left:0px;
width:340px;
font-size:11px;
}

/*Container für den Content der Inhaltseiten*/
#contentcontainer
{
/*position:absolute;
top:86px;
left:265px;*/
width:542px;
font-size:11px;
padding-top:24px;
float:right;
border-left:23px solid #fff;
background-color:#fff;
}

#colorbox
{
	display:block;
	overflow:hidden;
	background:url(../images/rr_background.jpg) 821px bottom no-repeat;
	width:100%;
	min-width:821px;
}

/*Content-Container Inhalt*/
.window #contentcontainer
{
position:absolute;
top:10px;
left:12px;
width:100%;
font-size:11px;
}

li, ul
{
font-size:12px;
margin:0px;
padding:15px;
}

li
{
padding:0px 0px 10px 0px ;
}
/*Fliesstext Content*/
p
{
font-size:12px;
margin:0px 20px 15px 0px;
}

/*Fliesstext mit Bild*/
.bildmitte p
{
font-size:12px;

margin:0px;
padding-bottom:18px;
padding-right:20px;
}

/*Container für Bilder / 1 Bild und Text*/
.bildmitte
{
width:549px;
float:left;
clear:both;
margin-bottom:10px;
}

/*bildliste mit Links darunter*/
.bildliste
{
width:162px;
margin:0px 90px 20px 0px;
float:left;
clear:none;
}

/*Links in der Bildliste*/
.bildliste a
{
background:url(../images/pfeil_grau_gross.gif) no-repeat 0px 0px;
display:block;
clear:both;
margin-top:10px;
padding:0px 0px 10px 31px;
font-size:10px;
}
.bildliste a:hover
{
background:url(../images/pfeil_gelb_gross.gif) no-repeat 0px 0px;
color:#ea5e28
}

/*Zweispaltiger Text; zum Beispiel Referenzen*/
.textspalten
{
width:250px;
margin:0px 20px 20px 0px;
float:left;
clear:none;
}

/*mehrere Thumnailbilder im Container  "bildmitte" > ohne Abstand nach unten*/
.thumb
{
color:#555;
width:182px;
margin-bottom:0px;
float:left;
padding-bottom:3px;
}

/*Bildunterschrift unter Thumbnail*/
.bildmitte .thumb p
{
font-size:9px;
margin:0px;
text-indent:30px;
text-align:right;
padding-bottom:0px;
}

/*Thumbnail-Bild*/
.thumb img
{
margin-right:20px;
width:162px;
height:122px;
}

/*Thumbnail-Legende*/
.thumb div img
{
	/*padding:0px 20px 0px 30px;*/
	background-color:#fff;
	width:18px;
	height:18px;
	float:left;
	margin-right:5px;
}
/*Thumbnail-Legende*/
.thumb div
{
	padding:0px 20px 0px 0px;
}

/*Thumbnail-Link*/
a.thumbnail:link 
{
z-index:100;
position:absolute;
background:url(../images/lupe.gif) no-repeat;
background-position:0px 114px;
width:162px;
height:133px;
}
a.thumbnail:visited 
{
position:absolute;
background:url(../images/lupe_visited.gif) no-repeat;
background-position:0px 114px;
width:162px;
height:133px;
}
a.thumbnail:hover 
{
position:absolute;
background:url(../images/lupe_over.gif) no-repeat;
background-position:0px 114px;
width:162px;
height:133px;
}
a.thumbnail:active 
{
position:absolute;
background:url(../images/lupe_over.gif) no-repeat;
background-position:0px 114px;
width:162px;
height:133px;
}
a.thumbnail:focus 
{
position:absolute;
background:url(../images/lupe_over.gif) no-repeat;
background-position:0px 114px;
width:162px;
height:133px;
}

a.linkliste
{
background:url(../images/pfeil_grau.gif) no-repeat;
padding-left:26px;
padding-bottom: 10px;
display:block;
}
a.linkliste:hover
{
color:#ea5e28;
background:url(../images/pfeil_gelb.gif) no-repeat;
}

a.textlink
{
font-weight: bolder;
}

a.textlink:hover
{
color:#ea5e28;
}

a.anker_top
{
background:url(../images/pfeil_grau_top.gif) no-repeat;
padding-left:26px;
right: 0px;
position: absolute;
}

a.anker_top:hover
{
color:#ea5e28;
background:url(../images/pfeil_gelb_top.gif) no-repeat;
}

/*mehrere Katalogbilder im Container*/
.bildmitte .kat
{
color:#005597;
width:182px;
padding-bottom:10px;
margin-bottom:0px;
float:left;
}

/*Bildunterschrift Katalogbild*/
.kat p
{
font-size:9px;
margin:3px 21px 0px 0px;
text-align:left;
}

/*Katalog-Bild*/
.kat img
{
margin-right:20px;
width:162px;
height:228px;
}

/*checkbox Karalog*/
.bildmitte input
{
float:left;
}

/*Container für formularzeilen*/
.formular
{
clear:both;
}

/* comtainer inhalt Formularzeile*/
.formular div
{
font-size:12px;
width:100%;
margin-bottom:10px;
white-space:nowrap;
height:20px;
}

/* Inputfeld Formularzeile*/
.formular div input
{
font-size:12px;
position:absolute;
left:385px;
width:400px;
}

/*Links im Formular*/
.formular a
{
background:url(../images/pfeil_grau_gross.gif) no-repeat -10px 0px;
padding-left:20px;
padding-bottom:7px;
padding-top:5px;
font-size:12px;
margin-left:0px;
margin-top:20px;
display:block;
width:100px;
}
.formular a:hover
{
background:url(../images/pfeil_gelb_gross.gif) no-repeat -10px 0px;
color:#ea5e28
}

/*Abstandhalter*/
.space
{
display:block;
clear:both;
overflow:hidden;
height:30px;
}

/*Trennlinie */
.trennlinie
{
height:2px;
background:url(../images/dotline.gif) repeat-x;
font-size:1px;
padding-top:0px;
margin:20px 20px 20px 0px;
clear:both;
}

/*Copyright*/
#copyright
{
font-size:10px;
color:#999;
clear:both;
background:url(../images/dotline.gif) repeat-x;
padding-top:10px;
height:30px;
width:526px;
border-top:30px solid #fff;
}
#copyright_breit
{
top:10px;
font-size:10px;
color:#999;
position:relative;
width:530px;
clear:both;
background:url(../images/dotline.gif) repeat-x;
padding-top:10px;
margin:20px 20px 20px 0px;
}

/*Hintergrund im Kontaktfenster*/
.window
{
background:transparent;
background-color:#fff;
}

/*inhalt im Kontakt-fenster*/
#kontakt
{
position:absolute;
top:10px;
left:12px;
height:300px;
width:280px;
}

#kontakt h1
{
margin:0px;
}

#kontakt p
{
margin:15px 12px 15px 0px;
font-size:12px;
}

/* comtainer für inhalt Formularzeile*/
#kontakt div
{
font-size:12px;
width:100%;
margin-bottom:3px;
white-space:nowrap;
height:20px;
line-height:20px;
}

/* comtainer für inhalt Formularzeile*/
#kontakt div .frm
{
font-size:12px;
position:absolute;
right:20px;
width:180px;
height:20px;
}

.left
{
margin:0px 0px 0px 0px;
}

/*Links im Formular*/
#kontakt div a
{
background:url(../images/pfeil_grau_gross.gif) no-repeat -10px 0px;
padding-left:20px;
padding-bottom:7px;
padding-top:3px;
font-size:12px;
margin:20px 20px 0px 0px;
display:block;
float:left;
}
#kontakt div a:hover
{
background:url(../images/pfeil_gelb_gross.gif) no-repeat -10px 0px;
color:#ea5e28
}

/*Links im Formular*/
#kontakt a
{
font-size:12px;
}
#kontakt a:hover
{
color:#ea5e28
}


/*===========================================*/
/*=========== INFOTEXTE =====================*/
/*===========================================*/


/*Container für alle Infotexte*/
#infotextcontainer
{
position:absolute;
top:149px;
left:605px;
width:189px;
font-size:11px;
padding-bottom:30px;
}

/*Container für Bilder Geschichte*/
#geschichtsbildcontainer
{
position:absolute;
top:0px;
left:340px;
width:189px;
font-size:11px;
padding-bottom:30px;
}

/*Infotext-Container*/
.infotext
{
background:url(../images/infotext_oben.gif) no-repeat #E9E9E9;
width:189px;
padding:28px 0px 10px 0px;
border-bottom:5px solid #fff;
}

/*Rundung Letzter Infotext*/
#roundcorner
{
position:absolute;
bottom:30px;
background:url(../images/infotext_unten.gif) no-repeat;
width:189px;
height:9px;
margin:0px;
font-size:1px;
}

/*Headline Infotext*/
.infotext h3
{
font-size:10px;
font-weight:bold;
margin:0px 20px 5px 20px;
}

/*Fliesstext Infotext*/
.infotext p
{
font-size:10px;
margin:0px 20px 5px 20px;
}

/*Link Infotext*/
.infotext a
{
font-size:10px;
margin:20px;
background:url(../images/pfeil_dunkelgrau.gif) no-repeat;
padding-left:20px;
color:#666;
}
.infotext a:hover
{
background:url(../images/pfeil_schwarz.gif) no-repeat;
color:#000;
}