/* generell */
body {
	font-family:		Tahoma, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#232032;
	margin:				0px;
	padding:				0px;
	background:   url(verlauf-bg.gif) top left repeat-x #fdfaf0;
	text-align:			left; /* For IE */
	scrollbar-base-color: #CCCCCC; 
   scrollbar-track-color: #CCCCCC; 
   scrollbar-face-color: #CCCCCC; 
   scrollbar-highlight-color: #fff; 
   scrollbar-3d-light-color: #CCCCCC; 
   scrollbar-darkshadow-color: #000; 
   scrollbar-shadow-color: #CCCCCC; 
   scrollbar-arrow-color: #373737;
	}
	
h1{
	font-size:			15px;
	margin:				5px 0 15px 0;
}

h2{
	font-size:			13px;
	color:				#707070;
	margin:				15px 0 7px 0;
}

p{
	line-height:		17px;
	margin:				0 0 10px 0;
}



img.left{
	float:				left;
	margin:				0 20px 0 0;
}

a{
	color:				#232032;
	text-decoration: 	underline;
}
a:hover{
	color:				#dfc329;
	text-decoration: 	underline;
}

ul{
	line-height:		17px;
	margin:				0px 0px 25px 0px;
	padding:				0px;
}

li{
	margin:				0 25px 7px 20px;
	list-style: none;
	padding:	0 0 0 20px;
	background: 	url(little-sun-li.gif) top left no-repeat;
}


/* Container Styles */
#container {
	position:		absolute;;
	width:			1110px !important;
	width /**/:		1110px;
	height:			750px;
	min-height:			750px;
	left:				00px;
	top:				0px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	background: 	url(thinfilm-sun-bg.jpg) top left no-repeat;
	}

#intro {
	margin: 			0;
}


.logo{								
	position:		absolute;
	top:				70px;
	left:				101px;
	height: 			71px;
	width: 			247px;
	background: 	url(thinfilm-logo.gif) no-repeat;
}

.logo img{								
	border:			none;
}

.schmuckbild{								
	position:		absolute;
	top:				87px;
	left:				603px;
	height: 			39px;
	width: 			320px;
	background: url(thinfilm-advantage.gif) no-repeat;
}

.navigation{
	position:		absolute;
	top:				0px;
	left:				50px;
	width:			930px;
	height: 			38px;
	background: 	url(navi-bg.gif);
}

.navigation .global{
	position:		absolute;
	top:				13px;
	left:				50px;
	z-index:			2;
}

.navigation .global a{
	display:			block;
	width:			48px;
	height: 			14px;
	background: 	url(home.gif);
	border:			none;
}

.navigation .global a:hover{
	display:			block;
	width:			48px;
	height: 			14px;
	background: 	url(home-hover.gif);
	border:			none;
}


.navigation .prim{
	position:		absolute;
	top:				13px;
	right:			57px;
}

.navigation a{
	margin-right:	20px;
}

.navigation a.contact{
	display:			block;
	width:			84px;
	height: 			14px;
	background: 	url(contact.gif);
	border:			none;
	float: 			right;
}

.navigation a:hover.contact{
	background: 	url(contact-hover.gif);
}

.navigation a.contactactive{
	display:			block;
	width:			84px;
	height: 			14px;
	background: 	url(contact-hover.gif);
	border:			none;
	float: 			right;
}

.navigation a.whythinfilm{
	display:			block;
	width:			99px;
	height: 			14px;
	background: 	url(why-thinfilm.gif);
	border:			none;
	float: 			right;
}

.navigation a:hover.whythinfilm{
	background: 	url(why-thinfilm-hover.gif);
}

.navigation a.whythinfilmactive{
	display:			block;
	width:			99px;
	height: 			14px;
	background: 	url(why-thinfilm-hover.gif);
	border:			none;
	float: 			right;
}


.navigation a.products{
	display:			block;
	width:			132px;
	height: 			14px;
	background: 	url(products-solutions.gif);
	border:			none;
	float: 			right;
}

.navigation a:hover.products{
	background: 	url(products-solutions-hover.gif);
}

.navigation a.productsactive{
	display:			block;
	width:			132px;
	height: 			14px;
	background: 	url(products-solutions-hover.gif);
	border:			none;
	float: 			right;
}

.navigation a.thinfilmpartners{
	display:			block;
	width:			80px;
	height: 			14px;
	background: 	url(thinfilm-partners.gif);
	border:			none;
	float: 			right;
}

.navigation a:hover.thinfilmpartners{
	background: 	url(thinfilm-partners-hover.gif);
}

.navigation a.thinfilmpartnersactive{
	display:			block;
	width:			80px;
	height: 			14px;
	background: 	url(thinfilm-partners-hover.gif);
	border:			none;
	float: 			right;
}

.seknavigation{
	position:		absolute;
	top:				194px;
	left:				0px;
	width:			880px;
	height: 			36px;
	background: 	url(seknavi-bg.gif);
	z-index:			2;
	text-align: 	right;
	padding-right:			50px;
}



.seknavigation a{
	text-align: 	center;
	height: 			28px;
	width:			auto;
	float: 			right;
	margin: 			8px 10px 0 10px;
	color: 			#232032;
	text-decoration: none;
}

.seknavigation a:hover{
	text-decoration: underline;
}

.seknavigation a.active{
	display:			block;
	text-align: 	center;
	background:		url(pfeilchen.gif) center bottom no-repeat;
	height: 			28px;
	width:			auto;
	float: 			right;
	margin: 			8px 10px 0 10px;
}

#content {
	position:		absolute;
	top:				244px;
	left:				50px;
	width:			930px;
	}
	

	
#content .footer{
	height:			35px;
	float:			left;
	padding:			20px 0 0 0px;
	font-size:		10px;
	}
	
#content .inhalt{
	width:			510px;
	min-height:			496px;
	float:			left;
	margin:			0px 29px 0px 0px;
	padding:			30px 30px 0 50px;
	background: 	url(content-bg.gif) top left no-repeat;
	}

#content .mehrwert{
	width:			271px;
	min-height:			358px;
	float:			left;
	margin:			0px 0px 22px 0px;
	padding:			 35px 0 0 20px;
	background: url(mehrwert-bg.gif) top left no-repeat;
	}
	
#content .newsbox{
	width:			230px;
	float:			left;
	}
	
#content .newsbox .top{
	width:			230px;
	height:			43px;
	background: url(newsbox-top.gif) no-repeat;
	float:			left;
	}
	
* html #content .newsbox .middle{
	width:			230px;
	min-height:			100px;
	background: url(newsbox-middle.gif) repeat white;
	float:			none;
	}
	
#content .newsbox .middle{
	width:			230px;
	min-height:			100px;
	background: url(newsbox-middle.gif) repeat white;
	float:			left;
	}
	
*html #content .newsbox .bottom{
	width:			230px;
	height:			9px;
	background: url(newsbox-bottom.gif) no-repeat;
	float:			none;
	}
	
#content .newsbox .bottom{
	width:			230px;
	height:			9px;
	background: url(newsbox-bottom.gif) no-repeat;
	float:			left;
	}
	
#content .contactbox{
	width:			230px;
	height:			57px;
	background: url(contactbox-bg.gif);
	float:			left;
	padding-top:	90px;
	margin-bottom:	20px;
	}
	
#content .contactbox h3{
	font-size:		11px;
	font-weight:	bold;
	background: 	url(little-sun.gif) top left no-repeat;
	margin:			0px;
	padding: 		0 0 2px 22px;
	margin:			0 15px 0 15px;
}	

#content .contactbox p{
	font-size:		11px;
	line-height:	12px;
	margin:			0 15px 0 15px;
}

#content .contactbox a{
	color:				#232032;
	font-size:		11px;
	text-decoration: 	none;
}

#content .contactbox a:hover{
	color:				#dfc329;
	text-decoration: 	underline;
}

	
	

/* Ab hier Styles Newsbox */

#content .newsbox .news-list-container{

}

#content .newsbox .news-list-item{
	margin-left: 15px;
}	


#content .newsbox .news-list-item h3{
	font-size:		11px;
	font-weight:	bold;
	background: 	url(little-sun.gif) top left no-repeat;
	padding: 		0 0 2px 22px;
	margin:			0 15px 3px 0px;
}	

#content .newsbox .news-list-item a{
	color:				#232032;
	font-size:		11px;
	text-decoration: 	none;
	font-weight:		bold;
	margin:			px;
	padding:				0px;
}

/*#content .newsbox .news-list-item a{
	color:				#232032;
	font-size:		11px;
	text-decoration: 	none;
	font-weight:		bold;
	margin:			0 15px 0 125px;
}*/

#content .newsbox .news-list-item a:hover{
	color:				#dfc329;
	font-size:		11px;
	text-decoration: 	underline;
	font-weight:		bold;
	margin:			0px;
}

#content .newsbox .news-list-item  p.bodytext{
	font-size:		11px;
	line-height:	12px;
	padding:			0px;
	margin:			0 15px 0px 0px;
}	


/* Ab hier Styles Newsliste */

#content .news-list-container{

}

#content .news-list-item{
	margin:			0 0 20px 0;
}	


#content .news-list-item h3{
	font-size:		14px;
	font-weight:	bold;
	background: 	url(little-sun.gif) top left no-repeat;
	margin:			0 0 5px 0px;
	padding: 		0 0 2px 22px;
	
}

#content .news-list-item a{
	color:				#232032;
	font-size:		11px;
	text-decoration: 	none;
	font-weight:		bold;
	margin:			0px;
}

#content .news-list-item a:hover{
	color:				#dfc329;
	font-size:		11px;
	text-decoration: 	underline;
	font-weight:		bold;
	margin:			0px;
}

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


/* Ab hier Styles für Newsdetail */

.news-single-item{
	
}


.news-single-img {
	float:right;
	margin: 0 0 10px 10px;
}

.news-single-img img{
	width:		200px;
	height: auto;
}

.news-single-imgcaption
{
	width:		250px;
	padding: 0px;
	margin:	5px 0 5px 0;
	font-size:9px;
}


/* Ab hier Styles für Contentseiten Text mit Bild */

.csc-textpic p{
	line-height:		17px;
	margin:				0 0 10px 0;
}


.csc-textpic-intext-left .csc-textpic-imagewrap{ /* links umflossen */
	float:				left;
	margin:				0 20px 0 0;
}

.csc-textpic-intext-right .csc-textpic-imagewrap{ /* rechts umflossen */
	float:				right;
	margin:				0 0 0 20px;
}

.csc-textpic-left .csc-textpic-imagewrap{ /* links über/unter text */
	float:				left;
}

.csc-textpic-left .csc-textpic-text{ /* links über/unter text */
	float:				none;
	clear: both;
}

.csc-textpic-right .csc-textpic-imagewrap{ /* rechts über/unter text */
	float:				right;
}

.csc-textpic-right .csc-textpic-text{ /* rechts über/unter text */
	float:				none;
	clear: both;
}

.csc-textpic-center .csc-textpic-imagewrap{ /* mittig über/unter text */
	margin-left:		33%;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{ /* bild links nicht umflossen */
	float:				left;
}

.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{ /* bild rechts nicht umflossen */
	float:				right;
}

.csc-textpic-clear{
	float:				none;
	clear: both;
}


/* Kontaktformular */

#content .text form{
	margin:			41px 0 0 0px;
}
	
textarea{
	background:	white;
	border:		1px solid #333;
	width:		300px;
}	

input{
	background:	white;
	border:		1px solid #333;
}	


input.formular{
	background:	white;
	border:		1px solid #333;
	width:		201px;
}	

input.formularpflicht{
	background:	#fff4b8;
	border:		2px solid #333;
	width:		200px;
}	




img.lang{
	float: 		right; 
	margin: 	10px 10px 0 0;
	border: 	none;
}