/* CSS Document */
html {font-family: arial; font-size: 14px;}
body {margin: 0px; background: #000000; color: #FFFFFF;}

p.center, div.center {text-align: center;}
div.clear {clear: both;}
img {border: 0px;}


a{font-size: 18px; color: #FFFFFF; text-decoration: none;}
a:hover{font-size: 18px; color: #FFFFFF; text-decoration: none;}
a img {border: none;}
/**** HEADER BEREICH ****/
/** Div wo der Satz über dem Header drinsteht **/
div.header_topbar {width: 986px; height: 18px; border: 1px solid #FFFFFF; border-bottom: 0px; margin: auto; background: url(img/header_topbar.jpg) no-repeat; font-size: 13px; padding-top: 4px; padding-left: 4px; color: #E4D4D4;}
div.header_topbar h1 {font-size: 13px; color: #E4D4D4;display:inline}

/** Der Header eben mit extra Augen Gif Div **/
div.header {width: 990px; height: 138px; border: 1px solid #FFFFFF; margin: auto; background: url(img/header.gif) #2D1700 no-repeat;}
div.augen {width: 154px; height: 26px; background: url(img/augen.gif); float: left; position: relative; left: 174px; top: 30px;}

/** Bereich rechts im Header für Buttons und/oder Text **/
div.header_box {width: 254px; height: 138px; float: right; position: relative; right: 0px; background: yelloww;}

/** Navigation unter dem Header **/
div.header_navbar {width: 980px; background: url(img/navbar.jpg) #333333; margin: auto; height: 25px; padding-top: 5px; padding-left: 10px; border: 1px solid #FFFFFF; border-top: 0px;}
div.header_navbar a{font-size: 18px; color: #FFFFFF; text-decoration: none;}
div.header_navbar a:hover{font-size: 18px; color: #FFFFFF; text-decoration: none;}



/**** MAIN BEREICH ****/
/** Der komplette Bereich unter dem Header, also Content + rechte Navi. 990px **/
div.main_size {width: 990px; background: url(img/main_bg.gif) repeat-x #2D1700; margin: auto; border: 1px solid #FFFFFF; border-top: 0px;}



/**** CONTENT BEREICH ****/
/** Der Hautteil der Seite. 680px breit. Aussenabstände brauchen nicht mehr definiert werden **/
div.content {width: 680px; background: greeen; float: left; position: relative; left: 10px;}



/**** NAVIGATION ****/
/** Die rechte Navigation, 290px breit **/
div.navigation {width: 270px; float: right;}

div.navigation_bottom {width: 270px; height: 25px; background: url(img/navigation_bottom.jpg) no-repeat;}
div.navigation_bg {width: 270px; background: url(img/navigation_bg.gif) repeat-y; font-size: 14px;}
div.navigation_inside {width: 220px; position: relative; left: 35px;}
div.navigation_inside a {color:#FFFFFF; font-weight: bold; text-decoration: none; font-size: 14px;}
div.navigation_inside a:hover {color:#FFFFFF; font-weight: bold; text-decoration: none; font-size: 14px;}
div.navigation_inside ul {padding-left: 10px; margin: 0px; margin-left: 10px;}

div.navigation_top1 {width: 270px; height: 80px; background: url(img/navigation_top1.jpg);}
div.navigation_top2 {width: 270px; height: 40px; background: url(img/navigation_top2.jpg);}
div.navigation_top3 {width: 270px; height: 80px; background: url(img/navigation_top3.jpg);}
div.navigation_top4 {width: 270px; height: 42px; background: url(img/navigation_top4.jpg);}
div.navigation_top5 {width: 270px; height: 40px; background: url(img/navigation_top5.jpg);}
div.navigation_top6 {width: 270px; height: 80px; background: url(img/navigation_top6.jpg);}
div.navigation_top7 {width: 270px; height: 40px; background: url(img/navigation_top7.jpg);}
div.navigation_top8 {width: 270px; height: 80px; background: url(img/navigation_top8.jpg);}
div.navigation_top9 {width: 270px; height: 70px; background: url(img/navigation_top9.jpg);}
div.navigation_top10 {width: 270px; height: 80px; background: url(img/navigation_top10.jpg);}
div.navigation_top11 {width: 270px; height: 80px; background: url(img/navigation_top11.jpg);}
div.navigation_top12 {width: 270px; height: 80px; background: url(img/navigation_top12.jpg);}
div.navigation_top13 {width: 270px; height: 80px; background: url(img/navigation_top13.jpg);}
div.navigation_top14 {width: 270px; height: 80px; background: url(img/navigation_top14.jpg);}

div.footernav {text-align: center; font-size: 11px; color: #FFFFFF;}
div.footernav a {color: #FFFFFF; font-size: 11px;}
div.footernav a:hover {color: #FFFFFF; font-size: 11px;}

/** Inhalte des Contents. Textboxen, Bilderboxen, ect. Alle Elemente fangen mit con_ für content an. plz beibehalten, falls jmd anderes daran rumbastelt =) **/

div.con_box1_3 {width: 200px; background: #b84a00; float: left; text-align: center; font-size: 13px; padding-left: 10px; padding-right: 10px;}
div.con_box2_3 {width: 200px; background: #b84a00; float: left; text-align: center; font-size: 13px; padding-left: 10px; padding-right: 10px; position: relative; left: 10px;}
div.con_box3_3 {width: 200px; background: #b84a00; float: left; text-align: center; font-size: 13px; padding-left: 10px; padding-right: 10px; position: relative; left: 20px;}

div.con_box1_3 img{margin-top: 10px;}
div.con_box2_3 img{margin-top: 10px;}
div.con_box3_3 img{margin-top: 10px;}

div.con_textbox {width: 660px; background: #b84a00; padding: 10px; font-size: 13px;}
div.con_textbox h1,h2{margin:0px; padding:0px; padding-bottom: 3px; padding-top:10px; font-size: 18px;}
div.con_textbox p{margin-top: 6px; padding: 0px;}

div.con_videobox {width: 320px; height: 320px; background: #b84a00; padding: 10px; float: left;}
div.con_videosidebox {text-align: center;width: 280px; height: 320px; background: url(img/box_bg.jpg) #b84a00; float: right; padding: 10px;}
div.con_videosidebox ul {font-size: 18px; font-weight: bold; padding-left: 10px; margin-left: 10px; text-align: left;}
div.con_videosidebox p {text-align: center; font-size: 22px; color: #FF00B4; margin: 0px; font-weight: bold;}
div.con_videosidebox img {margin-top: -10px;}

div.con_box2-1_3 {width: 220px; background: #2D1700; float: left; text-align: center;}
div.con_box2-2_3 {width: 220px; background: #2D1700; float: left; text-align: center; position: relative; left: 10px;}
div.con_box2-3_3 {width: 220px; background: #2D1700; float: left; text-align: center; position: relative; left: 20px;}

div.linkbox {width: 170px; float: left; padding-left: 50px;}
div.linkbox a{font-size: 14px;}
div.linkbox a:hover{font-size: 14px;}

div.screenbox-l {width: 315px; height: 170px; float: left; background: #b84a00; padding: 10px; text-align: justify;}
div.screenbox-r {width: 315px; height: 170px; float: right; background: #b84a00; padding: 10px; text-align: justify;}
div.screenbox-l h3 {margin-top: 0px; padding-top: 0px; font-size: 16px;}
div.screenbox-r h3 {margin-top: 0px; padding-top: 0px; font-size: 16px;}


/** Inhalte der Navigation **/

.button1 {width: 200px; height: 35px; background: url(img/nbut_a-sofortzugang.gif) ;background-position: top; display: block; position: relative; left: 10px;}
.button1:hover {width: 200px; background: url(img/nbut_a-sofortzugang.gif) no-repeat right bottom; height: 35px; position: relative; left: 10px;}

.button2 {width: 200px; height: 35px; background: url(img/nbut_mitglieder-login.gif) ;background-position: top; display: block; position: relative; left: 10px;}
.button2:hover {width: 200px; background: url(img/nbut_mitglieder-login.gif) no-repeat right bottom; height: 35px; position: relative; left: 10px;}

.button3 {width: 200px; height: 35px; background: url(img/nbut_account-anmelden.gif) ;background-position: top; display: block; position: relative; left: 10px;}
.button3:hover {width: 200px; background: url(img/nbut_account-anmelden.gif) no-repeat right bottom; height: 35px; position: relative; left: 10px;}

.button4 {width: 200px; height: 35px; background: url(img/nbut_coins-kaufen.gif) ;background-position: top; display: block; position: relative; left: 10px;}
.button4:hover {width: 200px; background: url(img/nbut_coins-kaufen.gif) no-repeat right bottom; height: 35px; position: relative; left: 10px;}

.buttontest {width: 200px; height: 40px; background: url(img/zur-sexcam.jpg) ;background-position: top; display: block;}
.buttontest:hover {width: 200px; background: url(img/zur-sexcam.jpg) no-repeat right bottom; height: 40px;}



/** Anpassungen für die Java Cams und Anhängsel auf der Startseite **/

.promocc_table_main {position: relative; left: -3px;}
.promocc_td_main {background: #b84a00; text-align: center; font-weight: bold; padding: 11px; border: solid 0px #2D1700; padding-top: 0px;}
.promocc_a_main {color: #FFFFFF;text-decoration: none;}
.promocc_a_main:hover {color: #FFFFFF;}
.promocc_button_main {margin-top: 0px;}
.promocc_img_main {width: 200px; height: 150px; text-align: center;}


div.seitenzahlen {width: 660px; height: 30px; background: url(img/seitenzahl_navi.jpg) no-repeat; text-align: center; padding-top: 10px; margin: auto;}
div.seitenzahlen a{color: #FFFFFF;}
div.seitenzahlen a:hover {color: #FFFFFF;}

.promocc_table_main1 {position: relative; left: -3px;}
.promocc_td_main1 {background: #b84a00; text-align: center; font-weight: bold; padding: 11px; border: solid 0px #2D1700; padding-top: 0px;}
.promocc_a_main1 {color: #FFFFFF;text-decoration: none;}
.promocc_a_main1:hover {color: #FFFFFF;}
.promocc_button_main1 {margin-top: 0px;}
.promocc_img_main1 {width: 150px; height: 114px; text-align: center;}


/** Telefonsetcards **/

div.telefoncard {
width: 320px;
height: 150px;
border: 1px solid #FF8B00;
padding: 3px;
float: left;
text-align: justify;
background: url(img_telefonsex/bg_telefonsex.jpg) #000000 no-repeat;
}

div.telefoncard2 {
width: 320px;
height: 150px;
border: 1px solid #FF8B00;
padding: 3px;
float: right;
text-align: justify;

background: url(img_telefonsex/bg_telefonsex.jpg) #000000 no-repeat;
}

div.telecardtext {
font-size: 11px;
margin-top: 3px;
}

div.preise {
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}




/** Eletmente der Empfehlungsseite **/
div.con_empf {width: 660px; background: #B84A00; padding: 10px; font-size: 13px; margin: auto;}
div.con_empf img {float: left; margin-right: 10px; border: 1px solid #FFFFFF;}
div.con_empf span {position: relative; top: 0px;}


.Stil1 {color: #000000;}
.Stil2 {color: #FFFFFF;}
.Stil3 {color: #FF0000;}

div.navbox {position: relative; left: -11px;}

.freeregister {margin-right:0;padding:0;width:246px;height:24px;}
a.freeregister {height:24px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 0 no-repeat;}
a.freeregister:hover {height:24px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -24px no-repeat;}

.anonymphone {margin:0;padding:0;width:246px;height:24px;}
a.anonymphone {height:24px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -48px no-repeat;}
a.anonymphone:hover {height:24px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -72px no-repeat;}

.freetestaccount {margin:0;padding:0;width:246px;height:21px;}
a.freetestaccount {height:21px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -96px no-repeat;}
a.freetestaccount:hover {height:21px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -117px no-repeat;}

.buycoins {margin:0;padding:0;width:246px;height:21px;}
a.buycoins {height:21px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -138px no-repeat;}
a:hover.buycoins {height:21px;display:block;text-indent:-9999px;background:url(img/menu/menu.jpg) 0 -159px no-repeat;}

div.g1 {margin:0;padding:0;width:246px;height:8px;background:url(img/menu/g1.jpg) 0 0 no-repeat;}
div.g2 {margin:0;padding:0;width:246px;height:6px;background:url(img/menu/g2.jpg) 0 0 no-repeat;}
div.g3 {margin:0;padding:0;width:246px;height:6px;background:url(img/menu/g3.jpg) 0 0 no-repeat;}
div.g4 {margin:0;padding:0;width:246px;height:9px;background:url(img/menu/g4.jpg) 0 0 no-repeat;}
div.g5 {margin:0;padding:0;width:246px;height:3px;background:url(img/menu/g5.jpg) 0 0 no-repeat;}