/* full resets */

* {
margin:0;
padding:0;
}

a img {
border:0;
}

/* tags */

body {
background-color: #fff;
color: #000; 
font-size: 12px; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
line-height: 17px;
text-align:center;
}

a {
color: #fff; 
font-weight: bold;  
text-decoration: none
}

.on {
color: #f0f83f; 
font-weight: bold;  
text-decoration: none
}

a:hover {
color: #f0f83f; 
font-weight: bold;  
text-decoration: none
}

.weiter {

}

a.weiter:after { content:url(/pict/icons/go.gif)" "; }


/* regions */

#mainframe {
width: 880px;
margin: 0px auto;
text-align:left;
}

#head {
height: 50px;
}

#meta {
float:left;
margin: 65px 0 0 10px;
line-height:14px;
width: 100px;
display:none;
}

*html #meta {
margin: 65px 0 0 5px;
}

#meta ul {
list-style:none;
margin:0;
padding:0;
}

#meta a {
font-weight:normal;
font-size: 10px;
}

#illu {
position:relative;
z-index: 2;
top:0px;
height:167px;
width: 410px;
left:470px;
background-repeat: no-repeat;
background-position: top right;
}

*html #illu {
left:345px;
}

#logo {
position:absolute;
top:50px;
right:50px;
z-index: 3;
height:80px;
width: 265px;
}

#maincontenthome {
background-color: #D10277;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentbistdusicher {
background-color: #FF6600;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentsafersex {
background-color: #87BA1A;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentgummi {
background-color: #FF1D00;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentfacts {
background-color: #B38009;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontenttest {
background-color: #1D91C0;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentgaysex {
background-color: #F5B105;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentfragen {
background-color: #CD48A1;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

#maincontentnews {
background-color: #23A48E;
background-image: url(/pict/content_bg.gif);
background-repeat: repeat-y;
background-position: left;
}

/* hauptnavigation */

#mainnavigation {
float:left;
width: 145px;
display:none;
}

#mainnavigation ul {
list-style:none;
margin:0;
padding:0;
}

#mainnavigation a {
color:#000;
font-size:12px;
display:block;
padding: 10px 0 10px 10px;
width:135px;
}

#mainnavigation a:hover {
color: #f0f83f; 
}

#mainnavigation a.home {
background-color: #D10277;
}

#mainnavigation a.sicher {
background-color: #FF6600;
}

#mainnavigation a.safersex {
background-color: #87BA1A;
}

#mainnavigation a.facts {
background-color: #B38009;
}
#mainnavigation a.gummi {
background-color: #FF1D00;
}

#mainnavigation a.test {
background-color: #1D91C0;
}

#mainnavigation a.gaysex {
background-color: #F5B105;
}

#mainnavigation a.fragen {
background-color: #CD48A1;
}

#mainnavigation a.news {
background-color: #23A48E;
}

/* activ navigation */
#mainnavigation a.homeon {
background-color: #D10277;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.sicheron {
background-color: #FF6600;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.safersexon {
background-color: #87BA1A;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.factson {
background-color: #B38009;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.gummion {
background-color: #FF1D00;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.teston {
background-color: #1D91C0;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.gaysexon {
background-color: #F5B105;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.fragenon {
background-color: #CD48A1;
width: 139px;
color: #f0f83f; 
}

#mainnavigation a.newson {
background-color: #23A48E;
width: 139px;
color: #f0f83f; 
}

#searchform {
margin: 10px 0 0 10px;
line-height: 15px;
}

#searchform a {
color: #ffffff;
margin: 2px 0 0 0;
padding: 0;
}

#searchform * {
margin: 0;
padding: 0;

}

#secondcol {
float:left;
width: 160px;
margin: 60px 0 0 12px;
voice-family: "\"}\"";
voice-family:inherit;
margin: 70px 0 0 17px;
}

#secondcol ul {
margin: 0;
padding-left: 10px;
voice-family: "\"}\"";
voice-family:inherit;
padding-left: 20px;
}

#secondcol ul li {
list-style-image: url(/pict/icons/go.gif);
margin: 0 0 10px 0;
}

#content ul li {
list-style-image: url(/pict/icons/go.gif);
margin: 0 0 10px 15px;
}

#secondcol ul li.back {
list-style-image: url(/pict/icons/back.gif);
margin: 0 0 10px 0;
}


#secondcol ul li.on {
list-style-image: url(/pict/icons/liste.gif);
margin: 0 0 10px 0;
}

#secondcol h1 {
font-size: 15px;
font-weight:bold;
color: #111492;
line-height: 17px;
margin: 0 0 10px 0;
}


#content {
padding: 70px 10px 10px 0px;
margin-left:350px;
line-height: 17px;
}

#content h1 {
font-size: 15px;
font-weight:bold;
color: #111492;
line-height: 17px;
margin: 0 0 10px 0;
}

#content p {
margin: 0 0 10px 0;
}

#content p.lead {
font-weight:bold;
margin: 0 0 10px 0;
}

.up {
height: 14px;
}

.linie {
height: 8px;
width: 510px;
background-image: url(/pict/linie.gif);
background-repeat: no-repeat;
}

.kasten {
width: 490px;
background-color: #cccccc;
padding: 10px;
font-size: 12px;
margin-bottom: 5px;
}

.kastentitel {
color: #111492; 
font-size: 13px;
font-weight: bold;
line-height: 17px;
}

/* formular */

.formular fieldset {
	border: 1px solid #111492;
	margin-top: 10px;
	padding: 10px;
	}
	
legend {
	vertical-align:middle;
	margin:10;
	color: #111492;
	}
	
.formular input[type=text], textarea {
	font-family: Verdana, Arial, Sans-Serif;
	font-size:11px;
	width: 260px;
	margin: 2px 0px 2px 0px;
	}
	
.formular select {
	font-family: Verdana, Arial, Sans-Serif;
	font-size:13px;
	font-weight:bold;
	margin: 2px 0px 2px 0px;
	}
	
.formular input[type=radio] {
	margin: 2px 0px 2px 0px;
	vertical-align: middle;
	}
	
.formular {
	margin:0;
	padding:10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: 11px;
}

.formular label.left	{
	clear:both;
	float:left;
	width:150px;
	margin-right:10px;
	text-align:right;
}


.formular form p	{
	margin:0 0 10px 0;
	line-height:150%;	
	font-size:12px;
}


.formular input[type=submit] {
	width:auto;
}

.submitbutton {
	margin: 5px 5px 5px 160px;
	}