/* allgemeine styles */


body {
        width: 990px;
        font-family: sans-serif;
        font-size: 12pt;
        color: #ADBEAE;
        background-color: #002000;
}


a:link { color:#779977; }
a:visited { color:#adbeae; }
a:active { color:#ffffff; }
a:hover { color:#ffffff; }
a:focus { color:#ffffff; }

img { border:none; }

h1 { font-family:"Verdana"; font-size:24pt; color:#adbeae; text-align:center; }

h2 { font-family:"Verdana"; font-size:16pt; color:#adbeae; margin:5px; }

h3 { font-family:"verdana"; font-size:11pt; color:#adbeae; }

p { font-family:"verdana"; font-size:10pt; color:#adbeae; }
p.blog { color:#adbeae; text-align:justify; margin:5px; }


hr { color:#adbeae; align:center; width:530px; }


/*hintergrund*/


#comic {
background-image: url("bilder/bg_comic.jpg"); width:960px; height:838px;
background-repeat:no-repeat;
background-position:top;
margin-top:-3px;
}

#zwischenteil {
background-image: url("bilder/bg_zwischenteil.jpg"); width:960px; height:365px;
background-repeat:no-repeat;
background-position:top;
margin-top:-3px;
}


#mitte_gross {
background-image: url("bilder/bg_mitte_gr.jpg"); width:960px; height:548px;
background-repeat:no-repeat;
background-position:top;
}

#mitte_klein {
background-image: url("bilder/bg_mitte_kl.jpg"); width:960px; height:255px;
background-repeat:no-repeat;
background-position:top;
}

#unten {
background-image: url("bilder/bg_unten.jpg"); width:960px; height:496px;
background-repeat:no-repeat;
background-position:bottom;
}

#unten_klein {
background-image: url("bilder/bg_unten_kl.jpg"); width:960px; height:838px;
background-repeat:no-repeat;
background-position:top;
margin-top:-3px;
}




/*grafiken und positionierung*/

#comicseite {
position:absolute; top:400px; left:210px;
}

#buttons {
position:absolute; top:340px; left:210px;
}

#buttons_u {
position:absolute; top:1250px; left:210px;
}

#toonbuttons {
position:absolute; top:770px; left:210px;
}

.cast {
  position:absolute; left:240px;
  height:150px;
  border-style:solid;
  border-width:1px;
  border-color:#1e381d;
}

.art_preview {
  position:absolute; left:240px;
  height:75px;
  border-style:solid;
  border-width:1px;
  border-color:#1e381d;
}



.versteckt {
  width:0px;
  height:0px;
  display:none;
}



/*text und positionierung*/

#newsbox {
width:120px;
height:245px;
position:absolute; top:60px; left:30px;
border:none;
padding:5px;
}


.blogbox {
        position:absolute; top:1350px; left:134px;
        width:640px;
        margin:50px;
        border-style:solid;
        border-width:2px;
        border-color:#1e381d;
        background-color:#3b553b;
        padding:10px;
}

.blogbox2 {
        width:640px;
        margin:50px;
        border-style:solid;
        border-width:2px;
        border-color:#1e381d;
        background-color:#3b553b;
        padding:10px;
}

.castbox {
        width:350px;
        margin:20px;
        border-style:solid;
        border-width:1px;
        border-color:#1e381d;
        padding:10px;
        position:absolute; left:400px;
}

.castbox2 {
        width:530px;
        margin:20px;
        border-style:solid;
        border-width:1px;
        border-color:#1e381d;
        padding:10px;
        position:absolute; left:220px; top:1090px;
}

.artbox {
        width:400px;
        margin:20px;
        border-style:solid;
        border-width:1px;
        border-color:#1e381d;
        padding:10px;
        position:absolute; left:350px;
}

.freebox {
        width:530px;
        border-style:solid;
        border-width:1px;
        border-color:#1e381d;
        padding:10px;
        position:absolute; left:220px;
}

.einleitung {
        width:300px;
        position:absolute; top:390px; left:240px;
}

.einleitung2 {
        width:320px;
        position:absolute; top:360px; left:220px;
}

.freetext {
        width:550px;
        position:absolute; left:240px;
}


.rot {
        color:#ff3300;
}