/*Design by Daisy Dark*/
/*Graphics by Karina*/

body {
background-color:#524A39;
margin:0;
font-family:Verdana;
font-size:11px;
color:#000000;
}

#telien {
width:1000px;
margin: 0 auto;
border-left:1px solid #1E1B15;
border-right:1px solid #1E1B15;
background-image: url(bg.jpg);
min-height:1030px;
}

/*Header*/

#header {
padding:10px;
}

#headernav{
text-align:right;
}

#headernav .menlinks{
float:left;
padding-left:35px;
}

#headernav .menrechts{
float:right;
}

#headernav a {
color:#4A4239;
text-decoration:none;
}

#headernav a:hover {
color:#948463;
}

#logo {
width:170px;
text-align:center;
float:left;
}

#logo .icon{
position:absolute;
padding-top:44px
}

#usermenue {
width:770px;
height:58px;
float:right;
margin-right: 0px;
background-image: url(header.gif);
background-repeat:no-repeat;
text-align:right;
}

#usermenue input{
font-family:Verdana;
font-size:10px;
background-color:#948463;
border:0px;
color:#F1EFE7;
height:10px;
margin-top:19px;
width:80px;
}

#usermenue input.loginbutton{
color:#4A4239;
width:120px;
font-weight:bold;
height:14px;
margin-right:50px;
}

#usermenue p{
margin-top:19px;
margin-right:52px;
text-align:right;
}

#usermenue a{
color:#FFFFFF;
text-decoration:none;
}

#usermenue a:hover{
color:#000000;
}

/*Inhalt*/

#inhalt {
clear:both;
}

#inhalttext {
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:10px;
min-height:910px;
}

#inhalttext a {
color:#4A4239;
text-decoration:none;
}

#inhalttext a:hover {
color:#948463;
}

#inhalttext .codeansicht{
background-color:#FDFDFB;
border:1px dashed #76644D;
padding:10px;
font-family:Tahoma;
}

#inhalttext .header{
margin:0 auto;
background-image:url(inhalt_oben.gif);
width:530px;
height:48px;
color:#FFFFFF;
font-weight:bold;
}

#inhalttext .header p {
line-height:51px;
padding-left:55px;
}

#inhalttext .body{
margin:0 auto;
background-image:url(inhalt_mitte.gif);
width:530px;
}

#inhalttext .footer{
margin:0 auto;
background-image:url(inhalt_unten.gif);
width:530px;
height:27px;
}

#mitte h3{
display:inline;
color:#524A39;
font-size:12px;
}

#inhalttext .table{
background-color:#DBCFBB;
}

#inhalttext .td1{
background-color:#d6c6ad;
}

#inhalttext .td2{
background-color:#E2D8C7;
}

#inhalttext .tab{
background-color:#DBCFBB;
}

#inhalttext .kat {
width:540px;
height:23px;
background-image:url(kat.gif);
text-align:right;
color:#FFFFFF;
}

#inhalttext .kat a{
color:#D6C6AD;
}

#inhalttext .kat a:hover{
color:#FFFFFF;
}

#inhalttext .kat p{
display:inline;
padding-right:35px;
line-height:22px;
}

.input {
font-family:Verdana;
font-size:11px;
background-color:#FFFFFF;
border: 1px solid #4A4239;
width:99%;
}

.input1 {
font-family:Verdana;
font-size:11px;
background-color:#948463;
border: 1px solid #4A4239;
color:#FFFFFF;
width:99%;
}

input.button {
font-family:Verdana;
font-size:11px;
background-color:#736352;
border: 1px solid #EFCE63;
color:#FFFFFF;
width:120px;
}

.gamelink a {
display:block;
width:100%;
font-weight:bold;
}

.gamelink a:hover {
background-color:#C0A781;
color:#000000;
}

#foreninhalttext {
padding-left:15px;
padding-right:15px;
padding-top:7px;
padding-bottom:10px;
min-height:790px;
}

#foreninhalttext .forenkat {
width:735px;
height:23px;
background-image:url(forenkat.gif);
text-align:right;
}

#foreninhalttext .forenkat p{
display:inline;
padding-right:35px;
line-height:22px;
color:#FFFFFF;
}

#foreninhalttext table{
background-color:#DBCFBB;
}

#foreninhalttext .td1{
background-color:#d6c6ad;
}

#foreninhalttext .td2{
background-color:#E2D8C7;
}

#splinks {
float:left;
width:200px;
height:500px;
margin-left:6px;
}

#mitte {
margin:0 auto;
width:576px;
background-color:#F1EFE7;
background-image:url(inhalt_bg.png);
}

#forenmitte {
float:right;
width:776px;
background-color:#F1EFE7;
background-image:url(foreninhalt_bg.png);
margin-right:12px;
}

#mitte h1{
display:inline;
color:#524A39;
font-size:18px;
}

#forenmitte h1{
display:inline;
color:#524A39;
font-size:18px;
}

#mitte h2{
display:inline;
color:#524A39;
font-size:14px;
}

#forenmitte h2{
display:inline;
color:#524A39;
font-size:14px;
}

#mitte h3{
color:#524A39;
font-size:12px;
}

#rechts {

float:right;
width:200px;
margin-right:6px;
}

/*Navigation*/

.navheader {
width:200px;
height:37px;
background-image:url(nav_header.gif);
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

.navheader p {
display:inline;
line-height:45px; 
}

.navbody {
width:200px;
background-image:url(nav_body.gif);
padding-top:5px;
display:block;
overflow:hidden;
}

.navbody ul{
padding:0px;
margin-top:3px;
margin-bottom:6px;
margin-left:0px;
}

.navbody ul li {
list-style:none;
display:block;
font-family:Verdana;
font-size:11px;
font-weight:bold;
background-color:#76644D;
color:#C0A478;
border-bottom:1px solid #4A4239;
width:160px;
margin:0 auto;
}

.navbody ul li a{
text-decoration:none;
text-align:center;
color:#C0A478;
display:block;
height:13px;
}

.navbody ul li a:hover{
color:#493510;
background-color:#A78B5F;
}

.navbody ul li p{
padding-left:25px;
display:inline;
}

.navbody ul li input{
font-family:Verdana;
font-size:10px;
font-weight:normal;
background-color:#76644D;
border: 0px;
color:#C0A478;
width:100%;
}

.navbody ul li input.button{
font-weight:bold;
}

.navbody ul li span{
font-weight:normal;
font-size:10px;
}

.shoutbox{
position:absolute;
padding-left:180px;
}

.navheadline {
margin:0 auto;
width:160px;
height:23px;
background-image:url(nav_headline.gif);
background-repeat:no-repeat;
padding-top:4px;
text-align:center;
}

.navfooter {
margin:0 auto;
width:200px;
height:23px;
background-image:url(nav_footer.gif);
background-repeat:no-repeat;
}

#footer {
clear:both;
/*margin: 0 auto;
width:980px;
background-color:#F1EFE7;
border:1px solid #4A4239;
color:#76644D;
text-align:center;
height:50px;*/
}

#footer span{
display:block;
background-color:#76644D;
color:#C0A478;
font-weight:bold;
padding-left:5px;
text-align:left;
}

#footer .left {
float:left;
}

#footer .right {
float:right;
}

#footer p {
display:inline;
line-height:30px;
}