/* main.css
(c) reality bytes neue medien gmbh
Erstellt: 09.03.2005 (af)
Update:   --.--.2005 (--)

Seiten Basisstyles
Marginwerte Content: top right bottom left
 */

/* Navigation */

.item {
   position: relative;
   float: left;
   left: 0px;
   margin-top: 30px;
}

.submenu {
	position:			absolute;
	visibility:			hidden;
	left:				-500px;
	z-index:			10;
	background: #ed1b2f;
	}

.submenu a {
	display: block;
	padding:			3px 35px 3px 18px;
	text-align:			left;
	color:				#ffffff;
	font-weight:			bold;
	text-decoration:		none;
}

.submenu a:hover {
         background:			#ffffff;
         color:				#ed1b2f;
         text-decoration:		none;

}

#resetLayer {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 5;
}

/* Haupt Container */
body {
	background:#e0e1e3;
	margin:0;
	font: 11px arial,helvetica,sans-serif;
	height:100%;
	}

a {
  text-decoration:none;
  color:#ed1b2f;
  }

a:hover {
  text-decoration:underline;
  }

#oben {
  position:relative;
  left:0;
  top:0;
  width:1000px;
  }
#content {
  position:relative;
  left:0;
  top:0;
  width:999px;
  border-right:1px solid white;
  border-left:1px solid white;
  }
#unten {
  position:relative;
  left:0;
  top:0;
  width:1000px;
  border-right:1px solid white;
  border-bottom:1px solid white;
  padding-bottom: 17px;
  }


/* Sub Container */

#oben_spalte01 {
  position:relative;
  background-color:white;
  }

	#navigation {
	  background-color: #2f373f;
	  }
	#navigation ul {
		list-style: none;
		margin: 0;
		margin-right: 0px !important;
		margin-right: 20px;
		padding: 0;
		border: none;
		}

		#navigation li {
		border-bottom: 1px solid #fff;
		margin: 0;
		text-align: right;
		}

	#navigation ul li a {
		display: block;
		padding: 6px 10px 6px 10px;
		text-decoration: none;
		width: 178px;
		color: #fff;
		font-weight:bold;
		}

	#navigation .navlevel2{
		background-color: #E0E1E3;
		margin-right: 0;
		padding-right: 0px !important;
		padding-right: 0px;
	}

	#navigation .navlevel2 a{
		color: #333333;
	}

	#navigation .navlevel2 .active{
		background-color: #FFFFFF;
	}

	#navigation .navlevel1 li{
		list-style-image: url();
	}


	html>body #navigation li a {
		width: auto;
		}

	#navigation li a:hover {
		background-color: #fff;
		color:#000;
		}

#content_spalte01 {
  position:absolute;
  top:0;
  left:0;
  width:198px;
  }

#content_spalte02 {
  position:relative;
  left:198px;
  width:580px;
  background:white;
  border-right:1px solid white;
   }

		#content_spalte02 p {
			margin: 0 16px 22px 16px;
			line-height: 15px;
			clear:left;
		}

		#content_spalte02 h1 {
			margin: 0 16px 20px 16px;
			font-size:24px;
		}

		#content_spalte02 h2 {
			margin: 0 16px 18px 16px;
			font-size:16px;
		}

		#content_spalte02 h3 {
			margin: 0 16px 0px 16px;
			font-size:11px;
		}

		#content_spalte02 .red{
			color: #ED1B2F;
		}
		#spalte02_text {
		  position:relative;
		  width:562px;
		   }

		#spalte02_buttons {
		  position:absolute;
		  left:562px;
		  top:21px;
		   }

		   #spalte02_buttons img {
		   margin-bottom:1px;
		   border:0;
		   }

   		#spalte02_text .contenttrenner{
		  width:581px;
		  border-top: 1px solid #E5E5E5;
		  margin: 26px 0px 20px 0px;
		   }

#content_spalte03 {
  position:absolute;
  top:0px;
  left:780px !important;
  left:781px;
  width:215px;
  }

  #content_spalte03 .teaser{
  	margin: 0px;
  	padding: 0px;
  	position: relative;
  	top: -3px;
  }
  #content_spalte03 .teaser img{
  	border-top: 1px solid #FFFFFF;
  	border-bottom: 1px solid #FFFFFF;
  }

#unten_buttons {
  position:relative;
  top:0;
  left:216px;
  width:100px;
   }

	#unten_buttons img {
	 border:0px;
	 margin-right:1px;
	 }
#unten_credits {
  position:absolute;
  top:0;
  left:551px;
  width:226px;
  text-align:right;
  padding-top: 3px;
  }

#unten_credits a {
	color:#000;
}

/* Der Kopfbereich mit Logo und Metanavigation: */
.head{
	position: relative;
	height: 110px;
	width: 1000px;
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.head .logo{
	position: relative;
	left: 8px;
	top: 10px;
}

.head .metanav{
	position: absolute;
	right: 20px;
	top: 20px;
}

.head .sublogo{
	position: absolute;
	right: 30px;
	top: 74px;
}

.head .metanav .text{
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}

.head .metanav .languageselect{
	position: relative;
	top: -4px;
}

.head .metanav .languageselect input{
	position: relative;
	top: 4px !important;
	top: 2px;
}

/* Die Hauptnavigation: */
.mainnav{
	position: relative;
	height: 60px;
	border: 1px solid #FFFFFF;
	width: 999px;
}

.mainnav .block1{
	background-color: #ED1B2F;
	width: 198px;
	height: 60px;
	float: left;
	border-right: 1px solid white;
}

.mainnav .block2{
	background-color: #ED1B2F;
	height: 60px;
	float: left;
	width: 800px;
	}

.mainnav .navelements{
	position: relative;
	top: 30px;
	left: 0px;
}

#search{
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 0px 15px 10px;
	width: 208px;
}

#search .searchinput{
	width: 153px;
}

#search .searchsubmit{
	position: relative;
	top: 3px !important;
	top: 1px;
}

#countryselect{
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 0px 15px 10px;
	width: 208px;
}

#countryselect .countryselectsubmit{
	position: relative;
	top: 3px !important;
	top: 1px;
}

#countryselect .countries{
	width: 157px !important;
	width: 159px;
}

#breadcrumb{
	color: #ED1B2F;
	font-size: 11px;
	margin: 0px 0px 30px 0px;
	padding: 6px 0px 0px 15px;
}


.pmliste{
	margin: 0px 0px 18px 15px;
}

.pmliste .headline{
	font-size: 12px;
	font-weight: bold;
	color: #ED1B2F;
}

.pmliste .subline{
	font-weight: bold;
}

.pmliste .copy .readmore{
	margin-left: 5px;
}

.pmliste .copy .readmore img{
	position: relative;
	top: 1px !important;
	top: 0px;
	left: 3px;
}

form{
	margin: 20px 0px 18px 16px;
}

form h3{
	margin-left: 0px;
	margin-bottom: 3px;
}

form .mandatory{
	color: #ED1B2F;
}

form input{
	width: 165px;
}

#bewerbung input{
	width: 179px !important;
	width: 160px;
}

form select{
	margin-left: 0px !important;
	margin-bottom: 0px !important;
	width: 169px!important;
	margin-left: 16px;
	margin-bottom: 1px !important;
	width: 171px;
}

#bewerbung select{
	margin-left: 0px !important;
	margin-bottom: 0px !important;
	width: 183px!important;
	margin-left: 16px;
	margin-bottom: 1px !important;
	width: 165px;
}

form .inputrow{
	margin-bottom: 10px;
	clear: both;
}

form .inputrow .inputdesc{
	float: left;
	width: 123px;
	padding-top: 3px;
}

form .inputrow .inputfield{
	float: left;
}

#bewerbung .inputrow .inputdesc{
	float: left;
	width: 163px;
	padding-top: 3px;
}




form .inputrow .inputfield .radioset{
	float: left;
	margin-right: 25px;
	margin-left: 0px !important;
	margin-left: 6px;
}

form .inputrow .inputfield .radioset .radiodesc{
	float: left;
	padding-top: 2px;
}

form .inputrow .inputfield .radioset .radio{
	float: left;
	margin-right: 6px;
}
form .inputrow .inputfield .radioset .radio input{
	width: auto;
}

form .inputrow .inputfield textarea{
	width: 380px;
	height: 80px;
}

#bewerbung .inputrow .inputfield textarea{
	width: 372px !important;
	width: 352px;
	height: 80px;
}

form .inputrow .inputfield .hint{
	font-size: 10px;
	margin-left: 0px !important;
	margin-left: 17px;
}

form .controlbuttons{
	margin: 0px 0px 0px 400px !important;
	margin: 0px 0px 0px 415px;
}

.gaestebuchtext{
	margin-bottom: 32px;
	margin-left: 15px;
}

.gaestebuchtext .line1{
	height: 18px;
}

.gaestebuchtext .line1 .name{
	font-weight: bold;
}

.gaestebuchtext .headline{
	font-size: 12px;
	font-weight: bold;
	color: #ED1B2F;
}

.gaestebuchtext .link{
	color: #ED1B2F;
}

.gaestebuchtext .link img{
	margin: 2px 5px 0px 0px;
}

.seitenzahlen .selected{
	font-weight: bold;
}

.seitenzahlen{
	position: relative;
	top: 0px !important;
	top: -10px;
	text-align: center;
	margin-bottom: 5px !important;
	margin-bottom: 0px;
}

ul{
	list-style-image: url(/le/media/layout/icons/bullett_ul_unverlinkt.gif);
	padding-right:20px;
}

.linkliste{
	list-style-image: url(/le/media/layout/icons/bullett_ul_verlinkt.gif);
}

.copytextimagerow{
	margin-left: 15px;
	margin-bottom: 20px;
}

.copytextimagerow img{
	margin-right: 15px;
}

.bildliste{
	background-color: #EFF0F1;
	width: 535px;

	margin: 0px 0px 30px 15px;
	position: relative;
}

.bildliste .bild{

}

.bildliste .text{
	position: absolute;
	left: 167px;
	top: 15px;
}

.bildliste .beschreibung{

}

.bildliste .link img{
	position: relative;
	top: 0px;
	left: 3px;
}

.bildliste .text .headline{
	font-weight: bold;
}

.searchresult{
	margin: 0px 0px 20px 15px;
}

.searchresult .headline{
	font-size: 12px;
	font-weight: bold;
	color: #ED1B2F;
}

.searchresult .text{
}

.searchresult .text img{
	position: relative;
	top: 1px !important;
	top: 0px;
	left: 3px;
}

.fliesstextbild{
	float: left;
	background-color: #EFF0F1;
	margin: 14px 14px 14px 0px;
}

.fliesstextbild .bild{
	display: block;
}

.fliesstextbild .untertitel{
	display: block;
	padding: 3px 10px 3px 5px;
}

.fliesstextbildklein{
	float: left;
	background-color: #EFF0F1;
	margin: 4px 14px 14px 0px;
}

.fliesstextbildklein .bild{
	display: block;
}

.table{
	margin: 0px 3px 20px 15px;
}

.table table{
	margin: auto;
}

.table table td{
	padding: 2px;
	width: auto;
}

.table table .head{
	border: none;
	background-color: #ED1B2F;
	height: auto;
	color: #FFFFFF;
}

.table table .bold{
	font-weight: bold;
}

.table table tr .odd{
	background-color: #FCDDE0;}

.table table tr .even{
	background-color: #FEF2F3;}

.table .footer{
	font-size: 10px;
	color: #999999;
}


.productgroup{
	margin: 0px 3px 20px 15px;
}

.productgroup h3{
	margin-left: 0px;
	margin-bottom: 5px;
}

.productgroup .product{
	margin: 0px 0px 0px 0px;
	position: relative;
}

.productgroup .product .text{
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 83px;
}

.productgroup .product .text .headline{
	font-weight: bold;
}

.productgroup .product .text .copy .readmore{
	margin-left: 5px;
}

.productgroup .product .text .copy .readmore img{
	position: relative;
	top: 1px !important;
	top: 0px;
	left: 3px;
}

.productdetails{
	margin: 0px 3px 20px 15px;
}

.productdetails h3{
	margin-left: 0px;
	margin-bottom: 5px;
}

.productdetails{
	margin: 0px 0px 0px 15px;
}

.productdetails .text img{
	float: left;
	margin-right: 5px;
}

.productdetails .text .headline{
	font-weight: bold;
	display: block;
}

.contactfinder1{
	position: relative;
	width: 535px;
	height: 253px;
	background-color: #E0E1E3;
	margin-left: 15px;
}

.contactfinder1 .map{
	border-right: 1px solid #FFFFFF;
}

.contactfinder1 .form{
	position: absolute;
	top: 0px;
	left: 263px;
	padding: 21px 20px 5px 14px;
}

.contactfinder1 .form form{
	margin: 27px 0px 0px 0px;
}

.contactfinder1 .form form .inputrow{
	margin-left: 0px;
	height: 26px;
}

.contactfinder1 .form form .inputrow .inputdesc{
	float: left;
	width: 73px;
	padding-top: 3px;
}

.contactfinder1 .form form .inputrow .inputfield{
	float: left;
}

.contactfinder1 .form form .inputrow .inputfield select{
	width: 164px;
}

.contactfinder1 .form form .buttons{
	margin-top: 18px;
	margin-right: 2px;
	float: right;
}

.contactfinder1 .form form .buttons input{
	width: auto;
	height: auto;
}

.contactfinder2 form .contenttrenner{
	margin: 18px 0px 10px -15px !important;
	margin: 36px 0px 0px -15px;
}

.contactfinder2 form .controlbuttons{
	margin: 0px 0px 0px 372px !important;
	margin: 0px 0px 0px 387px;
}

.contactfinder2 .bildliste{
	margin: 0px 0px 0px 15px;
}

form .inputrow .spracheinput input{
	width: 120px;
	margin-right: 10px;
}

.inputfield select{
	width: 160px;
}

.bewerbungszusammenfassung{
	margin-left: 15px;
}

.bewerbungszusammenfassung .block{
	margin-bottom: 20px;
}

.bewerbungszusammenfassung .spacingrow{
	line-height: 1px;
	font-size: 1px;
	height: 6px;
}

.bewerbungszusammenfassung .row{
	position: relative;
}

.bewerbungszusammenfassung .row .headline{
	font-weight: bold;
}

.bewerbungszusammenfassung .row .col1{
	float: left;
	width: 49%;
	overflow: hidden;
}

.bewerbungszusammenfassung .row .col2{
	float: left;
	width: 49%;
	overflow: hidden;
}

.bewerbungszusammenfassung .row .desc{
	float: left;
	width: 49%;
	overflow: hidden;
}

.bewerbungszusammenfassung .row .content{
	float: left;
	width: 49%;
	overflow: hidden;
}


/* Sitemap: */
.sitemap {
    margin: 0px 0px 0px 15px !important;
    margin: 0px 0px 30px 15px;
    clear: both;
    height: 730px !important;
    height: 710px;
}

.sitemapcolumn{
	float: left;
	background-color: #EFF0F1;
	width: 167px !important;
	width: 167px;
	border-right: 1px solid #FFFFFF;
	min-height: 310px;
	height: auto !important;
	height: 310px;
	padding: 10px;
}

.sitemap ul{
	margin-left: -16px !important;
	//MARGIN-LEFT: 16px! important;
	margin-left: 18px;
}

.sitemap ul .first{
	font-weight: bold;
}

/* Newsbox Homepage: */
#content_spalte01 .newscolumn{
	padding: 0px 16px 18px 14px;
	background-color: #FFFFFF;
	height:280px;
}

#content_spalte01 .newscolumn h3{
	margin: 0px 0px 2px 0px;
}

#content_spalte01 .newscolumn .news{
	padding-top: 18px;
}

#content_spalte01 .newscolumn .news .headline{
	font-weight: bold;
	color: #ED1B2F;
}

#content_spalte01 .newscolumn .news .readmore{
	margin-left: 5px;
}

#content_spalte01 .newscolumn .news .readmore img{
	position: relative;
	top: 1px !important;
	top: 0px;
	left: 3px;
}

/* Teaser Homepage linke Spalte: */
#content_spalte01 .teaser{
	background-color: #FFFFFF;
	height: auto;
	border-right: 1px solid #E5E5E5;
	overflow: hidden;
}

/* Homepage-Elemente: */
.homekeyvisual{
	position: relative;
	left: 1px;
	margin-bottom: 12px;
}

/* Content-Element zweispaltiger Text: */
.contenttwocols{
	position: relative;
	border-top: 1px solid #E0E1E3;
	width: 580px;
}

.contenttwocols .column1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 49%;
	padding: 10px;
}

.contenttwocols .column2{
	position: relative;
	top: 0px;
	left: 50%;
	width: 49%;
	border-left: 1px solid #E0E1E3;
	padding: 10px;
}
.quicklink {
	width:197px;
	border-bottom:1px solid #FFFFFF;
	padding:10px;
	clear:both;
}


.quicklink p, h3 {
	font-size:11px;
}
.aufspanner {
	height:180px;
}