/* ----------------- Hauptformat --------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

body   {
		margin: 0px;
		font-family: Arial, Tahoma, Sans-Serif; 
		color: #252525; 
		font-size: 80%;
		background-color: #D1D1D1;
		height: 100%;
		min-height: 100%;
		background-image:url('../bilder/seite/bg.jpg');
		background-repeat: repeat-y;
		}

/* ----------------- Container ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

#top{
clear:both;
float:left;
width: 100%;
height: 125px;
background-color: #fff;
background-image:url('../bilder/seite/bg-top.jpg');
background-repeat: no-repeat;
}

#top_schiff{
clear:both;
float:left;
width: 100%;
height: 125px;
background-color: #fff;
background-image:url('../bilder/seite/bg-top-schiff.jpg');
background-repeat: no-repeat;
}

#top_land{
clear:both;
float:left;
width: 100%;
height: 125px;
background-color: #fff;
background-image:url('../bilder/seite/bg-top-land.png');
background-repeat: no-repeat;
}

#top_tht{
clear:both;
float:left;
width: 100%;
height: 125px;
background-color: #fff;
background-image:url('../bilder/seite/bg-top-tht.png');
background-repeat: no-repeat;
}

#bereiche{
clear:both;
float:left;
margin-left: 186px;
width: 530px;
margin-top: 0px;
}

* html #bereiche{
margin-left: 100px;
width: 530px;
}

#logo{
float:left;
margin-left: 102px;
width: 187px;
}

* html #logo{
float:left;
margin-left: 102px;
}

#hauptnavi{
clear:both;
float:left;
margin-left: 190px;
margin-top: 17px;
* margin-top: 16px;
color: #888888;
height: 20px;
width: 580px;
margin-right: 27px;
}

* html #hauptnavi{
margin-left: 100px;
}

#hauptsuche{
margin-top:13px;
float:left;
width: 180px;
margin-left: 8px;
}

#inhalt {
clear:both;
float:left;
width: 1020px;
}

#linker-bereich {
clear:both;
float:left;
width: 165px;
margin-right: 5px;
padding: 10px;
}

#linker-bereich-index {
clear:both;
float:left;
width: 175px;
margin-right: 0px;
padding: 5px;
}

#mittel-bereich-index {
float:left;
width: 615px;
padding-top: 1px;
line-height: 130%;
font-size: 90%;
margin-right: 1px;
text-align: justify;
}

#mittel-bereich {
float:left;
width: 585px;
padding: 10px;
line-height: 130%;
font-size: 90%;
margin-right: 6px;
}

#ort{
margin: 0px; 
font-size: 95%; 
border-bottom: 1px solid #e4e4e4; 
padding: 10px;
margin-bottom: 20px;
color: #a7a7a7;
}

#inhalt_fuss_oben{
margin: 0px; 
margin-top: 35px; 
font-size: 95%; 
border-bottom: 1px solid #e4e4e4; 
padding: 10px;
border-top: 1px solid #f2f2f2; 
}

#inhalt_fuss_unten{
clear:both; 
font-size: 95%; 
padding: 10px; 
padding-bottom: 20px; 
color: #999;
}

#rechter-bereich {
float:left;
width: 210px;
}

.bilddiv{
padding: 2px;
background-color: #ffffff;
border: 1px solid #a7a7a7;
line-height: 140%;
margin: 3px;
margin-left: 0px;
background-image:url('../bilder/seite/verlauf.jpg');
background-repeat: repeat-x;
}

.bilddiv:hover{
background-color: #e4e4e4;
background-image:url('../bilder/seite/verlauf-hover.jpg');
background-repeat: repeat-x;
}

.accord_style {
background-color: #f2f2f2;
border-bottom: 1px solid #c1c1c1;
}

.bildbox{
padding: 2px;
background-color: #ffffff;
border: 1px solid #c7c7c7;
line-height: 140%;
float:left; 
margin: 10px;
background-image:url('../bilder/seite/verlauf.jpg');
background-repeat: repeat-x;
width: 43px;
}

* html .bildbox{
margin: 6px;
margin-right: 9px;
}

.startbox{
line-height: 140%;
float:left; 
padding: 10px;
border: 1px solid #ffffff;
}

.startbox:hover{
background-color: #F9FDFF;
border: 1px solid #E6F7FF;
}

.language-select{
background-color: #f8f8f8;
border: 1px solid #e7e7e7;
float:left; 
background-image:url('../bilder/seite/banner-select.jpg');
background-repeat: repeat-x;
line-height: 160%;
width: 380px;
}

.meinung {
clear:both;
font-size: 100%; 
color: #696969;
text-align: justify;
width: 500px;
float:left;
margin-left: 40px;
margin-bottom: 25px;
font-style: italic;
}


#sub-produkte{
display:none;
position: absolute;
left: 241px;
top: 125px;
z-index:150;
padding: 5px;
background-image:url('../bilder/seite/bg-sub.png'); 
background-repeat: no-repeat;
width: 234px;
height: 110px;
behavior: url(iepngfix.htc);
}

#sub-headline-produkte{
display:none;
position: absolute;
left: 241px;
top: 51px;
z-index:150;
padding: 5px;
padding-left: 4px;
background-image:url('../bilder/seite/bg-sub-headline-produkte.png'); 
background-repeat: no-repeat;
width: 75px;
height: 23px;
padding-top: 46px;
behavior: url(iepngfix.htc);
}


/* ----------------- Hyperlinks ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

a, a:visited    		{
color:#333; 
text-decoration: none;
}
a:hover, a:active 		{
color:#333; 
text-decoration: none; 
}

a.text, a.text:visited  {
color: #0059A4;
text-decoration: none;
}

a.text:hover, a.text:active 		{
text-decoration: underline; 
color: #0059A4; 
}

a.text2, a.text2:visited  {
color: #E2001A;
text-decoration: none;
}

a.text2:hover, a.text2:active 		{
text-decoration: underline; 
color: #E2001A; 
}

a.text3, a.text3:visited  {
color: #000000;
text-decoration: none;
}

a.text3:hover, a.text3:active 		{
text-decoration: underline; 
color: #000000; 
}

a.text_start, a.text_start:visited  {
color: #003A75;
text-decoration: none;
font-size: 130%;
padding: 5px;
}

a.text_start:hover, a.text_start:active 		{
text-decoration: none; 
color: #006FDD; 
}

a.text_fuss, a.text_fuss:visited  {
color: #003A75;
text-decoration: none;
padding: 2px;
}

a.text_fuss:hover, a.text_fuss:active 		{
text-decoration: none; 
color: #0058A4; 
}

a.text_fuss_unten, a.text_fuss_unten:visited  {
color: #999999;
text-decoration: none;
padding: 2px;
}

a.text_fuss_unten:hover, a.text_fuss_unten:active 		{
text-decoration: none; 
color: #444444; 
}

a.hauptnavilink, a.hauptnavilink:visited  {
color: #f9f9f9;
text-decoration: none;
font-weight: bold;
padding: 4px;
font-size: 85%;
}

a.hauptnavilink:hover, a.hauptnavilink:active 		{
text-decoration: underline; 
color: #ffffff; 
}

a.text-stil, a.text-stil:visited  {
color: #003A75;
text-decoration: none;
font-weight: bold;
background-image:url('../bilder/seite/arrow_right.gif');
background-repeat: no-repeat;
background-position: 0px 45%;
padding: 5px;
padding-left: 15px;
display:block;
}

a.text-stil:hover, a.text-stil:active 		{
text-decoration: none; 
color: #0058A4; 
}

a.linksnavilink, a.linksnavilink:visited  {
color: #323232;
text-decoration: none;
padding: 5px;
padding-left: 20px;
display:block;
border-bottom: 1px solid #d8d8d8;
font-size: 85%;
font-weight: bold;
background-image:url('../bilder/seite/arrow_right.gif');
background-repeat: no-repeat;
background-position: 5px 45%;
}

a.linksnavilink:hover, a.linksnavilink:active 		{
text-decoration: none; 
color: #003A75; 
background-image:url('../bilder/seite/arrow_right_white.gif');
background-repeat: no-repeat;
background-position: 2px 45%;
}

/* ----------------- Grafiken ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

img.galerie{
clear:both;
padding: 2px;
background-color: #fff;
border: 1px solid #ccc;
}
img.trans { behavior: url(iepngfix.htc) }

img.thumbnails3 {border: 5px solid #e8e8e8; padding: 1px; background-color: #fff;}
img.thumbnails3:hover {border: 5px solid #c4c4c4; background-color: #fff;}


/* Ueberschriften
----------------------------------------------- */

h1 {
	font-size:					160%;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
	color: #111;
	font-weight: normal;
}

h2 {
	font-size:					110%;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h2.liste {
	font-size:					110%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	margin-left: 15px;
}

h3 {
	color:						#44939c;
	font-size:					22px;
	margin-bottom:				16px;
	text-transform:				uppercase;
	font-weight:				normal;
	margin: 0;
	padding: 0;
}
h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
	margin: 0;
	padding: 0;
}

h5 {
	font-size:					14px;
	text-transform:				uppercase;
	margin: 0;
	padding: 0;
}


span.formular {font-size: 95%; clear:both; font-weight: bold; width: 220px; display: block; float: left;}
span.formular1 {clear:both; font-weight: bold; width: 100px; display: block; float: left;}
span.formular2 {clear:both; font-weight: bold; width: 130px; display: block; float: left;}
span.bereiche-ueber {
font-size: 130%; 
padding: 3px; 
display: block; 
color: #ffffff;
}
span.prod-typ {
font-size: 100%; 
color: #929292;
font-style: italic;
}
span.headline {
font-size: 100%; 
color: #204270;
}

span.bildbeschreibung {
font-size: 95%; 
padding: 3px; 
display: block; 
color: #676767;
background-image:url('../bilder/seite/zoom_icon.gif');
background-repeat: no-repeat;
background-position: 95% 45%;
}


/* Sonstiges
----------------------------------------------- */
p{margin:0; padding: 0;}
label{cursor:pointer;}

ul{padding: 0; margin: 0;}
li{padding: 0px; margin: 0;}

ul.stil {
color: #555;
margin-left: 16px;
margin-top: 0px;
list-style-image: url(../bilder/seite/list-line.gif);
list-style-position:block;
padding: 0px;
line-height: 140%;
font-size: 95%;
}
li.stil{
padding-left: 0px;
}


input, form, textarea {margin: 0px; padding: 0px; font-family:  Arial, Tahoma, Sans-Serif;}

input.formstil{width: 250px;}

#navigation {
margin:0px;
padding: 0px;
text-indent:0px;
width:210px;
font-size: 85%;
height: 250px;	
color: #353535;
}

#navigation a.head {
background-image: url(../bilder/seite/zu.gif);
background-repeat: no-repeat;
background-position: 90% 45%;
cursor:pointer;
color: #003A75;
text-decoration: none;
font-weight: bold;
margin:0px;
padding: 6px;
padding-left: 5px;
display:block;
border-bottom: 1px solid #E4E4E4;
font-size: 110%;
background-color: #fff;
}
#navigation a.head:hover {
color: #800000;
}

#navigation a.selected {
background-image: url(../bilder/seite/auf.gif);
background-repeat: no-repeat;
background-position: 90% 45%;
color: #800000;
}




#navigation a.current {
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:block;
}
#navigation li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navigation li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}