/******************************************/
/*       css for www.queerplanet.ch       */
/* written and composed by markus erdmann */
/*   © 2008 esense gmbh - www.esense.ch   */
/******************************************/

/**** main container styles ****/

html
{
margin:0px;
padding:0px;
line-height:0px;
}

body
{
background:transparent url(../pics/bg-body.jpg) 0 0 repeat;
line-height:120%;
font-size:small;
font-family:Verdana, Arial, Sun Regular, "sans serif";
cursor:default;
}

#frame
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:676px;
background: url(../pics/bg-kreis.gif) 600px -100px no-repeat;
float:left;
}

#container
{
position:relative;
left:10px;
margin:20px auto 0 auto;
width:792px;
}

#contentwrap
{
position:relative;
top:0px;
width:792px;
border:none;
height:auto;
float:left;
background:transparent url(../pics/bg-content.png) 0 0 repeat-y;
z-index:1200;
}

/**** header and main navigation ****/

#header
{
position:relative;
top:0px;
margin:0px;
width:792px;
height:190px;
float:left;
clear:both;
background: url(../pics/logo-ff.png) 0px 0px no-repeat;
z-index:500;
}

#mainnav
{
position:relative;
top:0px;
width:580px;
height:auto;
margin:65px 0px 0px 195px;
background-color:transparent;
font-size:120%;
line-height:100%;
z-index:1000;
}

/**** left column: sub-navigation and textbox ****/

#leftCol
{
position:relative;
top:20px;
width:190px;
height:auto;
float:left;
z-index:1900;
}

.textbox
{
position:relative;
width:170px;
height:auto;
clear:both;
border:1px solid #1c112f;
background-color:#d2d2ff;
margin:0px 0px 20px 0px;
}

.textboxtitle
{
position:relative;
width:150px;
height:auto;
float:left;
border-bottom:1px solid #1c112f;
background-color:#8d5fc4;
margin:0px 0px 10px 0px;
line-height:140%;
padding:0px 10px 0px 10px;
color:white;
font-weight:normal;
}

.textboxcontent p
{
padding: 0px 10px 10px 10px;
margin:0px;
line-height:150%;
font-size:85%;
}

.textboxcontent a
{
color:#8d5fc4;
text-decoration:none;
}

.textboxcontent a:hover
{
color:black;
text-decoration:underline;
}

.textbox img
{
position:relative;
margin:0px 10px 10px 10px;
}

/**** right column: main content ****/

#rightCol
{
position:relative;
top:-80px;
width:602px;
height:auto;
float:right;
margin:0px 0px -80px 0px;
}


#rightCol a{
color: #8d5fc4;
text-decoration: none;
}

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

.content
{
position:relative;
top:0px;
left0px;
width:580px;
border:1px solid #1c112f;
background-color:#d2d2ff;
float:left;
clear:both;
margin:0px 0px 20px 0px;
}

.contenttitle
{
position:relative;
top:0px;
left:0px;
margin:0px 0px 10px 0px;
width:560px;
height:auto;
background-color:#8d5fc4;
float:left;
line-height:140%;
font-size:120%;
padding:0px 10px 0px 10px;
border-bottom:1px solid #1c112f;
color:white;
font-weight:normal;
}

h2
{
font-size:100%;
padding:0px 0px 0px 0px;
line-height:100%;
}

p
{
font-size:100%;
padding:0px 0px 0px 0px;
line-height:150%;
}

.content img
{
padding-right:10px;
}

.contenttext p
{
padding:0px 0px 0px 0px;
line-height:150%;
}

.contenttext a
{
color:#8d5fc4;
text-decoration:none;
}

.contenttext a:hover
{
	color:black;
text-decoration:underline;
}

.imageWrap
{
position:relative;
margin:0px 10px 10px 10px;
float:right;
}

/**** footer ****/

#footer
{
position:relative;
left:90px;
width:700px;
height:auto;
background-color:#8d5fc4;
border:1px solid #1c112f;
float:left;
padding:0px 0px 3px 0px;
margin:0px;
z-index:1900;
}

#footer p
{
font-size:85%;
color:white;
text-align:center;
line-height:180%;
margin:0px;
padding:0px 10px 0px 10px;
}

#footer p a
{
color:white;
text-decoration:none;
}

#footer p a:hover
{
color:black;
text-decoration:underline;
}

/*****/

.clear
{
position:relative;
width:100%;
clear:both;
}

.abstand20
{
position:relative;
width:100%;
height:20px;
float:left;
display:block;
}

form label
{
width:150px;
float:left;
padding:0px 0px 0px 0px;
}

form input,
form textarea
{
width:250px;
border:none;
border-bottom:1px solid #1c112f;
background-color:transparent;
}

form .radio,
form select
{
width:auto;
margin:-12px 0px 0px 150px;
float:left;
border:none;
background-color:transparent;
font-weight:normal;
}

form .checkbox
{
width:auto;
margin:0px 10px 0px 150px;
float:left;
border:none;
background-color:transparent;
font-weight:normal;
}

form .submit
{
width:auto;
height:25px;
border:1px solid #1c112f;
background-color:#8d5fc4;
color:white;
cursor:pointer;
margin-bottom:10px;
font-size:12px;
}

.submit:hover
{
color:black;
}

/**** end of css styles ****/