/* CSS Document */

@import url("rte_formate.css");

html, body
{
	height: 1%;
}


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif Arial;
	color: #393939;
}

h1 {margin: 0 0 5 0; padding: 0 0 0; font-size:12px; line-height: 16px; color:#393939 }
h4 {margin: 0; padding: 0 0 0; font: normal 0.7em Arial, sans-serif; text-align: right; color:#535353; letter-spacing: 2px;}
h6 {margin-right: 100; padding: 0 0 0;font-size:12px;line-height: 16px; font: normal }

.bodytext{
font-size:12px;
line-height: 16px;
}

a:link{
text-decoration:underline;
color:#393939
}

a:visited{
text-decoration:underline;
color:#393939
}

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

a:active{
text-decoration:underline;
color:#393939
}


.klein { font-size:11px;
line-height:14px;
}

/*   Editorstyle    */
.rot{color:#ef3a45
}

.text_schmal{margin-right:80px}

/*   F O R M U L A R    */
fieldset {

        border: 0;

} 

form legend {
	border:none; 
	font-weight:bold; 
	margin-bottom:5px; 
	padding:3px; 
	background:none;
}
form fieldset {
	border:none; margin-bottom:10px; padding:3px; 
}
form label { 
	font-weight:normal;
	clear:left; 
	display:block; 
	float:left; 
	width:110px; 
	text-align:left; 
	padding:0px 10px; 
	margin:0.4em 0em 0.4em 0em;
}

form input,form textarea{
	margin:0.4em 0em 0.4em 0em;
}

/* ENDE FORMULAR  */


/* horizontales etc */

#content {
	width:912px;
	margin:0px auto;
	text-align:left;
}

.captions {
		text-align: left
}
/* ############################################# */


#top {
	border-bottom: 5px solid #C9C9C9;
	padding:10px 1px 4px;
	text-align: right;
	font-size:10px
}

#top a:link,#top a:visited {
	
	letter-spacing: 1px;
	color:#535353;
	font-size:10px;
	text-decoration:none;

}
	
#head{
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	height:76px;
	background-image:url(../pics/sunny_logo.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding:0px;
}

#banner{
	position:relative;
	height:169px;
	
	background-repeat:no-repeat;
	background-position:top;
	padding:0px;

}

#partnerprogramm{
	z-index:	100;
	border:		0;
	position:absolute;
	width:355px; 
	left:0px;
	margin-top: 130px;
	padding:0px;
}



#mainkasten{
	position:relative;
	width:912px;
	
	background-image:url(../pics/main_higru_1px.gif);
	background-repeat:repeat;
}
#ueb_inhalt{
	float:left;
	width:560px;
	
}
/* 
######################################################################################################## 
   	HAUPT NAV - Menu inkl UL, li etc 
######################################################################################################## 
*/
#hauptnav{
	margin-top:5px;
	width: 177px;
	float:left;
}
#hauptnav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#hauptnav li {
	margin:0;
	padding:0;
}

#hauptnav a:link, #hauptnav a:visited {
	
	color: #282828;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	text-align:right;
	letter-spacing: 0px;
		
	margin:0px 0;
	padding:10px 20px 0px 5px;
/*	border:0px solid #667553;
	background:#ffffff ;
	background-image:url(../pics/pfeil_out.gif);
	background-position: 163px 9px;
	background-repeat: no-repeat;	*/
	
	/* die Höhenangabe ist für den IE, damit die gesamte FLäche des Links klickbar ist */
	height:0.9em;
}


/* diese Angabe ist für fast alle anderen Browser, damit die Höhe wieder aus den Angaben für
Schriftgröße, padding und border berechnet wird	*/
html>body #hauptnav a:link, html>body #hauptnav a:visited  {
	height:auto;
}

	
#hauptnav a:hover {
	color:  #666666;
	/*background-image:url(../pics/pfeil.gif);*/
}


#gewaehlt a:link,#gewaehlt a:visited {
	background-image:url(../pics/pfeil.gif);	
	background-position: 161px 9px;
	background-repeat: no-repeat;
}




#subnav a:link,#subnav a:visited  {
background-image:none;
font-weight:normal;
text-decoration:none;
margin-right:0px;
}

#subnav a:hover, #subnav_gewaehlt a:link, #subnav_gewaehlt a:hover, #subnav_gewaehlt a:visited{
background-image:none;
font-weight:normal;
text-decoration:none;
color:#FF0000;
}
/*
######################################################################################################## 
*/


#ueb_image{
	
	margin: 10px 0px 0px 12px;
} 

#inhalt{
	/*background-color:#FF0000;*/
	margin: 5px 25px 25px 25px;
	position: relative;
	width:510px;
	font-size:12px;
	line-height: 16px;
	
}



#inhalt UL {
	
	
	padding-left:18px;
	padding-top:0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right:0;
	margin-bottom:0;
	padding-right:0;
	padding-bottom:0;
	
}
#inhalt li {
	
	LIST-STYLE-Image: url(../pics/dot.gif);
	padding-left:0px;
	padding-top:0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right:80;
	margin-bottom:0;
	padding-right:0;
	padding-bottom:10;
	
	
}

#partnerlogin{
	position:relative;	
	float:left;
	width:170px;	
	height:100%;
}


#impressum_container {

	clear:both;
	z-index:100;
	width:912px;
	height:30px;
	background-image:url(../pics/unter_content.gif);
	background-repeat:no-repeat;
	background-position: top;
}


#impressum{
	width:100%;
	padding: 15px 0 0; 
	font-size: 10px;
	color:#535353; 
	letter-spacing: 0px;
	text-align:right;
}

#impressum a {
		font-size: 10px;
		color:#535353;
		text-decoration:none;
}

#sma_logo{
	position:relative;
	z-index:1001;
	width:65px;  
	left:100px; 
	bottom:65px;
	
}

#white4invis{
	position:relative;
	top:-50px;
}