/* CSS-Style für GOTHIC MAGAZINE - magazine for underground culture */



<!--
* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box horizontal zu zentrieren */
font-size:8pt;
font-family:"Trebuchet MS", sans-serif;
color:#FFFFFF;
background-color:#353535;
/*
background-image:url(../hunted/background.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#000000;
padding:180px;
*/
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

/* Schriften */

a {
border:none;
color:#CC0033;
text-decoration:none;
font-family:"Trebuchet MS", sans-serif;
}

a:hover {

color:#CCC;

}

div#nav a {
text-decoration:none !important;
border:none;
}

div#nav a span,strong {
color:#fff;
font-family:"Trebuchet MS", sans-serif;
}

div#nav a:hover {
background-color:#131313;
}

div#nav a:hover strong {
color:#FFCC00;
}

div#nav a span {
font-size:8pt;
}


div#content a {
color:#CC0033;
font-weight:bold;
text-decoration:none;
border:none;
}

div#content a:hover {
color:#CCC;
}

div#content span,strong,p {
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
}

div#magazine span,strong,p {
font-size:8pt;
}

div#content h1,h2,h3,h4 {
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
}

div#content h1 {
font-size:24pt;
}

div#content h3 {
font-size:12pt;
}

div#content h4 {
font-size:13pt;
}

span.special-headline {
position:absolute;
top:12px;
left:140px;
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
font-size:12pt;
font-weight:bold;
}

span.special-info {
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
font-size:8pt;
}

div#footer span, strong {
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
font-size:8pt;
}

div.news {
width:675px;
float:left;
margin-bottom:20px;
}

div.news-headline {
width:100%;
float:left;
border-bottom:1px dotted #CC0033;
}

div.news-text {
width:100%;
display:block;
text-align:justify;
float:left;
}

div.news-text2 {
width:100%;
display:block;
text-align:justify;
float:left;
}

div.news-text img {
margin:5px 5px 0px 5px;
border:2px solid #333333;
}


div.news-headline h4 {
position:relative;
bottom:3px;
margin:0;
margin-left:10px;
padding:0;
float:left;
color:#CC0033;
font-size:12pt;
}

div.news-headline h3 {
position:relative;
bottom:3px;
margin:0;
margin-left:10px;
padding:0;
float:left;
}

div.news-headline h4:hover {
color:#CCC;
}

div.pages {
width:100%;
display:block;
}

div.pages a {
padding: 5px 10px 5px 10px;
font-weight:bold;
background-color:#333333;
color:#FFFFFF;
font-family:"Trebuchet MS", sans-serif;
font-size:8pt;
margin:2px;
}

div.pages a:hover {
background-color:#CC0033;
color:#FFFFFF;
}

div.pages a.active {
background-color:#1b1b1b;
color:#FFFFFF;
}

div#footer a {
color:#CC0033;
font-family:"Trebuchet MS", sans-serif;
font-size:8pt;
text-decoration:none;
}

div#footer a:hover {
color:#ccc;
}

/* DIV-Boxen */

div#container {
width: 950px;
margin: 0px auto;
border: 1px solid #000000;
background-color:#131313;
background-image:url(../images/bg.png);
background-repeat:repeat-y;
}

div#header {
background-image:url(../images/header.gif);
width:100%;
height:96px;
background-repeat:no-repeat;
background-position:left;
}

div#banner {
position:relative;
top:18px;
left:480px;
width:468px;
height:60px;
}

div#sky-ad {
float:left;
margin-top:15px;
position:relative;
border:none;
width:160px;
height:600px;
}

div#sky-ad-2 {
float:left;
border:none;
width:160px;
height:600px;
margin-left:10px;
}

div#nav {
width:100%;
height:25px;
text-align:center;
background-image:url(../images/nav/bg.jpg);
overflow:hidden;
}

div#content {
width:100%;
background-image:url(../images/content.jpg);
padding-top:30px;
background-repeat:no-repeat;
background-color:#2b2b2b;
min-height:470px;
}

div#answers {
margin-top:50px;
}

div#magazine-info {
margin-left:10px;
}

div.magazine-misc {
margin-top:20px;
margin-bottom:20px;
width:100%;
display:block;
background-image:url(../images/limiter.png);
background-repeat:no-repeat;
}

div.search-result {
width:100%;
border-bottom:1px dashed #CC0033;
float:left;
margin-bottom:10px;
}

div.search-result:hover {
background-color:#333333;
}

div.search-result img {
margin:5px;
}

div#magazine {
position:relative;
width:90%;
margin-left:5%;
}

div#magazine-buy {
width:100%;
padding-top:10px;
text-align:center;
}

div#special {
float:left;
position:relative;
padding-left:35px;
width:715px;
text-align:center;
overflow:hidden;
}

div.specialbox {
position:relative;
float:left;
width:350px;
height:315px;
background-image:url(../images/mag_special.png);
}

div.specialbox-mid {
position:relative;
float:left;
width:350px;
height:200px;
background-image:url(../images/mag_special-mid.png);
}

div.specialbox-small {
position:relative;
float:left;
width:350px;
height:120px;
background-image:url(../images/mag_special-small.png);
}

div.special-infobox {
position:absolute;
top:50px;
left:150px;
width:185px;
height:200px;
text-align:left;
}

div.special-infobox2 {
position:absolute;
top:50px;
left:20px;
width:390px;
height:45px;
text-align:justify;
}

div.details-button {
position:absolute;
top:200px;
left:200px;
width:105px;
height:35px;
}

div.details-button-mid {
position:absolute;
top:135px;
left:220px;
width:105px;
height:35px;
}

.newsticker {
width:300px;
background-color:#2b2b2b;
padding:5px;
border-bottom:1px dotted #CC0033;
}

div#footer {
text-align:right;
padding-right:10px;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Listen */

div#nav ul {
list-style-type: none;
margin:0;
padding:0;
}

div#nav li {
float:left;
margin:0;
margin-left:3px;
}

/* Stil-Elemente */

.border {
border:2px solid #333333;
}

.noborder {
border:none;
}

.left {
float:left;
}

.right {
float:right;
}

div.specialbox img {
float:left;
margin-left:20px;
margin-top:50px;
padding:0;
}

div#nav img {
padding:0;
margin:0;
margin-top:0px;
border:0;
border-left:1px solid #222222;
border-right:1px solid #222222;
}

img.details-button-img {
margin:0;
padding:0;
border:none;
}

.magazine-img {
max-width:125px;
}

.reco-img {
max-width:125px;
max-height:125px;
}

/* Roll Down Menü */
#roll-bib {
display:none;
}


#roll-bib:hover {
position:relative;
z-index:999;
width:300px;
height:300px;
background-color:#1b1b1b;
color:#FFFFFF;
}


/* Formulare */

div.specialbox-small input, select, button {
background-color:#000;
background-image:url(../images/nav/bg.jpg);
background-repeat:repeat-x;
background-position:center;
border:1px solid #000000;
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
padding:3px;
}


input, select, button {
background-color:#000;
background-image:url(../images/nav/bg.jpg);
background-repeat:repeat-x;
border:1px solid #000000;
font-size:large;
color:#FFFFFF;
}

textarea {
background-color:#000;
background-repeat:repeat-x;
border:1px solid #000000;
font-size:8pt;
color:#FFFFFF;
}

/* E-ZINE */

div.ezine-box {
margin-top:10px;
margin-bottom:10px;
margin-left:50px;
margin-right:50px;
float:left;
width:320px;
height:400px;
}

/* AUTOCOMPLETER */

.ac_results {
	padding: 0px;
	border: 1px solid #CC0033;
	background-color: #1b1b1b;
	overflow: hidden;
	z-index: 99999;
	color:#FFFFFF;
	font-family:"Trebuchet MS", sans-serif;

}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size:8pt;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: #1b1b1b url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #333;
}

.ac_over {
	background-color: #CC0033;
	color: white;
}


/**** Seitenzähler NEU ****/
ul#pagination {
margin:0;
padding:0;
}

ul#pagination li {
list-style:none;
float:left;
margin:3px;
}

ul#pagination li a {
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
background-color: #1b1b1b;
border:2px solid #333;
font-weight:bold;
}

ul#pagination li span {
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
background-color: #1b1b1b;
border: 2px solid #333;
}

ul#pagination li#leader span {
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
background:none;
border:none;
color:#FFFFFF;
font-weight:bold;
}

.captcha input {
color:#FFFFFF;
}
-->