/* general styles */
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
html {
background: url(../img/filler.jpg) top left repeat;
}
body {
background: url(../img/hg.jpg) top left repeat-x;
}
* {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
img, a img {
border: 0px;
}
a, a:link, a:active, a:visited {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}

/* Seitenaufbau */

.container {
width: 990px;
margin: 0px auto;
background: #fff;
position:relative;
}
.header {
height: 191px;
margin-bottom:5px;
background:url(../img/header.jpg) no-repeat;
}
#flash_header {
z-index: 1;
}
#headertext {
z-index: 2;
color: #fff;
font-size:18px;
display:block;
width:315px;
height:30px;
font-weight:bold;
position:absolute;
text-align:right;
top: 166px;
left: 0px;
text-transform:uppercase;
}
.sidebar {
width: 170px;
float:left;
background: url(../img/sidebar_bg.jpg);
}

/* Navigation + Sidebar */

.navigation {
border-bottom: 1px solid #d7d7d7;
background: #c3c3c3;
}
.navigation ul, .navigation ul li {
padding:0px;
margin:0px;
list-style-type:none;
}
.navigation a:link, .navigation a:visited, .navigation a:active  {
display:block;
height: 28px;
background: url(../img/nav_bg.jpg);
border-bottom: 1px solid #a7a7a7;

line-height:28px;
font-weight:bold;
font-size:14px;
color: #5a5a5a;
text-indent:10px;
text-decoration:none;
}
.navigation a:hover {
background:url(../img/nav_active.jpg);
border-color:#9D0B00;
color:#fff;
text-decoration:none;
}
.navigation a.home:link, .navigation a.home:visited, .navigation a.home:active {
background: url(../img/nav_home.jpg) !important;
}
.navigation a.home:hover {
background: url(../img/nav_active.jpg) !important;
color:#fff !important;
border-bottom: 1px solid #9D0B00;
border-color:#9D0B00;
}
.navigation a.active {
background: url(../img/nav_active.jpg) !important;
color:#fff !important;
border:none !important;
}


/* CONTENT */

.content {
padding-left:175px;
background: url(../img/sidebar_bg.jpg) left top repeat-y;
}
.imgbox {
margin-top:5px;
}
.small {
width: 267px;
float:left;
margin-right: 4px;
margin-bottom:4px;
}
.text {
background:url(../img/small_bg.jpg);
padding: 0 5px;
}
.more {
text-align:right;
display:block;
color:#f90000;
}
.noborder {
margin-right:0px;
}

/* HOME */
#home .big {
position:relative;
width: 810px;
height: 318px;
margin:0px;
}
#home .big p {
position:absolute;
top: 210px;
left:190px;
font-weight:bold;
font-size:14px;
width:510px;
height:45px;
}
#home .big .button {
display:block;
cursor:pointer;
width:130px;
height:30px;
position:relative;
top:235px;
left:410px;
}

/* regular content */
#gangbang .big, #erotikmessen .big, #highlights .big, #swinger .big, #private_reality .big, #fotoclub .big, #login .big, #bonus .big {
height: 184px;
margin:0px;
position:relative;
}
#gangbang .big p, #erotikmessen .big p {
position:absolute;
top: 70px;
left: 108px;
font-weight:bold;
font-size:14px;
width:610px;
height:50px;
}
#highlights .big p {
position:absolute;
top: 68px;
left: 163px;
font-weight:bold;
font-size:14px;
width:587px;
height:63px;
}
#swinger .big p {
position:absolute;
top: 62px;
left: 216px;
font-weight:bold;
font-size:14px;
width:568px;
height:70px;
}
#private_reality .big p {
position:absolute;
top: 62px;
left: 292px;
font-weight:bold;
font-size:14px;
width:484px;
height:70px;
}
#fotoclub .big p {
position:absolute;
top: 66px;
left: 304px;
font-weight:bold;
font-size:14px;
width:484px;
height:67px;
}
#bonus .big p {
position:absolute;
top: 68px;
left: 110px;
font-weight:bold;
font-size:14px;
width:673px;
height:67px;
}
#login .big p {
position:absolute;
top: 66px;
left: 362px;
font-weight:bold;
font-size:14px;
width:430px;
height:78px;
}

/* LOGIN */
#login .small {
width: 395px;
float:left;
margin-right: 4px;
margin-bottom:4px;
}

/* BONUS - VIDEO */
.bonusitem {
width:810px;
position:relative;
margin-bottom:5px;
}
#bonus .video {
background:url(../img/bonus/videobg.gif) top right no-repeat #eaeaea;
height:850px;
margin-top: 5px;
}
#bonus .bilder {
background:url(../img/bonus/bilderbg.jpg) top right no-repeat #c7c7c7;
height:580px;
}
#bonus .livecam {
background:url(../img/bonus/livecambg.jpg) top right no-repeat #eaeaea;
height: 630px;
}
.bonusitem .videoframe {
width: 640px;
height: 480px;
top:110px;
left:85px;
position: relative;
text-align:center;
}
.bonusitem .description {
position:absolute;
left: 0px;
top:650px;
}
.bilder .description {
top:360px;
}
.livecam .description {
top:430px;
}
.bonusitem .text {
background:none;
width: 435px;
font-size:14px;
padding-left:34px;
}
.bonusitem .features {
float: right;
width: 250px;
}
.bonusitem .features ul {
padding:0;
margin:0px 0px 0px 20px;
}
.bonusitem .features li {
font-weight: bold;
font-size:15px;
color: #4b4b4b;
margin-bottom:7px;
}


/* BLOG */

.blog .date, .blog .morelinks, .blog .listheadline {
	background-color: #d3d3d3;
	height: 25px;
	line-height: 25px;
	padding: 0px 10px;
}
.blog .listheadline {
	background: url(../img/blog/hg_verlauf_blog.gif) left bottom repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	width: 177px;
}
.blog .morelinks a {
	text-decoration: none;
	margin-right: 20px;
}
.blog .bild {
	background-color: #FFFFFF;
	padding: 5px;
	width: 191px;
}
.blog .text {
	background-color: #f9f9f9;
	background-image:none;
	width: 375px;
	padding: 20px 15px;
}
.blog .scrollable {
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
}
.blog .text .headline {
	font-weight: bold;
	font-size: 24px;
	margin-top: 0px;
	padding-top: 0px;
}
.blog .text .shorttext {
	font-weight: bold;
	font-size: 16px;
}
.blog .text .longtext {
	font-size: 14px;
}
.blog .bild .imgcontainer {
	width: 190px;
	overflow: hidden;
	margin-bottom: 15px;
}
.blog .bild a {
	display: block;
	text-decoration: none;
	margin: 10px 10px;
}
.blog .listview {
	background-color: #f2f2f2;
	border: 1px solid #bebebe;
	border-top: 0px;
}
.blogview, .bloghg {
	background-color: #f2f2f2;
}
.bloghg {
	background-image: none;
}
.blogview .item {
	padding: 5px;
	width: 167px;
}
.blogview .item .fr {
	font-size: 11px;
}
.blogview .item .headline {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px;
}
.blogview .item .ar a {
	color: #FF0000;
	font-size: 11px;
	margin-top: 10px;
	text-decoration: none;
}
.blogview .color {
	background-color: #d9d9d9;
}
.blogview .item .imgsmall img {
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #939393;
}

/* Login */

#login table {
padding-top:5px;
padding-bottom:5px;
}


/* footer */
.footer {
height:30px;
background:url(../img/footer.jpg);
line-height:30px;
text-align:right;
padding-right:10px;
}

/* no javascript */
.nojava_header {
color:#fff;
font-weight:bold;
font-size:16px;
display:block;

width:320px;
height:70px;

position:absolute;
top:40px;
left:340px;
}

.noflash_header {
color:#fff;
font-weight:bold;
font-size:16px;
display:block;

width:340px;
height:70px;

position:absolute;
top:120px;
left:340px;
}
.noflash_header a {
color:#fff;
font-weight:bold;
font-size:16px;
}
.login_header {
position:absolute;
z-index:3;
}