@charset 'utf-8';


/* Import CSS
--------------------------------------------------------------------------------*/
@import url(reset.css);


/* Typselektoren (HTML)
--------------------------------------------------------------------------------*/
body {
	height:100.01%;
	margin: 30px;
	color: #FFFFFF;
	background-color:#ffffff;
	background:url(../images/template/background.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height:120%;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	text-shadow:#000000 0 0 0; /* fix for safari (pc & mac) 'too-bold' problem - http://www.männl.info/2008/08/19/css-fuer-safari-bold-font-weniger-fett/ */
}


h1,h2,h3,h4,h5,h6,div,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	text-align:left;
}

img, a img {
	border: 0 none;
}

form {
	display:inline;
}

strong {
	font-weight:bold;
}

sup {
	font-size:70%;
	//font-size:100%;
	line-height:100%;
	vertical-align:text-top;
}

sub {
	font-size:70%;
}

em {
	font-style:italic;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
   margin:0;
   padding:0;
}

ul,
li {
	list-style-type:none;
}

table {
}

caption {
}

th {
}

td {
}

thead {
}

tfoot {
}

tbody {
}

tbody th {
}

tbody td {
}


/* Globale Links
--------------------------------------------------------------------------------*/

a {
	outline:none; /* FF Umrandung */
}

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

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

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

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

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


/* Allgemeine Klassen
--------------------------------------------------------------------------------*/
.nowrap {
	white-space:nowrap;
}

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear { /* Clear Float - http://sonspring.com/journal/clearing-floats */
     clear:both;
     display:block;
     overflow:hidden;
     width:0px;
     height:0px;
}

p.p15 {
   margin-bottom:15px;
}

p.p30 {
   margin-bottom:30px;
}

p.p50 {
   margin-bottom:50px;
}


/* Preload (#pre-1, #pre-2, #pre-3 usw. siehe unten)
--------------------------------------------------------------------------------*/
#preload {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* Wrapper
--------------------------------------------------------------------------------*/
#wrapper {
	width: 922px; /* Wrapper Breite: 964px mit schwarzem Border */
	margin: 0 auto;
	padding: 20px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}


/* Content
--------------------------------------------------------------------------------*/

#content {
	width: 740px; /* Content Breite: 780px */
	float: left;
	background-color: #680000;
	padding: 0 20px 20px 20px;
	background-image: url(../images/template/pornomania_01.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


/* Banner
--------------------------------------------------------------------------------*/

#banner {
	width: 121px; /* Banner Breite: 142px */
	float: right;
	margin: 0 0 0 21px;
}

#banner h4 {
	padding: 0 0 20px 0;
	text-align: center;
	color: #000000;
	font-size: 11px;
}

#banner ul li a img {
	padding: 0 0 10px 0;
}


/* Header
--------------------------------------------------------------------------------*/

#header {
	position: relative;
	height: 85px; /* Header Höhe: 275px */
	padding: 160px 0 30px 0;
}

#header h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 18px 0;
}

#header p {
	font-size: 14px;
}


/* Navigation
--------------------------------------------------------------------------------*/

ul#navigation {
}

ul#navigation li {
	/* display: inline; */
	float:left;
	/* display: block; */
}

ul#navigation li a,
#pre-1 {
	display: block;
	width: 97px;
	margin: 0 8px 0 0;
	padding: 10px;
	font-weight: bold;
	background-image: url(../images/template/nav_bg_off.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #000000;
}

ul#navigation li.last a {
	margin-right: 0;
	width: 95px;
}

ul#navigation li a:hover,
#pre-2 {
	background-image: url(../images/template/nav_bg_on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #680000;
}

ul#navigation li.active a {
	background-image: url(../images/template/nav_bg_on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #680000;
}


/* Anzahl Links
--------------------------------------------------------------------------------*/

#countlinks {
	position: absolute;
	top: 6px;
	left: 0;
	color: #ffff00;
}

/* Home Klick
--------------------------------------------------------------------------------*/

#homeclick {
	position: absolute;
	width: 345px;
	height: 90px;
	top: 10px;
	left: 410px;
	color: #ffff00;
	cursor: pointer;
	cursor: hand;
}


/* Footer
--------------------------------------------------------------------------------*/

p#footer {
	text-align: center;
	padding: 50px 0 10px 0;
}


/* Link Box
--------------------------------------------------------------------------------*/

#linkbox {
width: 710px; /* Link Box Breite: 740px */
/* background-image:url(../images/template/main_box_bg.gif); */
background-color: #8a393a;
border: 1px solid #ffffff;
padding: 15px;
margin: 0 0 30px 0;
}

#linkbox-screenshot {
float: left;
width: 200px;
margin: 0 30px 0 0;
}

#linkbox-screenshot img {
border: 1px solid #000000;
}

#linkbox-screenshot p {
font-size: 10px;
padding-top: 6px;
text-align: center;
}

#linkbox-content {
float: left;
width: 475px;
}

#linkbox-content h1 {
font-size: 18px;
font-weight: bold;
color: #ffff00;
padding: 0 0 17px 0;
}

#linkbox-content p {
font-size: 12px;
padding: 0 0 12px 0;
line-height:120%;
}

#linkbox-content img {
padding: 0 0 14px 0;
}

#linkbox-content ul {
font-size: 11px;
}

#linkbox-content li {
display: inline;
border-right: 1px solid #ffffff;
padding: 0 12px 0 0;
margin: 0 12px 0 0;
}

#linkbox-content li.last {
border-right: 0;
}


/* Werbepartner Start
--------------------------------------------------------------------------------*/

ul#werbepartner-start {
/* list-style-type: none; */
width: 740px;
margin: 0 0 30px 0;
/* border: 1px solid white; */
}

ul#werbepartner-start li {
display: inline;
}

ul#werbepartner-start li a img {
margin: 0 25px 10px 0;
}


/* Werbepartner Detail
--------------------------------------------------------------------------------*/

#werbepartner-detail p {
padding: 50px 0 10px 0;
text-align:center;
}

#werbepartner-detail ul{
/* list-style-type: none; */
width: 468px;
margin: 0 0 25px 121px;
/* border: 1px solid white; */
}

#werbepartner-detail li {
/* display: inline; */
}

#werbepartner-detail li a img {
margin: 0 25px 10px 0;
}


/* Statistik Tabelle
--------------------------------------------------------------------------------*/

#linkbox table {
table-layout:auto;
border-collapse:collapse;
width:710px;
margin-top:25px;
}

#linkbox table th {
background-color:#ffffff;
color:#000000;
font-weight:bold;
padding: 5px;
border-bottom:1px solid #680000;
}

#linkbox table td {
color:#ffffff;
padding: 5px;
border-bottom:1px solid #680000;
}

#linkbox h2 {
font-size:16px;
font-weight:bold;
padding-bottom:5px;
}

#linkbox a.statistiklink {
font-size:14px;
font-weight:bold;
}

