/* generell */


body {
	font-family:	Arial, Verdana, Helvetica, sans-serif;
	font-size:		16px;
	line-height:	22px;
	color:			#666666;
	margin:			0px;
	padding:			0px;
	background:		white;
	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:			100%;
	/*width:			1050px;*/
}

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

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

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

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

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

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

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

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

/* linker Bereich */

#leftbar{
	width: 30%;
	/*width: 250px;*/
	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 25px 0;
}

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


#leftbar p{
	/*width: 30%;
	width: 250px;*/
	margin: 61px 0 0px 24px;
	padding: 0px;
}

/* mittler Content-Bereich */

#content{
	width: 70%;
	/*width: 700px;*/
	height: 100%;
	float: left;
	font-size: 16px;
	line-height: 22px;
}


div.contentwrap{
	width: 70%;
	/*width: 700px;*/
	margin: 97px 0 0 40px;
}

#klickpfad-alles{
margin-bottom: 30px;
}


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

.foot a{
text-decoration: none;
}




/* Styles für Kontaktformular */

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

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

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

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

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

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


/* 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-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;
}




/* Speziell für PRINT-Version über Browser ausgeblendet !!! */

#leftbar form{
display: none;
}

#leftbar .auszeichnungen{
display: none;
}

#leftbar ul{
display: none;
}

#sidebar {
display: none;
}

img.top{
display: none;
}

#rightbar{
display: none;
}