/* generell */
body {
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height: 		18px;
	color:				#666666;
	margin:				0px;
	padding:				0px;
	background: 		white url(body-bg.gif) top left repeat-x;
	text-align:			left; /* For IE */
	}

/* .bodytext { text-align:justify; } */

/* Hervorhebung der gesuchten Worte */
span.csc-sword { background:#ffaaaa;}


/* Container Styles */
#container {
	position:		absolute;
	top:				5px;
	width:			960px !important;
	width /**/:		960px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	border-left: 	white solid 5px;
	background: url(head-bg.gif) top left no-repeat;
	}

#intro {
	margin: 			0;
}

#flaggen{		
	position:		absolute;
	top:				25px;
	left:				885px;
}

#flaggen a.german{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(german.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}

#flaggen a:hover.german, a.germanaktiv{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(german-hover.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}

#flaggen a.english{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(english.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}

#flaggen a:hover.english, a.englishaktiv{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(english-hover.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}


#flaggen a.french{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(french.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}

#flaggen a:hover.french, a.frenchaktiv{
	display:			block;
	width:			17px;
	height:			11px;
	background: 	url(french-hover.gif) no-repeat;
	float: 			left;
	margin:			0 5px 0 0;
}


#service{		
	position:		absolute;
	top:				220px;
	left:				15px;
	width:			160px;
	background: 	white;
	border-top: 	solid 1px #A4A3A3;
	border-bottom: solid 1px #A4A3A3;
	padding:			15px;	
}

#service h1{		
	font-size:		13px;
	font-weight: 	bold;
}
#service a{
	font-size: 			12px;
	color:				#666666;
	text-decoration: 	underline;
}

#service a:hover {
	font-size: 		12px;
	color:			#FF6600;
	text-decoration: none;
}


#content{		
	position:		absolute;
	top:				105px;
	left:				222px;
	width:			477px;
	height:			530px;
	background: 	url(content-bg.gif) top left no-repeat;
	padding:			30px 45px 30px 45px;
}

#content .cbox{
	width:				387px;
}

#content .kruemel{	
	width:				387px;
	padding:				0px;
	margin:				0 0 30px 0px;
}
#content .kruemel img{	
	border:				0px;
}

#content .kruemel a{
	font-size: 			10px;
	color:				#666666;
	text-decoration: none;
	margin:				0 1px 0 2px;
}

#content .kruemel a:hover{
	font-size: 			10px;
	color:				#FF6600;
	text-decoration: 	none;
}

#content h1{	
	width:				387px;	
	font-size:			18px;
	font-weight: 		bold;
	color:				#FF6600;
	padding:				0px;
	margin:				0 0 30px 0px;
}

#content h1.special{	
	display: 			block;
	width:				387px;	
	height:				17px;
	font-size:			13px;
	font-weight: 		bold;
	color:				#FF6600;
	padding:			3px 0 2px 20px;
	margin:				0 0 15px 0px;
	background:			#f2f1f1 url(kreuz2.gif) no-repeat top left;
	border-bottom:		1px solid #A4A3A3;
}

#content h2{	
	width:				387px;	
	font-size:			12px;
	color:				#FF6600;
	font-weight: 		bold;
	padding:			0px;
	margin:				10px 0 5px 0px;
}
#content h3{	
	width:				387px;	
	font-size:			12px;
	color:				#666666;
	font-weight: 		bold;
	padding:			0px;
	margin:				0 0 5px 0px;
}
#content h4{	
	/*width:				387px;*/	
	font-size:			12px;
	color:				#666666;
	background:			#e7e7e7;
	font-weight: 			bold;
	padding:			0px;
	margin:				0 0 10px 0px;
	padding:			6px 0 3px 20px;
	border-bottom: 			3px solid #A4A3A3;
}
#content h4 a{	
	color:				#666666;
	text-decoration: 	none;
}
#content p{
	/*width:				387px;*/
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height: 		18px;
	color:				#666666;
	padding:				0px;
	margin:				0 0 15px 0px;
}

#content a.link{
	font-size: 			12px;
	color:				#666666;
	text-decoration: 	underline;
}

#content a:hover.link {
	font-size: 		12px;
	color:			#FF6600;
	text-decoration: none;
}


#content a{
	font-size: 			12px;
	color:				#666666;
	text-decoration: 	underline;
}

#content a:hover{
	font-size: 		12px;
	color:			#FF6600;
	text-decoration: none;
}



#content ul {
list-style: none;
padding-left: 0px;
margin-left: 0px;
}
#content ul li{
list-style: url(kreuz-hover.gif);
padding-left: 0px;
margin-left: 15px;
}

#foot {
	margin:			30px 0 10px 0;

}

#foot p{	
	width:				387px;
	font-size: 			10px;
	border-top: 	solid 1px #A4A3A3;
	padding:			10px 0 0px 0;
	
}
#foot img{	
	border:				0px;
}
#foot a{
	font-size: 			10px;
	color:				#666666;
	text-decoration: none;
	margin:				0 1px 0 2px;
}

#foot a:hover{
	font-size: 			10px;
	color:				#FF6600;
	text-decoration: 	none;
}

#bookmarks {
	padding-bottom:	20px;
}


#bookmarks img{
	border:		none;
}

#navigation{		
	position:		absolute;
	top:				123px;
	left:				712px;
	width:			260px;
	height:			530px;
	background: 	url(navi-bg.gif) top left no-repeat;
	padding:			10px 0 0 19px;
	
}


#navigation form{		
	height:			19px;
	padding: 		0px;
	margin: 			0px;
	float:			left;
}

#navigation form input.search{
	color: 			#CECECE;
	border:			1px solid #CECECE;		
	padding: 		2px 0 2px 5px;
	margin: 			0px;
	font-size: 		11px;
	
}


#navigation form input.go{
	background: 	#CECECE;
	color:			white;	
	padding: 		0px;
	margin: 			0px;
	height: 			19px;
}


#navigation .global{								
	height: 			19px;
	width:	110px;
	padding: 		0px;
	margin: 			0 0 0 10px;
	float: left;
	
}

#navigation .global a.home{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(home.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.home{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(home-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a.kontakt{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(kontakt.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.kontakt{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(kontakt-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a.sitemap{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(sitemap.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.sitemap{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(sitemap-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a.impressum{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(impressum.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.impressum{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(impressum-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a.faq{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(faq.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.faq{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(faq-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}
#navigation .global a.print{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(print.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

#navigation .global a:hover.print{
	display:			block;
	width:			19px;
	height:			19px;
	background: url(print-hover.gif);
	margin:			0 2px 0 0;
	float: 			left;
}

*html #navigation .navi{	
	position:		absolute;
	top:				97px;
	left:15px;							
	width:			220px;
	height:			400px;
	padding: 		0px;
	margin: 			0px;
	clear: 			both;
	
}

#navigation .navi{	
	position:		absolute;
	top:				97px;						
	width:			220px;
	height:			400px;
	padding: 		0px;
	margin: 			0px;
	clear: 			both;
	
}


#navigation .navi ul{							
	width:			220px;
	padding:			0 0 3px 0px;
	margin:			0px;
	background:		url(li-bg-bottom.gif) bottom no-repeat;
	
}

*html #navigation .navi ul li.pri{							
	width:			197px;
	background: 	url(li-bg.gif) no-repeat;
	padding:			13px 0 9px 23px;
	margin:			0px;
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		16px;
	color:				#666666;
	list-style: 		none;
}

#navigation .navi ul li.pri{							
	width:			197px;
	background: 	url(li-bg.gif) no-repeat;
	padding:			13px 0 10px 23px;
	margin:			0px;
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		16px;
	color:				#666666;
	list-style: 		none;
}

#navigation .navi ul li.pri a{
	font-size: 			13px;
	color:				#666666;
	text-decoration: 	none;
	font-weight: 		bold;
}

#navigation .navi ul li.pri a:hover{
	font-size: 			13px;
	color:				#FF6600;
	text-decoration: 	none;
	font-weight: 		bold;
}

#navigation .navi ul li.pri a.aktiv{
	font-size: 			13px;
	color:				#FF6600;
	text-decoration: 	none;
	font-weight: 		bold;
}


*html #navigation .navi ul li.sek{							
	width:			197px;
	padding:			0 0 9px 23px;
	margin:			0px;
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		16px;
	color:				#666666;
	list-style: 		none;
}

#navigation .navi ul li.sek{							
	width:			197px;
	padding:			0 0 10px 23px;
	margin:			0px;
	font-family:		Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		16px;
	color:				#666666;
	list-style: 		none;
}

#navigation .navi ul li.sek a{
	font-size: 			11px;
	color:				#666666;
	padding:				0 0 0 10px;
	text-decoration: 	none;
	background: 		url(kreuz.gif) top left no-repeat;
}

#navigation .navi ul li.sek a:hover{
	font-size: 			11px;
	color:				#FF6600;
	padding:				0 0 0 10px;
	text-decoration: 	none;
	background: 		url(kreuz-hover.gif) top left no-repeat;
}

#navigation .navi ul li.sek a.aktiv{
	font-size: 			11px;
	color:				#FF6600;
	padding:				0 0 0 10px;
	text-decoration: 	none;
	background: 		url(kreuz-hover.gif) top left no-repeat;
}



/* Styles für Kontaktformular */

#content .tx-pilmailform-pi1 td{
	font-size:	12px;
}


#content input.eingabe {	
	width:  260px;		
	font-size:	12px;
	color : #333333;
	text-align: left;
	border: 1px #a1a1a1 solid;
}

#content input.pflichteingabe {	
width:  260px;				
	font-size:	12px;
	color : #333333;
	text-align: left;
	border: 2px #FF6600 solid;
}

#content textarea.formular {			
	font-size:	12px;
	color : #333333;
	text-align: left;
	border: 1px #a1a1a1 solid;
}

#content input.button {			
	font-size:	12px;
	font-weight:	bold;
	color : #333;
	text-align: center;
	border: 1px #a1a1a1 solid;
	background:	white;
}


 
 
 
 
 /*   Suchfeld problem */



 
.cbox h3.csc-searchResultHeader{
	width:				387px;	
	font-size:			13px;
	color:				#FF6600;
	font-weight: 		bold;
}
 
.cbox h3.csc-searchResultHeader a{
	color:				#FF6600;
	font-weight: 		bold;
}

td.csc-form-fieldcell {
	padding:		0 0 0 0;
}

td.csc-form-fieldcell input{
	font-size:	12px;
	border:		1px solid silver;
}

td.csc-form-fieldcell select{
	font-size:	12px;
	border:		1px solid silver;
}

td.csc-form-labelcell {
	padding:		7px 0 0 0;
	height:			10px;
	width: 			150px;
}

.csc-sitemap {
	padding:	0px 0 0 0;
	background: url(bg_sitemap.gif) top left no-repeat;
}
.csc-sitemap ul{
	line-height: 20px;

}
.csc-sitemap li{
	background: none;
}
.csc-sitemap ul ul{
	background: none;
}

.csc-sitemap a{
	font-size: 		12px;
	color:			#666666;
	text-decoration: 	none;
}
.csc-sitemap a:hover{
	color:			#FF6600;
	
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border-top: 1px solid #A4A3A3;
		border-bottom: 3px solid #A4A3A3;
		border-left: 0px;
		border-right: 0px;
		padding: 0px 0px;
	}
	

.clearer{
	border: 1px solid white;
}

.news-list-item img{
	border: 0px;
	margin: 0px 10px 10px 0px;
	float: left;
}

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


/* Styles für Referenzen */

.csc-textpic-intext-left-nowrap .csc-textpicHeader{
	float: none;
	
}