/* PAP main stylesheet */

/* global stuff */
BODY {
color: #333;
background-color: #222222;
font-family: Tahoma, sans-serif;
font-size: 11px;
}

A {
color: #B90707;
}

H1, H2, H3, H4 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
    
H1 {
font-size: 30px;
color: #B90707;
padding: 10px 10px 10px 180px;
font-weight: normal;
margin: 0 10px 10px 10px;
border-bottom: 3px double #CCC;
background-image: url(as.gif);
background-repeat: no-repeat;
background-position: left -1px;
}

H1 A {
color: #B90707;
text-decoration: none;
}

H2 {
font-size: 22px;
font-weight: normal;
border-bottom: 1px dashed #CCC;
padding: 10px;
color:#FFFFFF
}

H2 SPAN.smaller {
font-size: 16px;
}

H3 { 
font-size: 14px;
}

/* main definitions */
#container {
width: 1000px;
margin: 10px auto 10px auto;
}

#mainpage {
width: 780px;
margin: 0 0 0 10px;
float: left;
}

/* IE */
*HTML  #mainpage {
margin: 0 0 0 5px;
}

#footer {
margin: 10px 0 0 0;
padding: 5px;
text-align: center;
background-color: #555555;
width: 770px;
line-height: 15px;
color:#FFFFFF;  
}

#footer A {
color: #FFF;
}

#sidebar {
width: 180px;
margin: 0 0 0 810px;
padding: 45px 0 0 0;
}

#sidebar H2 {
font-size: 16px;
color: #B90707;
font-weight: bold;
border: none;
border-bottom: 3px double #CCC;
padding: 5px 0;
margin: 0 0 10px 0;
}


#geldverdienen_teaser, #tag_cloud, #linklist {
background-color: #FFF;
border: 1px solid #CCC;
padding: 10px;
margin: 0 0 10px 0;
}

#geldverdienen_teaser {
background-image: url(money_amateur_teaser.jpg);
background-repeat: no-repeat;
background-position: right 45px;
height: 210px;
font-size: 12px;
line-height: 14px;
}

#geldverdienen_teaser A {
text-decoration: none;
color: #333;
display: block;
height: 100%;
}

#geldverdienen_teaser A:Hover {
text-decoration: underline;
}

#linklist UL LI {
padding: 4px 0;
}

#amateure_online {
text-align: center;
background-color: #FFF;
border: 1px solid #CCC;
margin: 0 0 10px 0;
}


#sidebar H2.amateure_online {
background-image: url(online.gif);
background-repeat: no-repeat;
background-position: right center;
}

#amateure_online DIV.amateur {
border-bottom: 1px dashed #CCCCCC;
padding: 5px 0 5px 0;
}

#amateure_online DIV.amateur_last {
border-bottom: none;
}

#amateure_online DIV.amateur IMG {
padding: 2px;
background-color: #FFF;
border: 1px solid #AAA;
}

#amateure_online DIV.amateur A:Hover IMG {
border: 1px solid #B90707;
}

#amateure_online DIV.amateur H3 {
font-size: 14px;
margin: 0 0 3px 0;
}

#amateure_online A.all {
display: block;
width: auto;
margin: 10px 0 0 0;
background-color: #B90707;
color: #FFF;
padding: 5px;
}

#content {
border: 2px solid #CCC;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #444444;
}

#navigation {
padding: 10px 0 0 30px;
background-color: #222222;
}

#navigation UL LI {
float: left;
margin: 2px 20px 0 2px;
font-size: 14px;
display: block;
background-color: #555555;
padding: 10px 10px 10px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-bottom: 2px solid #CCC;
font-family: "Trebuchet MS", Tahoma, sans-serif;
opacity: 0.6;
top: 2px;
position: relative;
}

#navigation UL LI.active {
margin-top: 0px;
margin-left: 0px;
margin-right: 18px;
border-left: 2px solid #CCC;
border-right: 2px solid #CCC;
border-top: 2px solid #CCC;
border-bottom: 2px solid #FFF;
opacity: 1.0;
}

#navigation UL LI:Hover {
opacity: 1.0;
}

#navigation UL LI.active A {
text-decoration: none;
}

#navigation UL LI.registrieren {
padding: 10px 10px 10px 30px;
background-repeat: no-repeat;
background-position: 8px center;
background-image: url(registrieren.gif);
}

#welcometext {
padding: 10px;
font-size: 13px;
color:#FFFFFF;
}

#amateur_overview {
padding: 10px 0;
}

#amateur_overview A.amateur {
display: block;
width: 220px;
height: 200px;
background-position: center center;
background-repeat: no-repeat;
float: left;
margin: 0 15px 20px 15px;
position: relative;
color: #FF5555;
text-decoration: none;
border: 2px solid #AAA;
padding: 2px;
}

#amateur_overview A.amateur:Hover {
color: #FF5555;
border: 2px solid #B90707;
}

#amateur_overview A.amateur IMG.onlineimage {
position: absolute;
right: 2px;
}

#amateur_overview A.amateur SPAN.userdetails {
position: absolute;
width: 210px;
display: block;
left: 2px;
padding: 5px;
background-image: url(50bg.png);
bottom: 2px;
font-size: 17px;
text-align: center;
}

/* IE */
*HTML #amateur_overview A.amateur {
margin: 0 12px 20px 12px;
}
*HTML #amateur_overview A.amateur SPAN.userdetails {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='theme/50bg.png'); background: none; overflow: hidden;
}

#amateur_overview A.amateur SPAN.userdetails SPAN.uservideos {
font-size: 11px;
display: none;
color: #FFF;
line-height: 14px;
}

#amateur_overview A.amateur SPAN.userdetails SPAN.uservideos_head {
display: block;
width: 210px;
font-size: 14px;
text-align: center;
padding: 0 0 3px 0;
color: #CCC;
}

#amateur_overview A.amateur SPAN.userdetails LI {
text-align: center;
text-transform: uppercase;
}

#amateur_overview SPAN.livecam {
display: block;
padding: 3px 4px;
float: right;
background-color: #10A600;
color: #FFF;
font-weight: bold;
font-size: 12px;
opacity: 0.8;
}


#categories {
padding: 10px 0;
}

#categories P { 
padding: 0 10px 10px 10px;
line-height: 20px;
}

#categories DIV.categories_column {
width: 24.9%; /* for IE; */
float: left;
font-size: 13px;
}

#categories H3 {
font-size: 14px;
border-bottom: 1px dashed #CCC;
margin: 0 0 3px 0;
padding: 0 0 2px 10px;
color:#FFFFFF;
}

#impressum {
padding: 10px;
}

#geldverdienen {
padding: 0 0 5px 0;
}


#moneyamateur, #moneywm {
padding: 10px;
background-image: url(money_amateur.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 296px;
margin: 0 0 10px 0;
}

#moneywm {
background-image: url(money_wm.jpg);
background-position: right 40px;
margin: 0 20px 0 0;
}

#geldverdienen DIV.intro {
font-size: 12px;
line-height: 20px;
margin: 0 0 30px 0;
}

#geldverdienen H3 {
margin: 0 0 25px 0;
}

#geldverdienen #moneywm DIV.intro {
padding: 0 0 40px 0;
}

#moneywm H3 {
margin: 0 0 20px 0;
}

#geldverdienen UL {
margin: 0 0 30px 0;
}

#geldverdienen UL LI {
color: #CB1E1F;
font-size: 15px;
line-height: 32px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 40px;
}

#geldverdienen #moneywm UL {
margin-left:  40px;
}

#geldverdienen #moneywm UL LI {
color: #006A8E;
list-style-type: circle;
padding: 0;
}

#geldverdienen UL LI A {
color: #CB1E1F;
text-decoration: none;
}

#geldverdienen #moneywm UL LI A {
color: #006A8E;
}

#geldverdienen #moneyamateur UL LI.l1 { background-image: url(step1.gif); }
#geldverdienen #moneyamateur UL LI.l2 { background-image: url(step2.gif); }
#geldverdienen #moneyamateur UL LI.l3 { background-image: url(step3.gif); }

#moneyamateur A.reglink, #moneywm A.reglink {
background-color: #CB1E1F;
color: #FFF;
padding: 10px;
margin: 0 0 0 80px;
font-size: 18px;
-moz-border-radius: 8px;
}

#moneywm A.reglink {
margin: 0 0 0 60px;
background-color: #006A8E;
color: #FFF;
}

#filter {
padding: 10px 10px 6px 10px;
border-bottom: 1px dashed #CCC;
}

#filter UL LI {
float: left;
display: block;
width: 150px;
}

#filter UL.labels LI {
font-size: 14px;
font-family: "Trebuchet MS", Tahoma, sans-serif;
color: #B90707;
font-weight: bold;
padding: 0 0 3px 0;
}

#filter UL LI.plz {
width: 100px;
}

#filter SELECT {
border: 1px solid #CCC;
background-color: #FFF;
padding: 1px;
}

#filter SELECT.country OPTION {
background-repeat: no-repeat;
background-position: 2px center;
padding-left: 25px;
}

#filter SELECT.country OPTION.de  { background-image: url(de.gif); }
#filter SELECT.country OPTION.at  { background-image: url(at.gif); }
#filter SELECT.country OPTION.ch  { background-image: url(ch.gif); background-position: 4px center; }

#filter INPUT.submit {
border: 1px outset #CCC;
padding: 6px;
color: #B90707;
font-weight: bold;
background-color: #EFEFEF;
width: 150px;
position: relative;
top: -4px;
cursor: pointer
}

#filter INPUT.submit:focus {
border: 1px inset #CCC;
}

#category_videos {
padding: 10px 0 0 0;
}

#category_videos  H3 {
border-bottom: 1px dashed #CCC;
margin: 0 0 10px 0;
padding: 0 0 2px 10px;
}

#category_videos DIV.video H4 {
border-bottom: 1px dashed #CCC;
margin: 0 0 3px 0;
padding: 0 0 2px 10px;
}

#category_videos DIV.video P { 
padding: 0 10px 10px 10px;
line-height: 18px;
}

DIV.pagination {
font-size: 13px;
text-align: center;
border-top: 1px dashed #CCC;
padding: 5px 0 5px 0;
}

DIV.pagination A, DIV.pagination SPAN {
padding: 0 15px;
}

#userdetails {
padding: 10px 0;
}

#userdetails DIV.details { 
padding: 0 10px;
margin: 0 0 10px 0;
border-bottom: 1px solid #FFF; /* IE */
}

#userdetails #aboutme {
font-size: 13px;
line-height: 16px;
font-family: "Trebuchet MS", Tahoma, sans-serif;
padding: 0 10px;
margin: 0 0 15px 0;
}

#userdetails DIV.details DIV.attributes {
margin: 0 0 0 250px;
}

#userdetails DIV.details IMG.onlineimage {
position: absolute;
right: 2px;
}

#userdetails DIV.details A.profileimage {
display: block;
width: 220px;
height: 200px;
float: left;
padding: 2px;
background-color: #FFF;
border: 2px solid #AAA;
background-position: center;
background-repeat: no-repeat;
position: relative;
}

#userdetails DIV.details IMG.profileimage:Hover {
border: 2px solid #B90707;
}

#userdetails H3 {
margin: 0 0 10px 0;
padding: 0 0 10px 10px;
font-size: 20px;
font-weight: normal;
border-bottom: 1px dashed #CCC;
}

#userdetails DIV.videos DIV.video, #userdetails DIV.galleries DIV.gallery {
float: left;
width: 350px;
padding: 0 0 20px 34px;
}

#userdetails DIV.videos DIV.videoleft2, #userdetails DIV.galleries DIV.galleryleft {
border-right: 2px solid #CCC;
position: relative;
right: -2px;
}

#userdetails DIV.videos DIV.videoright2, #userdetails DIV.galleries DIV.galleryright {
border-left: 2px solid #CCC;
}

#userdetails DIV.videos A.video, #userdetails DIV.galleries A.gallery {
display: block;
width: 310px;
height: 250px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
color: #FFF;
text-decoration: none;
border: 2px solid #333;
background-color: #EFEFEF;
}

#userdetails DIV.details DIV.attributes TABLE.attributes {
margin: 4px 0 0 0;
}

#userdetails DIV.details DIV.attributes TABLE.attributes TD {
width: 108px;
padding: 8px;
}

#userdetails DIV.details DIV.attributes TABLE.attributes TD.head {
font-weight: bold;
}

#userdetails DIV.details DIV.attributes TABLE.attributes TR.line1 TD { background-color: #EFEFEF; }
#userdetails DIV.details DIV.attributes TABLE.attributes TR.line2 TD { background-color: #F9F9F9; }


#userdetails DIV.galleries A.gallery {
width: 240px;
margin-left: 35px;
height: 160px;
}

#userdetails DIV.videos A.video:Hover, #userdetails DIV.galleries A.gallery:Hover {
color: #FF5555;
border: 2px solid #B90707;
}

#userdetails SPAN.videodetails, #userdetails SPAN.gallerydetails {
position: absolute;
width: 300px;
display: block;
left: 0;
padding: 5px;
background-image: url(50bg.png);
}

#userdetails DIV.galleries A.gallery SPAN.gallerydetails {
width: 230px;
}

/* IE */
*HTML #userdetails SPAN.videodetails, *HTML #userdetails SPAN.gallerydetails {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../theme/50bg.png'); background: none; overflow: hidden;
}

#userdetails DIV.videos A.video SPAN.videodetails, #userdetails DIV.galleries A.gallery SPAN.gallerydetails {
bottom: 0;
font-size: 17px;
text-align: center;
}

#userdetails DIV.videos DIV.video DIV.description, #userdetails DIV.galleries DIV.gallery DIV.description {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 300px;
margin: 10px 0 0 0;
background-color: #EFEFEF;
padding: 8px;
line-height: 14px;
}

#userdetails DIV.galleries DIV.gallery DIV.description {
width: 226px;
margin-left: 35px;
}

#userdetails SPAN.niceline {
display: block;
width: 300px;
font-size: 1px;
height: 1px;
border-bottom: 1px dashed #B90707;
margin: 5px 0 25px 0;
}

#registrieren {
padding: 10px 0;
}

#registrieren DIV.details {
padding: 0 10px;
float: left;
}

#registrieren DIV.details A.profileimage {
display: block;
width: 220px;
height: 200px;
float: left;
padding: 2px;
background-color: #FFF;
border: 2px solid #B90707;;
background-position: center;
background-repeat: no-repeat;
position: relative;
}

#registrieren DIV.details A.profileimage SPAN.userdetails {
color: #FF5555;;
position: absolute;
width: 210px;
display: block;
left: 2px;
padding: 5px;
background-image: url(50bg.png);
bottom: 2px;
font-size: 17px;
text-align: center;
}

/* IE */
*HTML #registrieren DIV.details A.profileimage SPAN.userdetails {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='theme/50bg.png'); background: none; overflow: hidden;
}

#registrieren DIV.regform_profile, #registrieren DIV.regform_gallery, #registrieren DIV.regform_video {
border-left: 1px solid #CCC;
}

#registrieren DIv.regform_gallery {
margin: 0 0 0 270px;
}

#registrieren DIV.regform_video {
margin: 0 0 0 270px; 
}

#registrieren DIV.regform_profile {
margin: 0 0 0 255px;
}

#registrieren DIV.regform {
padding: 10px 0 0 0;
}

#registrieren A.galleryimage, #registrieren A.videoimage {
display: block;
width: 240px;
height: 160px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
color: #FFF;
text-decoration: none;
border: 2px solid #B90707;
background-color: #EFEFEF;
}

#registrieren A.videoimage {
background-position: center center; 
}

#registrieren SPAN.gallerytitle, #registrieren SPAN.videotitle {
position: absolute;
width: 230px;
display: block;
padding: 5px;
background-image: url(50bg.png);
bottom: 0px;
font-size: 17px;
text-align: center;
color: #FF5555;
}

/* IE */
*HTML #registrieren SPAN.gallerytitle, *HTML #registrieren SPAN.videotitle {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../../../theme/50bg.png'); background: none; overflow: hidden;
}

#registrieren SPAN.username {
display: block;
width: 100%;
text-align: center;
color: #FFF;
line-height: 14px;
font-size: 13px;
}

#registrieren DIV.details DIV.description {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 228px;
margin: 10px 0 0 0;
background-color: #EFEFEF;
padding: 8px;
line-height: 14px;
}

#registrieren DIV.details DIV.profiledescription {
width: 212px;
}

#auth {
padding: 10px;
}

#config DIV.section {
margin: 10px;
}

#config H2 {
font-size: 18px;
}

#config DIV.section TABLE {
}

#config DIV.section TABLE TD {
font-size: 12px;
padding: 2px 15px 2px 0;
}

#config DIV.section TABLE TR TD.head {
font-weight: bold;
width: 140px;
}

#config DIV.section TABLE TR TD.desc {
font-size: 11px;
color: #666;
}

#config INPUT.submit {
border: 1px outset #CCC;
padding: 6px;
font-weight: bold;
background-color: #EFEFEF;
width: 180px;
}

#config DIV.config_saved {
padding: 10px;
background-color: #71BF44;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
margin: 10px 0 0 0;
}

#config H2 SPAN {
cursor: pointer;
font-size: 12px;
text-decoration: underline;
}

#config H3 {
font-size: 16px;
font-weight: normal;
border-bottom: 1px dashed #CCC;
padding: 5px 0 5px 0;
}

#category_videos DIV.video, #userdetails DIV.galleries DIV.gallery {
float: left;
width: 350px;
padding: 0 0 20px 34px;
}

#category_videos DIV.videoleft {
border-right: 2px solid #CCC;
position: relative;
right: -2px;
}

#userdetails DIV.videos DIV.videoright{
border-left: 2px solid #CCC;
}

#category_videos A.video {
display: block;
width: 310px;
height: 250px;
background-position: center center;
background-repeat: no-repeat;
position: relative;
color: #FFF;
text-decoration: none;
border: 2px solid #333;
background-color: #EFEFEF;
}

#category_videos  A.video:Hover {
color: #FF5555;
border: 2px solid #B90707;
}

#category_videos  SPAN.videodetails {
position: absolute;
width: 300px;
display: block;
left: 0;
padding: 5px;
background-image: url(50bg.png);
}


/* IE */
*HTML #category_videos  SPAN.videodetails{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='../../../theme/50bg.png'); background: none; overflow: hidden;
}

#category_videos A.video SPAN.videodetails {
bottom: 0;
font-size: 17px;
text-align: center;
}

#category_videos  DIV.video DIV.description {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 300px;
margin: 10px 0 0 0;
background-color: #EFEFEF;
padding: 8px;
line-height: 14px;
}

#category_videos DIV.video SPAN.username {
display: block;
width: 100%;
text-align: center;
color: #FFF;
line-height: 14px;
font-size: 13px;
}

#category_videos DIV.video DIV.links {
text-align: center;
margin: 10px 0 0 0;
font-size: 12px;
}

#updates {
padding: 10px;
}

/* Input */
INPUT,SELECT,TEXTAREA {
font-size: 12px;
font-family: Tahoma, sans-serif;
color: #333;
}

INPUT.text, TEXTAREA.textarea {
border: 1px solid #CCC;
background-color: #FFF;
padding: 2px;
width: 170px;
}

INPUT.number {
width: 70px;
}

SELECT.select {
border: 1px solid #CCC;
background-color: #FFF;
padding: 1px;
}

TEXTAREA.widearea {
width: 440px;
height: 50px;
}

INPUT.checkbox {
vertical-align: middle;
}

/* misc */
.clear { clear: both; }
.at { vertical-align: top; }
.collapsed { display: none; }
.hl  { background-color: lightgreen; padding: 2px; }