/* DEFAULT ------------------------------------------------------- */

html,body{
	width:100%; height:100%;
	margin:0; padding:0;
	background:#000;
}

body{
	font-family: "arial","helvetica",  sans-serif;
	font-size:12px;
}


h1{
	padding:0;
	margin:-3px 0px 0px -1px;
	text-transform:uppercase;
	color:#8f918c;
	font-size:20px;
	font-weight:bold;
}
h2,h3,h4{
	padding:0;
	margin:0px;
	font-weight:bold;
}
h2{
	font-size:20px;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;
}

h5{
	font-size:14px;
}

a{
	color:#8f918c;
}

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

}

.clear{
    clear: both;
	height:0px;
	font-size:0px;
overflow:hidden;
    padding-bottom: 1px;	/* for Gecko-based browsers */
    margin-bottom: -1px;	/* for Gecko-based browsers */
}


/* DEFAULT ------------------------------------------------------- */
#bgwrapper{
	width:950px;
	height:560px;
	background-repeat:no-repeat;
	margin:auto auto;
}

#contentwrapper{
	width:845px;
	height:440px;
	margin:60px 45px 60px 60px;
	position:absolute;
}

#menu{
	height:415px;
	width:162px;
	padding:0px 0px 25px 0px;
	background-color:#fff;
	float:left;
}

div#logo{
	height:78px;
}
div#logo a img{
	border-style:none;
}
	
div#menupadder{
	padding:0px 25px 0px 25px;
}

#quote { /*for IE*/
	float:left;
	overflow-x: hidden;
	width:114px;
	height:136px;
	background:#8f918c url(img/site/quote_bg.jpg) no-repeat top left;
	position:relative;
}
#quote table { /*for IE*/
	width:114px;
	height:136px;
}

#quote div.quotecontent{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding:0px 4px 0px 4px;

}


#menu div.quote span{
	color:#000;
	font-size:11px;
	display:block;
	padding-bottom:4px;
}


div#content{
	height:392px;
	width:608px;
	padding:24px 39px 24px 24px;
	background-image:url(img/site/content_bg.gif);
	background-repeat:repeat-y;
	float:right;
	overflow-x:hidden;
	overflow-y:auto;
}

div#heightspacer{
	width:1px;
	height:392px;
	float:left;
}

div#content div.twocol{
	background-image:url(img/site/twocol_bg.gif);
	margin:0;padding:0;
	width:610px;
	height:392px;
}
div#content  div.threecol{
	background-image:url(img/site/threecol_bg.gif);
	margin:0;padding:0;
	height:392px;
	width:610px;
	
}

div#leftercol{
	width:88px;
	float:left;
	padding-right:12px;
}
div#content div#centercol{
	float:left;
	height:392px;
	
}

div#content div.threecol div#centercol{
	margin:0;
	height:392px;
	padding: 0px 12px 0px 12px;
	width:359px;
}

div#content div.twocol div#centercol{
	padding: 0px 13px 0px 0px;
	width:469px;
}

div#rightercol{
	width:114px;
	float:right;
	padding-left:12px;
}
div#rightercol img{
	border:0px;
	padding:0;margin-bottom:8px;
}

div#rightercol  img.last{
	border:0px;
	padding:0;margin-bottom:0px;
}

/* HOMEPAGE ------------------------------------------------------ */
div.cover{
	padding:0;margin:0;
	float:right;
	height:392px;
	width:302px;
	background:#fff;
	
	overflow:hidden;
	text-align:right;
	
}
div.cover img{
	padding:0;margin:0;
	border: 1px solid #000;
}

#floating_title { /*for IE*/
	float:left;
	width:167px;
	height:392px;
	position:relative;
}
#floating_title div.covertext{ /*for IE*/
	width:149px;
	height:299px;
	padding-bottom:10px;
}

div.covertext{
/*	height:360px;*/
	font-weight:bold;
}

div.title span{
	color:#3e69b2;
}

.backissues{
	text-align:right;
	width:157px;
	padding-right:10px;
	font-size:12px;
	padding-bottom:2px;
	color:#8F918C;
	font-weight:bold;
}

div.yourmagazine{
	height:32px;
	font-size:14px;
	padding:0;
	font-weight:bold;
	z-index:999;
	padding:0;margin:3px 0px -3px 0px;
}

div.splash_queer_culture{
	height:33px;
	font-size:14px;
	padding:0;
	font-weight:bold;
	z-index:999;
	padding:0;margin:2px 0px -3px 0px;
}

img.prevcover{
	float:left;padding-right:4px;
	border-style:none !important;
}
img.prevcover-last{
	padding-right:0px !important;
}



/* SUBMENU ------------------------------------------------------ */
div#leftercol h3{
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	font-size:11px;
	display:block;
	border-bottom:1px solid #000;
	padding:0 0 6px 0;
	width:88px;
	margin-bottom:6px;
}
div#leftercol div.menu{
	height:350px;
}
div#leftercol ul { /* remove bullets and list indents */
	list-style: none;
	width:100%;
	margin: 0;
	padding: 0;
	width:88px;
}
div#leftercol a { /* remove bullets and list indents */
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
div#leftercol a:hover,div#leftercol ul li.selected a{
	color:#000;
}

/* FORMULIEREN ------------------------------------------------------ */
div.form {
	background-color:#8f918c;
	padding: 15px 20px 15px 20px;
}

div.form a,div.form a:visited{
	color:#000 !important;
	text-decoration:underline !important;
}

div.step1{
	height:263px;overflow:hidden
}

div.step2{
	height:239px;
}

div.step3{
	height:310px;
}

div.step4{
	height:310px
}


form {
	padding: 0;
	display:inline;
}

form div.required,form div.optional,form div.submit, form div.input{
	clear: both;
	vertical-align: text-top;
	margin-bottom:12px;
	height:16px;
}

form div.submit {
	border: 0;
	clear: both;
}

label {
	display: block;
	float:left;
	width:85px;
	padding-right: 10px;
	line-height:16px;
}

form div.radio label{
	padding-left:8px;
}

input, textarea,div.radiooptions,div.radio{
	display: block;
	font-family: "arial","helvetica",  sans-serif;
	font-size:12px;
	width:320px;
	line-height:16px;
	padding:0px;
	height:16px;
	float:left;
	border-style:none;
}
div.radiodiv{
	height:auto !important;
}


div.radiooptions{
	height:auto !important;
}

div.radio{
	margin-bottom:8px;
}

textarea{
	height:170px;
}
input[type=hidden]{
	border:0px;
	width:0px;height:0px;
}
input.hidden{
	border:0px;
	width:0px;height:0px;
}

div.submit input{
	text-transform:uppercase;
	font-weight:normal;
	font-size:11px;
	height:16px;
	line-height:16px;
	padding:0;margin:0;
	width:75px;
	padding-bottom:1px;
	text-align:center;
	background-color:#000;
	color:#fff;
	cursor:hand;
}

div.submit input.disabled{
	background-color:#a2a2a2;
}

input.checkbox {
	float: left;
	width:16px;
	height:16px;
	border-style:none;
	padding:0;margin:0;
}

input.radio {
	float: left;
	width:16px;
	height:16px;
	padding:0;margin:0;
	margin-left:-1px;
}
div.subscribers div.radio{
	width:430px;
	padding:0px;
	height:auto;
}

div.subscribers div.radio label{
	width:390px;
	line-height:12px;
	display:block;
}
div.subscribers div.radio p{
	padding:0;
	margin-top:2px;
}
div.subscribers div.radio span.title{
	font-weight:bold;
}

div.subscribers div.submit input{
	width:105px;
}
div.step2 div.radiooptions,div.step3 div.radiooptions{
	width:130px;
}
div.step2 div.radio,div.step3 div.radio{
	width:52px;
	float:left;
}
div.contactform div.radio {
width:140px;
float:left;
} 

div.contactform textarea{	
	height:130px;
}

div.subscribers label.checkboxlabel{
	width:380px;
}
div.error-message{
	color:#8ecfea;
	font-weight:bold;
	float:left;
	padding-left:3px;
	width:10px;
}

input.form-error,textarea.form-error{
	/*border: 1px solid #8ecfea;*/
}

div#leftercol input.search{
	background-color:#000;
	color:#fff;
	width:82px;
	font-weight:normal;
	font-size:12px;
	padding:3px 4px 2px 4px;
}
div#leftercol div.submit{
	width:90px;
	margin:0px;
	padding:0px;
	text-align:right;
}

div#leftercol div.submit input{
	width:90px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	background-color:#fff;
	color:#8f918c;
}

dl {
	line-height: 13px;
	margin: 0em 0em;
	
}
dt {
	font-weight: normal;
	padding-left: 0px;
	vertical-align: top;
}
dd {
	margin-left: 110px;
	margin-top: -13px;
	vertical-align: top;
	color:#fff;
}

div.searchresults{
	padding:0;margin:0;
	height:378px;
}





div.searchresults div.article{
	height:54px;
	width:332px;
	padding:9px 12px 9px 12px;
}

div.searchresults div.articleeven{
	background-color:#e0e0de
}

div.searchresults div.article img{
	float:left;
	border-style:none;
}
div.searchresults div.article div.summary{
	padding-left:12px;
	float:left;
	width:267px;
	height:42px;
}
div.searchresults div.article div.summary h3{
	padding:0px;
	margin:0px;
	font-size:11px;
	text-transform:uppercase;
}

div.searchresults div.article a.readmore{
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	display:block;
	color:#000;
	float:right;
}

div#mailingleft{
	width:88px;
	float:left;
	height:343px;
	padding-right:12px;
}

div#mailingitems{
	padding:0;margin:0;
	height:343px;
	padding-left:12px;
	width:357px;
	float:left;
	width:
}

div#mailingitems h2{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}

div#mailingitems h3{
	font-size:11px;
	color:#8f918c;
	margin:0;padding:0;
	
	text-transform:uppercase;
}

div#mailingitems p{
	margin:0;
	padding:0;
}
div#mailingitems hr{
	height:1px;
	padding:0;margin:5px 0px 5px 0px;
	border-style:none;
	border-bottom:1px solid #000;
}
	
img.mailingimage {
	padding:0;margin:0;
}
img.mailingimagefirst{
	margin-top:0px;
}
div.subscript{
	font-size:11px;
	margin:0;
	padding:0;
	line-height:13px;
	height:13px;
	text-align: top;
	padding-bottom:6px;
}

div.mwprices{
	padding:0;margin:0;
	height:360px;
}

div.mwprices div.mwprice{
	height:64px;
	width:445px;
	padding:9px 12px 9px 12px;
}

div.mwprices div.mwpriceeven{
	background-color:#e0e0de
}

div.mwprices div.mwprice img{
	float:left;
	border-style:none;
}
div.mwprices div.mwprice div.summary{
	padding-left:12px;
	float:left;
	height:53px;
	width:369px;
}
div.mwprices div.mwprice div.summary h3{
	padding:0px;
	margin:0px;
	font-size:14px;
	text-transform:uppercase;
}

div.mwprices div.mwprice  a.readmore{
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	color:#000;
	float:right;
	display:block;
}





div.paginate{
	width:344px;
	margin:0;
	padding:0px 12px 0px 12px;
}
div.paginate div.line{
	color: #000;
	background-color: #000;
	height: 1px;
	padding:0;margin:0px 0px 2px 0px;
}
div.paginate a{
padding:0;margin:0;	
}

div.paginate div.prevdisabled{
	float:left;
	height:5px;
	padding-right:8px;
	color:#fff;
}

div.paginate a.prevenabled{
	text-decoration:none;
	padding-right:8px;
}
 div.paginate a.nextenabled{
	padding-left:8px;
	text-decoration:none;
}

div.paginate div.nextdisabled{
	float:left;
	padding-left:8px;
		height:5px;
	color:#fff;
}


div.article{
	padding:0;margin:0;
	height:382px;
}
div.article div.category{
	color:#8f918c;
	padding:0;margin:0;
	text-transform:uppercase;
}
div.article div.credits{
	color:#8f918c;
	margin-top:4px;
	margin-bottom:10px;
}

div.download{
	color:#8f918c;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
}

div.download div.back{
	float:left;
}
div.download div.downloadlink{
	float:right;
}

div.photos{
	padding:0;margin:0;
	padding-left:12px;
	height:378px;
}	

div.photos div.photo{
	width:77px;
	height:77px;
	float:left;
	margin-right:12px;
	margin-bottom:24px;
	border-style:none;
}

div.photos div.last{
	margin-right:0px;
}
div.photos div.lastline{
	margin-bottom:0px;
}

input.file{
	border:0px;
	width:402px;height:20px;
		border-style:none;
}