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: #FF0080; text-decoration: none;}
a:hover{font-size: 18px; color: #FFC2E0; text-decoration: none;}

/**** HEADER BEREICH ****/
/** Div wo der Satz über dem Header drinsteht **/
div.header_topbar {width: 986px; height: 18px; border: 1px solid #6F0037; border-bottom: 0px; margin: auto; background: url(http://www.privatcams.com/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 #6F0037; margin: auto; background: url(http://www.privatcams.com/img/header.jpg) #000000 no-repeat;}
div.augen {width: 154px; height: 26px; background: url(http://www.privatcams.com/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: 310px; height: 138px; float: right; position: relative; right: 0px; background: yelloww;}

/** Navigation unter dem Header **/
div.header_navbar {width: 980px; background: url(http://www.privatcams.com/img/navbar.jpg) #333333; margin: auto; height: 25px; padding-top: 5px; padding-left: 10px; border: 1px solid #6F0037; border-top: 0px;}
div.header_navbar a{font-size: 18px; color: #FFFFFF; text-decoration: none;}
div.header_navbar a:hover{font-size: 18px; color: #FFC2E0; text-decoration: none;}
.searchform {display:inline;}
.searchform input {background:#680034 url(http://www.privatcams.com/img/navbar.jpg) repeat scroll -62px -6px; border:1px solid #BF1083; color:#FFFFFF; margin:0 0 0 25px; width:126px; text-align: center;}


/**** MAIN BEREICH ****/
/** Der komplette Bereich unter dem Header, also Content + rechte Navi. 990px **/
div.main_size {width: 990px; background: url(http://www.privatcams.com/img/main_bg.gif) repeat-x #3C001E; margin: auto; border: 1px solid #6F0037; 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; background: pinkk; float: right;}

div.navigation_bottom {width: 270px; height: 25px; background: url(http://www.privatcams.com/img/navigation_bottom.jpg) no-repeat;}
div.navigation_bg {width: 270px; background: url(http://www.privatcams.com/img/navigation_bg.gif) repeat-y; font-size: 14px;}
div.navigation_inside {width: 220px; position: relative; left: 35px; background: yelloww;}
div.navigation_inside a {color:#FFC2E0; 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_top0 {width: 270px; height: 20px; background: url(http://www.privatcams.com/img/navigation_top0.jpg);}
div.navigation_top1 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top1.jpg);}
div.navigation_top2 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top2.jpg);}
div.navigation_top3 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top3.jpg);}
div.navigation_top4 {width: 270px; height: 42px; background: url(http://www.privatcams.com/img/navigation_top4.jpg);}
div.navigation_top5 {width: 270px; height: 40px; background: url(http://www.privatcams.com/img/navigation_top5.jpg);}
div.navigation_top6 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top6.jpg);}
div.navigation_top7 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top7.jpg);}
div.navigation_top8 {width: 270px; height: 80px; background: url(http://www.privatcams.com/img/navigation_top8.jpg);}
div.navigation_top33 {width: 270px; height: 60px; background: url(http://www.privatcams.com/img/navigation_top33.jpg);}


div.footernav {text-align: center; font-size: 11px; color: #FFC2E0;}
div.footernav a {color: #FFC2E0; font-size: 11px;}
div.footernav a:hover {color: #E99FC3; 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: 220px; background: #6F0037; float: left; text-align: center;}
div.con_box2_3 {width: 220px; background: #6F0037; float: left; text-align: center; position: relative; left: 10px;}
div.con_box3_3 {width: 220px; background: #6F0037; float: left; text-align: center; 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: 630px; background: #6F0037; padding: 10px; font-size: 13px; margin: auto;}
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: #6F0037; padding: 10px; float: left;}
div.con_videosidebox {text-align: center;width: 280px; height: 320px; background: url(http://www.privatcams.com/img/box_bg.jpg) #6F0037; 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: #3C001E; float: left; text-align: center;}
div.con_box2-2_3 {width: 220px; background: #3C001E; float: left; text-align: center; position: relative; left: 10px;}
div.con_box2-3_3 {width: 220px; background: #3C001E; 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: #6F0037; padding: 10px; text-align: justify;}
div.screenbox-r {width: 315px; height: 170px; float: right; background: #6F0037; padding: 10px; text-align: justify;}

/** Inhalte der Navigation **/

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

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

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

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

.button5 {width: 200px; height: 35px; background: url(http://www.privatcams.com/img/nbut_systemtour.gif) ;background-position: top; display: block; position: relative; left: 10px;}
.button5:hover {width: 200px; background: url(http://www.privatcams.com/img/nbut_systemtour.gif) no-repeat right bottom; height: 35px; position: relative; left: 10px;}



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

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


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