html {font-family: arial; font-size: 14px;}
body {margin: 0px; background: #88A100; color: #88A100;}

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

a{font-size: 13px; color: #000000; text-decoration: none;}
a:hover{font-size: 13px; color: #000000; text-decoration: underline;}

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

/** Der Header **/
div.header {width: 990px; height: 170px; border: 1px solid #D2F700; margin: auto; background: url(img/sexchat-header.jpg) #000000 no-repeat;}

/** Navigation unter dem Header **/
div.header_info {width: 980px; background: url(img/navbar.jpg) #333333; margin: auto; height: 25px;padding-bottom:3px; padding-left:10px; padding-top:2px; border: 1px solid #D2F700; border-top: 0px;}
div.header_info a{font-size: 18px; color: #000000; text-decoration: none;}
div.header_info a:hover{font-size: 18px; color: #000000; text-decoration: none;}
.line {display:inline;}
.line input {background:#D2F700 url(img/navbar.jpg) repeat scroll -62px -6px; border:1px solid #000000; color:#000000; 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(img/main_bg.gif) repeat-x #020202; margin: auto; border: 1px solid #D2F700; border-top: 0px;}

/**** CONTENT BEREICH ****/
/** Der Hautteil der Seite. 680px breit. Aussenabstände brauchen nicht mehr definiert werden **/
div.content {width: 940px; 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(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: 30px; text-align:justify;}
div.navigation_inside a {color:#000000; font-weight: bold; text-decoration: none; font-size: 14px;}
div.navigation_inside a:hover {color:#000000; 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: 80px; background: url(img/navigation_top2.jpg);}

/** Inhalte des Contents. Textboxen, Bilderboxen, ect. **/

div.con_textbox {width: 960px; background: #D2F700; 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: 620px; height: 320px; background: #D2F700; padding: 10px; float: left;}
div.con_videosidebox {text-align: center;width: 280px; height: 320px; background: url(img/box_bg.jpg) #D2F700; 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: #000000; margin: 0px; font-weight: bold;}
div.con_videosidebox img {margin-top: -10px;}
div.con_videosidebox span {color: #000000;}

/** Inhalte der Navigation **/

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