/* generell */


#schmuckbild div.csc-textpic{
/*border: 1px solid red;
position: absolute;
z-index: 2;
top: 0px;
left: 0px;*/
padding: 0px;
margin: 0px;
}

#schmuckbild div.csc-textpic-above{
padding: 0px;
margin: 0px;
background: green;
}

body {
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	font-size:		11px;
	line-height:	16px;
	color:			#666666;
	margin:			0px;
	padding:			0px;
	background:		url(gfx/backgrounds/body-bg.gif) top left repeat-y #eeeee9;
	text-align:		left; /* For IE */
	}



#container{
	position:		absolute;
	top:				0px;
	left:				0px;
	width:			100% !important;
	width /**/:		100%;
	height:			100% auto;
	margin:			0 auto;
	text-align:		left; /* For IE, see above */
}

#intro{
	width:			1050px;
}

/* allgemeine Styles */
a{
	color:			#666666;
	text-decoration: underline;
}

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

h1{
	font-size:	14px;
	padding:		0px;
	margin:		0 0 8px 0;
}

h2{
	font-size:	14px;
	color:		#dba42a;
	padding:		0px;
	margin:		15px 0 7px 0;
}

h3{
	font-size:	12px;
	color:		#dba42a;
	padding:		0px;
	margin:		15px 0 7px 0;
}

p{
	padding:			0px;
	margin:			0 0 15px 0;
}

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

ul li{
list-style: none;
background: url(gfx/backgrounds/li.gif) top left no-repeat;
padding: 0 0 0 10px;
}

/* linker Bereich */

#leftbar{
	width: 175px;
	height:	100% auto;
	float: left;
	background: white;
}

a.logo{
	display: block;
	width: 175px;
	height: 78px;
	background: url(gfx/sun-area-logo.gif) no-repeat;
	margin: 40px 0 65px 0;
}

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

#leftbar form{
	margin: 0 0 0 15px;
	padding: 0px;
	background: url(gfx/backgrounds/suche-bg.gif) center no-repeat;
	width: 146px;
	height: 21px;
}

#leftbar form input.suchfeld{
	height:			16px;
	width:			90px;
	border:			none;
	font-size: 		11px;
	color:			#4c4c51;
	padding:			2px 5px 0 5px;
	margin:			2px 15px 0 5px;
	background: none;
}

#leftbar .auszeichnungen{
	margin: 25px 0 0 13px;
	padding: 0px;
}

#leftbar ul{
	width: 145px;
	margin: 45px 0 0 14px;
	padding: 0px;
}

#leftbar ul li{
	margin: 0px;
	padding: 8px 0 0 8px;
	height:	22px;
	list-style: none;
	background: none;
	border-bottom: 1px solid #bdbdb8;
}

#leftbar ul li a{
	display: block;
	height: 22px;
	width: 178px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	padding:  0 0 0 10px;
}

#leftbar ul li a:hover{
	background: url(gfx/backgrounds/navigation-hover.gif) no-repeat;
}

#leftbar ul li a.aktiv{
	display: block;
	height: 22px;
	width: 178px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	padding:  0 0 0 10px;
	background: url(gfx/backgrounds/navigation-hit.gif) no-repeat;
}

/* linke mitte quasi die SPD unter DIVs */

#sidebar{
	width: 175px;
	height:			100% auto;
	float: left;
	display: block;
}

div.sidebarspacer{
	width: 175px;
	height:1px;
}

/* Styles für News innerhalb sidebar */

#sidebar .news{
	margin: 179px 15px 0 15px;
	width: 145px;
}

#sidebar .news-list-item{
	width: 145px;
	border-bottom: 1px solid #bdbdb8;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#sidebar .news-list-item h2{
	font-size:	11px;
	font-weight: bold;
	padding:		0px;
	margin:		0px;
	clear:		both;
}

#sidebar .news-list-item p{
	padding:			0px;
	margin:			0px;
	clear:		both;
}

#sidebar .news-list-item span{
	font-weight: bold;
}

#sidebar .news-list-item a{
	color:		#dba42a;
	text-decoration: none;
}

#sidebar .news-list-item a:hover{
	color:		#666666;
	text-decoration: none;
}

#sidebar ul{
	width: 145px;
	margin: 247px 15px 0 15px;
	padding: 0px;
}

#sidebar ul li{
	margin: 0px;
	padding: 8px 0 0 8px;
	list-style: none;
	background: none;
	border-bottom: 1px solid #bdbdb8;
}

#sidebar ul li a{
	display: block;
	color: #666666;
	text-decoration: none;
	padding:  0 0 0 10px;
	margin-bottom: 8px;
}

#sidebar ul li a:hover{
	background: url(gfx/backgrounds/navigation-hover.gif) no-repeat;
}

#sidebar ul li a.aktiv{
	display: block;
	color: #666666;
	text-decoration: none;
	padding:  0 0 0 10px;
	background: url(gfx/backgrounds/navigation-hit.gif) no-repeat;
}


/* mittler Content-Bereich */

#content{
	width: 490px;
	height: 100%;
	float: left;
}

img.top{
	width: 490px;
	border: none;
}

div.contentwrap{
	width: 415px;
	margin: 30px 0 0 40px;
}

.foot {
width: 415px;
margin: 30px 0 15px 0;
font-size: 9px;
}

.foot .print{
float: right;
}

.foot a{
text-decoration: none;
}



/* ganz rechts */

#rightbar{
	width: 195px;
	height:	100% auto;
	float: left;
	margin: 231px 0 0 15px;
}

#rightbar p{
	margin: 15px 0 15px 15px;
}

#rightbar p strong{
	line-height: 25px;
}

#rightbar .print{
padding:  0px;
background: none;
}

#rightbar .print:hover{
padding:  0px;
background: none;
}

#rightbar a{
	display: block;
	color: #666666;
	text-decoration: none;
	padding:  0 0 0 10px;
	background: url(gfx/backgrounds/navigation-hover.gif) no-repeat;
}

#rightbar a:hover{
	background: url(gfx/backgrounds/navigation-hit.gif) no-repeat;
	color:		#dba42a;
}

#rightbar a.flagge{
	color: #666666;
	text-decoration: none;
	padding:  0 10px 0 0;
	background: none;
	float: left;
}

#rightbar a:hover.flagge{
	background: none;
}

#rightbar hr{
	background: #bdbdb8;
	border: none;
	height: 1px;
	float: none;
	clear: both;
	margin-top: 15px;
}


/* Styles für Kontaktformular */

table.kontaktform{
	font-size:			11px;
}

.kontaktform p.form_error{
	color : 				#B1113E;
	font-weight:		bold;
}

.kontaktform input.eingabe {	
	width:  				190px;		
	font-size:			11px;
	color : 				#666666;
	text-align: 		left;
	border: 				1px #666666 solid;
}

.kontaktform input.pflichteingabe {	
	width:  				190px;				
	font-size:			11px;
	color : 				#666666;
	text-align: 		left;
	border: 				1px #dba42a solid;
	background: 		#ffedc6;
}

.kontaktform textarea.formular {			
	font-size:			11px;
	color : 				#666666;
	text-align: 		left;
	border: 				1px #666666 solid;
	width:				300px;
}

.kontaktform input.button {	
	width:  				190px;			
	font-size:			11px;
	font-weight:		bold;
	color : 				#dba42a;
	text-align: 		center;
	border: 				1px #dba42a solid;
	background: 		#ffedc6;
}

.kontaktform .tx-srfreecap-pi2-cant-read{
font-size:			11px;
	color : 				#dba42a;
}


/* Formatierung Sitemap*/

ul.sitemap{
	margin: 20px;
}

ul.sitemap li{
	list-style: none;
	margin-bottom: 5px;
	background: none;
	font-weight: bold;
}

ul.sitemap2{
	margin: 0 0 25px 30px;
}

ul.sitemap2 li{
	list-style: none;
	margin-bottom: 5px;
	background: url(gfx/backgrounds/li.gif) center left no-repeat;
	font-weight: normal;
}

/* Formatierung Routenplaner*/

.routenplaner input.eingabe {	
	width:  				200px;		
	font-size:			13px;
	color : 				#666666;
	text-align: 		left;
	border: 				1px #666666 solid;
	margin-right: 10px;
}

.routenplaner input.button {	
	width:  				200px;			
	font-size:			13px;
	font-weight:		bold;
	color : 				#dba42a;
	text-align: 		center;
	border: 				1px #dba42a solid;
	background: 		#ffedc6;
}



/* Formatierung Suche */

.tx-indexedsearch input.eingabe {	
	width:  				200px;		
	font-size:			13px;
	color : 				#666666;
	text-align: 		left;
	border: 				1px #666666 solid;
	margin-right: 10px;
}

.tx-indexedsearch input.button {	
	width:  				60px;			
	font-size:			13px;
	font-weight:		bold;
	color : 				#dba42a;
	text-align: 		center;
	border: 				1px #dba42a solid;
	background: 		#ffedc6;
}



/* Formatierung News-Details */

.news-single-item div.news-single-timedata{
	margin-bottom: 10px;
}


/* Formatierung News-Liste */


#content .news-list-item{
	border-bottom: 1px solid #bdbdb8;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#content .news-list-item h2{
	font-size:	11px;
	font-weight: bold;
	padding:		0px;
	margin:		0px;
	clear:		both;
}

#content .news-list-item p{
	padding:			0px;
	margin:			0px;
	clear:		both;
}

#content .news-list-item span{
	font-weight: bold;
}

#content .news-list-item a{
	color:		#dba42a;
	text-decoration: none;
}

#content .news-list-item a:hover{
	color:		#666666;
	text-decoration: none;
}



/* Formatierung "Linie danach" */

*html .csc-frame-rulerAfter{
	border-bottom: 1px solid silver;
	margin:	3px 0 20px 0;
}

.csc-frame-rulerAfter{
	border-bottom: 1px solid silver;
	margin-bottom:	20px;
}




/* Formatierung der Tabellen 
table.contenttable{
	width:    			365px;
	font-family:			Tahoma, Arial, Helvetica, sans-serif;
	font-size:			11px;
	margin:				0 0 20px 0;	
	
}

table.contenttable tr.tr-even{
	background:   			#F9EBEE;
}

table.contenttable tr.tr-odd{
	background:   			white;
}

table.contenttable td{
	padding:    			3px 5px 3px 10px;
}

table.contenttable td.td-0{
	font-weight:   			bold;
} */








/* Speziell für PRINT-Version !!!

.printlogo{
	display: none;
}

.printkontakt{
	display: none;
} */