@charset "UTF-8";

/* #################################################################################################
 CSS Document for drgay.ch
 Nov 2009 by update AG  http://update.ch
 Philipp Urlich (philipp@urlich.ch)
 
################################################################################################# */

html{
	font-size:62.5%;
}



.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */



/* DR GAY POSES ------------------------------------------------------- */


/* SIDEBAR ####  */

.drgay-sidebar-pose1{
	width:117px;
	height:327px;
	background:transparent url(/_img/drgay-sidebar-pose1.png) 0 0 no-repeat;
	margin-left:20px;
}
* html .drgay-sidebar-pose1{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/drgay-sidebar-pose1.png');
}



.drgay-sidebar-pose2{
	width:200px;
	height:327px;
	background:transparent url(/_img/drgay-sidebar-pose2.png) 0 0 no-repeat;
	margin-left:0;
}
* html .drgay-sidebar-pose2{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/drgay-sidebar-pose2.png');
}



.drgay-sidebar-pose3{
	width:200px;
	height:327px;
	background:transparent url(/_img/drgay-sidebar-pose3.png) 0 0 no-repeat;
	margin-left:0;
}
* html .drgay-sidebar-pose3{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/drgay-sidebar-pose3.png');
}


.drgay-sidebar-pose4{
	width:200px;
	height:327px;
	background:transparent url(/_img/drgay-sidebar-pose4.png) 0 0 no-repeat;
	margin-left:0;
}
* html .drgay-sidebar-pose4{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/img/drgay-sidebar-pose4.png');
}


/* CONTENT #### */

.drgay-content-pose1{ /* login */
	width:530px;
	height:461px;
	background:transparent url(/_img/drgay-content-pose1.png) 0 20px no-repeat;
	margin-left:0px;
}
* html .drgay-content-pose1{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/_img/drgay-content-pose1.png');
}

.drgay-content-pose2{ /* übersicht */
	width:530px;
	height:461px;
	background:transparent url(/_img/drgay-content-pose2.png) 0 20px no-repeat;
	margin-left:0px;
}
* html .drgay-content-pose2{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/_img/drgay-content-pose2.png');
}


/* LOGO ------------------ */


.logo-home-d{
	background: transparent url(/_img/logo-drgay-d.png) 0 0 no-repeat;
	position:absolute;
	top:5%;
	right:0;
	width:240px;
	height:90px;
	text-indent:-20000px;
}
* html .logo-home-d{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-d.png');
}

.logo-home-f{
	background: transparent url(/_img/logo-drgay-f.png) 0 0 no-repeat;
	position:absolute;
	top:5%;
	right:0;
	width:240px;
	height:90px;
	text-indent:-20000px;	
}
* html .logo-home-f{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-f.png');
}

.logo-home-i{
	background: transparent url(/_img/logo-drgay-i.png) 0 0 no-repeat;
	position:absolute;
	top:5%;
	right:0;
	width:240px;
	height:90px;
	text-indent:-20000px;	
}
* html .logo-home-i{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-i.png');
}





.logo-content-d{
	background: transparent url(/_img/logo-drgay-d.png) 0 0 no-repeat;
	position:absolute;
	top:12px;
	left:784px;
	width:240px;
	height:90px;
	/*text-indent:-20000px;*/
}
* html .logo-content-d{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-d.png');
}

.logo-content-f{
	background: transparent url(/_img/logo-drgay-f.png) 0 0 no-repeat;
	position:absolute;
	top:12px;
	left:784px;
	width:240px;
	height:90px;
	/*text-indent:-20000px;*/
}
* html .logo-content-f{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-f.png');
}

.logo-content-i{
	background: transparent url(/_img/logo-drgay-i.png) 0 0 no-repeat;
	position:absolute;
	top:12px;
	left:784px;
	width:240px;
	height:90px;
	/*text-indent:-20000px;*/
}
* html .logo-content-i{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/_img/logo-drgay-i.png');
}



a.logo-link,
a.logo-link:visited{
	display:block;
	width:220px;
	height:60px;
	top:22px;
	left:804px;
	text-indent:-20000px;
	background: transparent url(/_img/trans.gif);
	position:absolute;
}




/*
########################################################################################
DEFAULT STYLES
########################################################################################
*/

*  { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none }

a,a:visited{ outline: 0; position: relative; text-decoration: none; color:#009ee0;}
a:hover{ text-decoration: underline; color:#009ee0;}

.bold{
	font-weight: bold;	
}

.center{
	text-align: center;	
}

.leftfloat{
	float: left;	
}

.rightfloat{
	float: right;	
}


body#home{
	font:normal 1em Verdana, Geneva, sans-serif;
	margin:0; padding:0;
	width:100%;
	height:100%;
	background: #7ed1f1 url(/_img/bg-spotlight-drgay.jpg) center -200px no-repeat;
}

body#content{
	font:normal 1em Verdana, Geneva, sans-serif;
	margin:0; padding:0;
	background: #68bbdb url(/_img/bg-spotlight-1024.jpg) left top repeat-y;
}

body.login{
	background: #7ed1f1 url(/_img/bg-spotlight-drgay.jpg) center -200px no-repeat!important;
}



.contentcol a,
.contentcol a:visited{
	color:#009ee0;
}
.contentcol a:hover{
	text-decoration:underline;
}

.contentcol p{
	line-height:1.8em;	
}
	
	
/*
########################################################################################
FONT TEXT STYLES
########################################################################################
*/

p{
	padding:1em 0;
	line-height:1.5em;
}


h1{
	font-size: 1.5em;
	color: #006ab3;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
}

h2{
	font-size: 3em;
	color: white;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
}

#home h3{
	font-size: 2em;
	color: white;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
}

#content h3{
	font-size: 1.2em;
	color: #006ab3;
	font-weight: normal;
	text-transform: normal;
	padding:.5em 0 .5em 0;
	margin:0;
}

h4{
	font-size: 1.3em;
	color: #006ab3;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.2em;
	margin:0;
	padding:0;
}



/*
########################################################################################
LAYOUT STYLES - HOME
########################################################################################
*/




/* HOMEPAGE WIDGET BOX ---------------------------- */

.widget{
	background: transparent url(/_img/box-round-home.png) 0 0 no-repeat;
	padding: 20px 10px;
	width:179px;
	height:113px;
}


* html .widget{
	background:none;
	background: transparent url(/_img/box-round-home.gif) 0 0 no-repeat;
}

.widget a,
.widget a:visited{
	color:#fff;
	text-transform:uppercase;
	position: relative;
}

.widget a:hover{
	color:#fff;
	text-transform:uppercase;
	text-decoration:underline;
}


.widget p{
	margin:1em 0;
	line-height:1.5em;
}

.widget ul li{
	margin:1em 0;
	font-weight:bold;
}

.box1-home{
	position:absolute;
	top:50%;
	left:10%;
}

.box2-home{
	position:absolute;
	top:50%;
	left:10%;
	margin-left:220px;
}




/* HOMEPAGE BUBBLE ---------------------------- */

.widget-bubble-home{
	background: transparent url(/_img/bubble-big.png) 0 0 no-repeat;
	padding: 20px 15px;
	width:721px;
	height:120px;
	position:absolute;
	top:6%;
	left:3%;
}

* html .widget-bubble-home{
	background:none;
	background: transparent url(/_img/bubble-big.gif) 0 0 no-repeat;
}

.widget-bubble-home p.bubble-text-home{
	font-size:1.9em;
	margin:0;
	padding:0;
	color:#009ee0;
	line-height:1.2em;
	text-transform:uppercase;
}



/* META WIDGET - HOME ---------------------------------------- */

.widget-meta{
	background: transparent url(/_img/box-round-meta.png) 0 0 no-repeat;
	position:absolute;
	right:20px;
	top:10%;
	margin-top:48px;
	width:170px;
	height:30px;
	padding:5px 15px;
	color:#3c8ec6;
}

* html .widget-meta{
	background:none;
	background: transparent url(/_img/box-round-meta.gif) 0 0 no-repeat;
}

.widget-meta p{
	padding:0;
	margin:0;
	line-height:1.5em;
}

.widget-meta a,
.widget-meta a:visited{
	color:#3c8ec6;
	font-size:.9em;
}
.widget-meta a:hover{
	text-decoration:underline;
}



/*
########################################################################################
LAYOUT STYLES - CONTENT
########################################################################################
*/





#content #wrapper{
	margin: 24px auto 0 40px;
	text-align:left;
	width:985px;
}


.content-wrapper{
	/*height:200px	*/
	margin:10px 0 0 0;
}

.contentcol {
	float:left;
	width:535px;
	margin-left:215px;
	display:inline;
	position:relative;
}
.contentcol .corner-box-big .inner{
	padding:5px 15px;
	
}
.leftcol{
	float:left;
	width:200px;
	margin-left:-750px;
	display:inline;
}

.rightcol{
	float:left;
	width:200px;
	margin-left:15px;
	display:inline;
}


/* ENTRIES FAQ ----------------------------------------------------- */


.entry{
	padding: 10px 0 20px 0;
	position:relative;
}

.entry p.user{
	color: #666666;
	margin:0;
	padding:0;
}

.entry .frage p{
	margin:0;
	padding:0;
}

.entry .antwort{
	zoom:1;
	padding:1em 1em .2em 1em;
	margin:10px 0;
	background-color:#a3dff5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.entry p.date{
	color:#000;
	position:absolute;
	top:.6em;
	right:0;
}
* html .entry p.date{
	right:1.5em;
}


.signatur{
	width:100px;
	height:40px;
	background:transparent url(/_img/drgay-signatur.png) 0 0 no-repeat;
	text-indent:-20000px;
}

* html .signatur{
	background:transparent url(/_img/drgay-signatur.gif) 0 0 no-repeat;
}


/* TITLE BAR METANAV - CONTENT ------------------------- */


.header{
	background: transparent url(../_img/box-round-title.png) 0 0 no-repeat;
	width:720px;
	height:36px;
	padding:13px 15px;
	position:relative;
}

* html .header{
	background: transparent url(../_img/box-round-title.gif) 0 0 no-repeat;
}

.header div.section-title{
	font-size:2.2em;
	color:#006ab3;
	padding:0;
	margin:0;
	width:420px;
	text-transform:uppercase;
}

.header div.metanav{
	position:absolute;
	right:20px;
	top:20px;
	color:#006ab3;
	padding:0;
	margin:0;
}
.header div.metanav a,
.header div.metanav a:visited{
	color:#006ab3;
}
.header div.metanav a:hover{
	text-decoration:underline;
}




/* BOX ROUND SMALL - CONTENT ----------------------------------------------------------------- */


.corner-box-small{
	width:200px;
	margin:0 0 10px 0;
}
.corner-box-small .inner{
	background-color:#def3fb;	
	padding:4px 13px 2px 13px;
	margin-top:-2px;
}

.corner-box-small-top{
	margin:0;
	padding:0;
	width:200px;
	height:10px;
	background: transparent url(/_img/box-round-small-top.png) 0 0 no-repeat;
}
* html .corner-box-small-top{
	background: transparent url(/_img/box-round-small-top.gif) 0 0 no-repeat;
}

.corner-box-small-bottom{
	margin:0;
	padding:0;
	width:200px;
	height:10px;
	background: transparent url(/_img/box-round-small-bottom.png) 0 0 no-repeat;
}
* html .corner-box-small-bottom{
	background: transparent url(/_img/box-round-small-bottom.gif) 0 0 no-repeat;
}





.corner-box-big{
	width:535px;
	margin:0 0 10px 0;
}
.corner-box-big .inner{
	background-color:#def3fb;	
	padding:4px 13px 2px 13px;
	margin-top:-2px;
}

.corner-box-big-top{
	margin:0;
	padding:0;
	width:535px;
	height:10px;
	background: transparent url(/_img/box-round-big-top.png) 0 0 no-repeat;
}
* html .corner-box-big-top{
	background: transparent url(/_img/box-round-big-top.gif) 0 0 no-repeat;
}

.corner-box-big-bottom{
	margin:0;
	padding:0;
	width:535px;
	height:10px;
	background: transparent url(/_img/box-round-big-bottom.png) 0 0 no-repeat;
}
* html .corner-box-big-bottom{
	background: transparent url(/_img/box-round-big-bottom.gif) 0 0 no-repeat;
}





.corner-bubble-small{
	width:200px;
	margin:0 0 10px 0;
}
.corner-bubble-small .inner{
	background-color:#def3fb;	
	padding:0 13px 2px 13px;
}
* html .corner-bubble-small .inner{
	margin-top:-4px;
}

.corner-bubble-small .inner p{
	padding:3px 0 0 0;
	margin:0;
	font-weight:bold;
	color:#006ab3;
	line-height:1.5em;
}

.corner-bubble-small-bottom{
	margin:0;
	padding:0;
	width:200px;
	height:33px;
	background: transparent url(/_img/bubble-round-small-bottom.png) 0 0 no-repeat;
}
* html .corner-bubble-small-bottom{
	background: transparent url(/_img/bubble-round-small-bottom.gif) 0 0 no-repeat;
}



/* FOOTER WIDGET - HOME/CONTENT -------------------------------------------------------------------------------  */

#home .widget-footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:85px;
	background: #009ee0 url(/_img/bg-banner-box.jpg) center center no-repeat;
}

#content .widget-footer{
	position:relative;
	width:1024px;
	height:85px;
	background: #009ee0 url(/_img/bg-banner-box.jpg) center center no-repeat;
}

.btn-gay-box{
	background: transparent url(/_img/button-gay-box.png) center center no-repeat;
	position:absolute;
	left:23px;
	bottom:0;
	width:108px;
	height:77px;
}

* html .btn-gay-box{
	background:none;
	background: transparent url(/_img/button-gay-box.gif) center center no-repeat;
}

.btn-gay-box a,
.btn-gay-box a:visited{
	display: block;
	text-indent: -20000px;
	width: 108px;
	height: 77px;
	background: transparent url(/_img/trans.gif);
}

.btn-poll-box{
	background: transparent url(/_img/pollwide.png) 0 0 no-repeat;
	position:absolute;
	left:300px;
	bottom:0;
	width:600px;
	height:77px;
	padding-left: 10px;
	padding-top: 5px;

  color: #ffffff;
  font-size:1.5em;
  font-weight: bold;
}

* .btn-poll-box{
	background: transparent url(/_img/pollwide.gif) 0 0 no-repeat;
	position:absolute;
	left:300px;
	bottom:0;
	width:600px;
	height:77px;
	padding-left: 10px;
	padding-top: 5px;

  color: #ffffff;
  font-size:1.5em;
  font-weight: bold;
}
.btn-poll-box a
{
  color: #ffffff;  
}

.btn-poll-box-small{
	background: transparent url(/_img/pollsmall.png) 0 0 no-repeat;
	position:absolute;
	left:300px;
	bottom:0;
	width:230px;
	height:77px;
	padding-left: 10px;
	padding-top: 5px;

  color: #ffffff;
  font-size:1.0em;
  font-weight: bold;
}
* .btn-poll-box-small{
	background: transparent url(/_img/pollsmall.gif) 0 0 no-repeat;
	position:absolute;
	left:300px;
	bottom:0;
	width:230px;
	height:77px;
	padding-left: 10px;
	padding-top: 5px;

  color: #ffffff;
  font-size:1.0em;
  font-weight: bold;
}
.btn-poll-box-small a
{
  color: #ffffff;  
}


.btn-aidshilfe{
	background: transparent url(/_img/logo-aidshilfe.png) center center no-repeat;
	position:absolute;
	left:130px;
	bottom:10px;
	width:150px;
	height:61px;
	
}

.btn-aidshilfe-d{
	background: transparent url(/_img/logo-aidshilfe_d.png) center center no-repeat;
	position:absolute;
	left:130px;
	bottom:10px;
	width:150px;
	height:61px;
	
}
.btn-aidshilfe-f{
	background: transparent url(/_img/logo-aidshilfe_f.png) center center no-repeat;
	position:absolute;
	left:130px;
	bottom:10px;
	width:150px;
	height:61px;
	
}
.btn-aidshilfe-i{
	background: transparent url(/_img/logo-aidshilfe_i.png) center center no-repeat;
	position:absolute;
	left:130px;
	bottom:10px;
	width:150px;
	height:61px;
	
}

* html .btn-aidshilfe
{
	background:none;
	background: transparent url(/_img/logo-aidshilfe.gif) center center no-repeat;
}

* html .btn-aidshilfe-d
{
	background:none;
	background: transparent url(/_img/logo-aidshilfe_d.gif) center center no-repeat;
}
* html .btn-aidshilfe-f
{
	background:none;
	background: transparent url(/_img/logo-aidshilfe_f.gif) center center no-repeat;
}
* html .btn-aidshilfe-i
{
	background:none;
	background: transparent url(/_img/logo-aidshilfe_i.gif) center center no-repeat;
}

.btn-aidshilfe a,
.btn-aidshilfe a:visited,
.btn-aidshilfe-d a,
.btn-aidshilfe-d a:visited,
.btn-aidshilfe-f a,
.btn-aidshilfe-f a:visited,
.btn-aidshilfe-i a,
.btn-aidshilfe-i a:visited
{
	display: block;
	text-indent: -20000px;
	width: 150px;
	height: 61px;
	background: transparent url(/_img/trans.gif);
}




.banner-box{	
	float: right;
	padding: 10px 20px 0 10px;
}



/* NAVIGATION CONTENT ---------------------------------------------------- */


.navigation{
	margin: 5px 0;
}

.navigation li{
	margin: 0 0 3px 0;
}
.navigation li a,
.navigation li a:visited{
	color: #3cb5e7;
	text-transform: uppercase;
	font-size:.9em;
	font-weight: bold;
}
.navigation li a:hover{
	color: #3cb5e7;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: underline;
}

.navigation li.active a,
.navigation li.active a:visited{
	color: #006ab3;
}




/* FORMS ------------------------------------------------------ */

form{
	margin: 10px 0 4px 0;	
}

fieldset{
	padding:10px 0 0 0;
	
}

form.login{
	margin: 0 0 4px 0;	
}
form.login fieldset{
	padding:0 0 0 0;
	
}

label{
	text-align:left;
	display:block;
	color:#006ab3;
	font-weight:normal;
	margin:0 0 4px 0;
}

select{
	padding:3px;
	font-size:1em;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#fff;
	border:1px solid #5cc5ed;
	outline:0;
	height:25px;
}

option{
	margin:0 0 0 2px;
}

fieldset.border-round{
	padding:5px 10px 15px 15px;
	border:1px solid #5cc5ed;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	margin: 0 0 10px 0;
}
* html fieldset.border-round{
	padding:10px 10px 15px 15px;
}

fieldset.border-round legend{
	padding:2px 10px 3px 10px;
	border:1px solid #5cc5ed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#006ab3;
	font-weight:bold;
	margin: 0 0 5px 0;
}


form p{
	padding:5px 0 5px 0 ;
	margin:0;
}

input.radio{
	margin:2px 5px 0 0;
}

label.radio{
	margin:0 15px 2px 0;
}

/* custom radiobox ---------- */

input.myradio{
	position:absolute;
	left:-20000px;	
}

label.myradio{
	margin:0 15px 2px 0;
	padding:0 0 0 21px;
	background:transparent url(/_img/myradio_sprite.gif) 1px 1px no-repeat;
	cursor:pointer;
	height:15px;
	line-height:15px;
}
label.selected{
	background:transparent url(/_img/myradio_sprite.gif) 1px -14px no-repeat!important;
}





input,textarea{
	font:normal 1em Verdana, Geneva, sans-serif;	
}

input.text{
	padding:3px;
	margin:0 0 3px 0;
	border:1px solid #006ab3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:95%;
}

textarea.text{
	padding:3px;
	margin:0 0 3px 0;
	border:1px solid #006ab3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width:97%;
}


input.btn{
	margin: 0 auto;
	align:center;
}