/* generell */
body {
	font-family:	Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:		12px;
	color:			#999999;
	margin:			0px;
	padding:		0px;
	background: 	url(gfx/backgrounds/body-bg.gif) top left no-repeat #000;
	text-align:		left; /* For IE */
	}


/* Container Styles */
#container {
	position:		absolute;
	top:				0px;
	left:				0px;
	width:			990px !important;
	width /**/:		990px;
	margin:			0 auto;
	padding:			0px;
	text-align:		left; /* For IE, see above */
	}


/* allgemeine Styles */
a{
	color:			#ff6633;
	font-style: 	italic;
	text-decoration: none;
}

a:hover{
	color:			#ff6633;
	font-style: 	italic;
	text-decoration: underline;
}

h1{
	font-size:	12px;
	font-weight: bold;
	padding:		0px;
	margin:		0 0 15px 0;
}

h2{
	font-size:	12px;
	color:		#ff6633;
	font-weight: bold;
	padding:		0px;
	margin:		0 0 15px 0;
}

h3{
	font-size:		12px;
	font-weight:	normal;
	line-height:	18px;
	margin:			0px;
	padding:			0px;
}

h4{
	font-size:	15px;
	font-weight: normal;
	padding:		0px;
	margin:		0 0 15px 0;
}

h5{
	color:	#000000;
	font-size:	15px;
	font-weight: bold;
	padding:		0px;
	margin:		0px;
	line-height: 18px;
}


p{
	padding:			0px;
	margin:			0 0 12px 0;
	line-height:	18px;
}

span.italic{
	font-style: italic;
}

span.black{
	color:			#666;
}

span.black {
	color:			#000000;
	font-size: 		11px;
}
span.black:hover{
	color:			#ff6633;
}

hr {
	background: none;
	border:		none;
	border-bottom: 1px solid #666666;
	height:		1px;
	padding: 	0px;
	margin:		0 0 20px 0;
}


/* Logo */
	
a.logo {
	position:		absolute;
	top:				25px;
	left:				650px;
	width:			250px;
	height:			115px;
	background: 	url(gfx/logo.gif);
	padding:			0px;
	margin:			0px;
	}

a.logo:hover {
	background: 	url(gfx/logo-hover.gif);
}


/* DIVs zur Aufteilung */

#left{
	position:	absolute;
	left:			115px;
	top:			200px;
	width:		170px;
}

#contentwrap{
	position:	absolute;
	left:			345px;
	top:			150px;
	width:		535px;
}

#contentwrap .images{
	width:		535px;
	height: 535px;
	background: #fff;
}

#contentwrap .content{
	min-height: 100px;
	margin:		20px 0 20px 0;
	padding:		0 30px 0 115px;
}


#footer{
	position: absolute;
	top:			760px;
	left:			115px;
	width:		170px;
	color:		#999999;
}

/* Navigation */

ul.navigation{
	width:		170px;
	padding:		0px;
	margin:		0px;
}

ul.navigation li.pri{
	list-style:	none;
	padding:		0px;
	margin-top: 5px;
}

ul.navigation li.sek{
	list-style:	none;
	border-bottom: 1px solid #666666;
	padding:		0px;
	margin-bottom: 0px;
}

ul.navigation li.ter{
	list-style:	none;
	border-bottom: 1px solid #666666;
	padding:		0 0 0 10px;
	margin-bottom: 0px;
}

ul.navigation li.pri a{
	color:	#999999;
	font-size:	15px;
	text-decoration: none;
	font-style: normal;
}

ul.navigation li.pri a:hover{
	color:	#cccccc;
}

ul.navigation li.pri a.aktiv{
	color:	#cccccc;
	font-size:	15px;
	text-decoration: none;
	font-style: normal;
}

ul.navigation li.sek a{
	color:	#999999;
	font-size:	12px;
	text-decoration: none;
	font-style: normal;
}

ul.navigation li.sek a:hover{
	color:	#ff6633;
}

ul.navigation li.sek a.aktiv{
	color:	#ff6633;
	font-size:	12px;
	text-decoration: none;
	font-style: normal;
}

ul.navigation li.ter a{
	color:	#999999;
	font-size:	12px;
	text-decoration: none;
	font-style: normal;
}

ul.navigation li.ter a:hover{
	color:	#ff6633;
}

ul.navigation li.ter a.aktiv{
	color:	#ff6633;
	font-size:	12px;
	text-decoration: none;
	font-style: normal;
}


/* Startseite Bilder */

div.indexbilder{
	position: absolute;
	width:	482px;
	top:		27px;
	left:		27px;
}

div.indexbilder a{
	display: block;
	width: 217px;
	height: 65px;
	float: left;
	color:			black;
	font-style: italic;
	text-decoration: none;
	padding:	172px 0 0px 21px;
	line-height: 16px;
}

div.indexbilder a:hover{
	color:			#ff6633;
}




/* News Liste */

.news-list-conatiner{
	/* mybe we need later ;) */
}

.news-list-item h3 a{
	color:		#666666;
	font-size:		12px;
	font-weight:	bold;
	font-style: 	normal;
}

.news-list-item h3 a:hover{
	color:		#ff6633;
}

.news-list-item{
	margin:			0 0 15px 0;
	padding:			0px;
}

.news-list-item p.bodytext{
	font-size:		12px;
	line-height:	18px;
	margin:			0px;
	padding:			0px;
}




/*footer styles*/

#footer a{
	color:			#999999;
	font-style: 	normal;
	text-decoration: none;
}

#footer a:hover{
	color:			#ff6633;
	font-style: 	normal;
	text-decoration: none;
}

/* Kontaktformular */
 form.kontakt{
 	font-family:	Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size:		12px;
 }

 input.formular{
 	border:		2px solid #666666;
	background: white;
 }
 
  input.pflicht{
 	border:		2px solid #ff6633;
	background: #FFEFD5;
 }
 
   input.buttons{
 	border:		2px solid #ff6633;
	background: #FFEFD5;
	color:		#ff6633;
 }
 


/* Gallerien */

#myGallery{
	position: absolute;
	top:		40px;
	left:		40px;
	width: 		454px !important;
	height: 	454px !important;
	border: 1px solid #d7d7d7;
} 

#myGallery img.thumbnail2{
width: 10px;
}
 

/* Landingpages */

#contentwrap .images div.landing-bg{
height: 535px;
width: 535px;
margin: 0px;
}

#contentwrap .images div.teaser{
position: absolute;
top: 40px;
left: 50px;
color: #424242;
font-size: 18px;
font-style: italic;
width: 445px;
}

#contentwrap .images div.teaser span.weiss{
color: #ffffff;
}
#contentwrap .images div.teaser a.weiss{
color: #ffffff;
}

#contentwrap .images div.teaser2{
position: absolute;
top: 88px;
left: 158px;
color: #999999;
font-size: 20px;
font-style: italic;
}

#contentwrap .images  span.orange{
color: #ff6633;
}

#contentwrap .images  span.klick{
color: #424242;
font-size: 16px;
}

#contentwrap .images  span.small{
font-size: 13px;
}

#contentwrap .images  span.small a{
color: #424242;
}

#contentwrap .images  span.email{
display: block;
height: 27px;
width: 300px;
background: url(gfx/landingpages/email-border.gif) left top no-repeat;
font-size: 13px;
margin-top: 8px;
padding-top: 3px;
}

#contentwrap .images  span.email a{
color: #424242;
}

#contentwrap .images  a{
font-size: 13px;
color: white;
}

#contentwrap .images  a:hover{
color: #ff6633;
}


#contentwrap .images div.buttons{
position: absolute;
top: 	335px;
left:	160px;
}

#contentwrap .images a.kontaktformular{
display: block;
height: 24px;
width: 159px;
background:url(gfx/landingpages/kontaktformular.gif) no-repeat;
}

#contentwrap .images a:hover.kontaktformular{
background:url(gfx/landingpages/kontaktformular-hover.gif) no-repeat;
}

#contentwrap .images img{
margin-top: 10px;
}