/*Fonts*/
a.primnanvA, a.primnanvB, a.parentlink, a.childlink, h1, h2, h3, #homecontainer, #contentcontainer, p, a, div, input, #infotextcontainer, #copyright, #kontakt div td, td, input, select
{
font-family: arial, helvetica, arial, sans-serif;
text-decoration:none;
color:#000;
}

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

/*Firmenlogo*/
#logo
{
background-color:#fff;
width:833px;
height:196px;
background:url(../images/logo.gif) no-repeat left bottom #eaf1fa;
}



/*===========================================*/
/*=========== Center Site ===================*/
/*===========================================*/
html, body, #OuterCenterBox
{
	min-height:100%;
	width:100%;
	height:100%;
}

html>body, html>body #OuterCenterBox
{
	height:auto;
}


#OuterCenterBox
{
	position:absolute;
	top:0px;
	left:0px;
}

#InnerCenterBox
{
	text-align:center;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px;
	/*Mac ie5 hack*/
	/*\*//*/
	padding-left:30px;
	/**/	
}

/*Content BOX*/
#container
{
	background:url(../images/content_bg.gif) repeat-y 0px #fff;
	position:relative;
	width:833px;
	text-align:left;
	height:auto;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;


}

#foot
{
background:url(../images/foot.gif) no-repeat #eaf1fa;
width:833px;
height:31px;
clear:both;
margin:0px;
}

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


/*Container für die Primärnavigation*/
#primnavcontainer
{
height:70px;
width:833;
white-space:nowrap;
background:url(../images/primnav_bg.gif) repeat-y 0px #fff;
}

/*Erster Link in der Primärnavigation*/
a.primnanvA, a.primnanvB
{
font-size:12px;
color:#003399;
line-height:66px;
float:left;
padding:0px 20px 0px 20px;
background:url(../images/primnav_divider.gif) no-repeat 100% 20px;
font-weight:bold;
}


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


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


/*Container für die Sekundärnavigation*/
#secnavcontainer
{
width:176px;
float:left;
background:url(../images/secnav_bg.gif) no-repeat bottom left;
padding-bottom:60px;
min-height:300px;
}

/*IE-Hack */
* html #secnavcontainer
{
	height:300px;
}


/*Links der 1. und 2. Ordnung in der Sekundärnavigation*/
a.parentlink, a.childlink
{
font-size:11px;
display:block;
clear:both;
margin-bottom:10px;

color:#e6ebf5;
font-weight:bold;
}

/*Link der 1. Ordnung in der Sekundärnavigation*/
a.parentlink
{
background:url(../images/pfeil_weiss.gif) no-repeat 0px 3px;
padding-left:15px;
margin-left:20px;
}

/*Link der 2. Ordnung in der Sekundärnavigation*/
a.childlink
{
background:url(../images/pfeil_weiss.gif) no-repeat;
padding-left:20px;
}
a.childlink:hover
{
color:#000;
background:url(../images/pfeil_gelb.gif) no-repeat;
}


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

/*Sprachauswahl in der Sekundärnavigation*/
#sprachauswahl
{
	width:135px;
	font-size:11px;
	margin-left:20px;
}

/*Sprachauswahl in der Sekundärnavigation*/
#sprachauswahl select
{
width:100px;
font-size:11px;
float:right;
clear:none;
}

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


/*===========================================*/
/*=========== CONTENT =======================*/
/*===========================================*/
table
{
border-spacing:0px;
border-collapse:collapse;
}
td
{
	font-size:12px;
	padding:4px 5px 4px 0px;
	border:0px solid #f00;
}
/*Verlinkte Bilder ohne Border Anzeigen*/
a img
{
border:0px;
}

/*Hintergrund allgemein*/
body
{
background-color:eaf1fa;
}


/*Überschrift der ersren Ornung nit Großbuchstaben*/
h1, h2
{
font-size:17px;
font-weight:bold;
color:#005597;
letter-Spacing:1px;
text-transform:uppercase;
margin:0px;
padding:0px;
border-bottom:15px solid #fff;
}

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

/*Content-Container Homepage*/
#homecontainer
{
width:411px;
font-size:11px;
float:left;
}

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

/*Container für den Content der Inhaltseiten*/
#contentcontainer
{
width:618px;
font-size:12px;
float:right;
position:relative;
right:20px;
margin-top:14px;
min-height:400px;
}

/*IE-Hack */
* html #contentcontainer
{
	height:400px;
}


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

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

/*Fliesstext mit Bild*/
.bildmitte p
{
font-size:12px;
border-right: 20px solid #fff;
margin:0px;
padding-bottom:18px;
}

/*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:#000
}

/*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:#000;
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-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:aktive 
{
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:#000;
background:url(../images/pfeil_gelb.gif) no-repeat;
}

a.textlink
{
font-weight: bolder;
}

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

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

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

/*mehrere Katalogbilder im Container*/
.bildmitte .kat
{
color:#000;
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;
}


/*Ansprechpartner Container*/
.ap_box
{
height:154px;
padding:0px 0px 0px 0px;
margin-bottom:-20px;
}
.ap_box td
{
padding:0px 10px 3px 0px;
}



/*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;
right:20px;
width:400px;
height:20px;
}




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

background:url(../images/pfeil_blau_gross.gif) no-repeat 0px 2px;
padding-left:23px;
padding-bottom:7px;
padding-top:3px;
font-size:12px;
font-weight:bold;
margin:20px 20px 0px 0px;
display:block;
float:left;
color:#003399;
}
.formular a:hover
{
background:url(../images/pfeil_blau_gross.gif) no-repeat 0px 2px;
color:#000;
}

.radio
{
	position:relative;
	top:1px;
	left:-2px;
}

select
{
	font-size:13px;
}

/*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;
}

/*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%;
border-bottom:3px solid #fff;
white-space:nowrap;
line-height:20px;
padding:0px;
margin:0px;
}

#kontakt div td
{
width:80px;
white-space:nowrap;
font-size:12px;
height:20px;
line-height:20px;
padding-top:5px;
}

#kontakt div td.options
{
width:180px;
white-space:nowrap;
font-size:12px;
}


/* 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, #contentcontainer #buttons a
{
background:url(../images/pfeil_blau_gross.gif) no-repeat 0px 2px;
padding-left:23px;
padding-bottom:7px;
padding-top:3px;
font-size:12px;
font-weight:bold;
margin:20px 20px 0px 0px;
display:block;
float:left;
color:#003399;
}
#kontakt div a:hover
{
background:url(../images/pfeil_blau_gross.gif) no-repeat 0px 2px;
color:#000;
}

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


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


/*Container für alle Infotexte*/
#infotextcontainer
{
/*position:absolute;
top:149px;
left:605px;*/
float:right;
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 #a7b9dc;
width:189px;
padding:28px 0px 10px 0px;
margin-bottom: 5px;
}

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

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

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

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

.referenzen
{
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
}
.referenzen td
{
	background:url(../images/ref_logo_bg.gif) 0px 0px no-repeat;
	padding:0px 0px 0px 0px;
	height:63px;
	width:300px;
}

.referenzen .empty
{
	background:none;
	padding:0px 0px 0px 0px;
	height:18px;
	margin-bottom:20px;
	width:18px;
}

.referenzen b
{
	padding-left:20px;
	line-height:63px;
}

.referenzen img
{
	margin-right:20px;
}



/*Gebrauchtmarkt*/
.markt_index
{
	background-color:#000;
	clear:both;
	display:block;
}

.markt_index div
{
	width:100px;
	float:left;
}

.markt_index .index_text
{
	float:right;
	width:500px;
}

.markt_index h3, h3
{
	margin:0px 0px 5px 0px;
	font-size:13px;
}

.markt_index p
{
	margin:0px 0px 5px 0px ;
}

#contentcontainer a, #contentcontainer .markt_index  .index_text a
{
	margin:0px 0px 0px 0px;
	background:url(../images/pfeil_blau2.gif) no-repeat 0px 4px;
	padding-left:10px;
}

#contentcontainer .markt_index div a
{
	background:none;
	margin:0px;
	padding:0px;
}


.contentbreak
{
	height:18px;
	overflow:hidden;
	clear:both;
	margin:0px;
	padding:0px;
}

.leftcolumn
{
	float:left;
	width:300px;
}

.rightcolumn
{
	float:right;
	width:300px;
}

/*copyright-Text mit border*/
#copyright
  {
  font-size:11px;
  color:#3e3e3e;
  display:block;
  line-height:14px;
  border-top:solid 1px #aabbdd;
  padding-top:7px;
  }