body { 
    background-image: url(../images/bg_verlauf.jpg);
    background-repeat:repeat-y;
    background-color: #6E9FD0;
    color:black;
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:12px;
}

td { font-size:12px; color: black; }
a { color: black; text-decoration: none;  }

h1, h2, h3 { font-size: 12px; margin: 0px; padding: 0px; font-weight: bold;  }
h1 { margin-bottom: 6px; color: #2d4b85; }
#maincontent h1 { margin-bottom: 12px; }
h2 { margin-bottom: 6px; }
h3 { font-weight: bold; }

.col_12 { width: 697px; float: left; margin-right: 4px; position: relative; }
.col_1 { width: 206px; float: left; position: relative; margin-right: 4px; }
.col_2 { width: 485px; float: left; position: relative; }
.col_3 { width: 206px; float: left; position: relative; }

.header { margin-bottom: 4px;  }


.b1, .b2, .b3, .b4 {
    border-color:#0C78BB;
    border-style:solid;
    height:1px;
    overflow:hidden;
}

.b1 {
    background-color:#0C78BB;
    border-width:0px;
    margin:0px 5px;
}

.b2 {
    background-position:-4px 0px;
    border-width:0px 2px;
    margin:0px 3px;
}

.b3 {
    background-position:-2px 0px;
    border-width:0px 1px;
    margin:0px 2px;
}

.b4 {
    background-position:-1px 0px;
    border-width:0px 1px;
    height:2px;
    margin:0px 1px;
}

.text { color:black; font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:12px; }

.modul_r, .modul_m, .modul_l, .modul_i, modul_m2 { margin-bottom: 5px;  }

.modul_m h1 { width: 400px; }

.modul_12 .b2, .modul_12 .b3, .modul_12 .b4, .modul_12 .content  { background-color: white;  }
.imghome {height: 500px; }

.content { border-left: 1px solid #0C78BB; border-right: 1px solid #0C78BB; padding: 8px; position: relative;  }


#navi .b2, #navi .b3, #navi .b4, #navi .content { background-color:#009EE0;  }
#navi .content { background-image: url(../images/navi_bg.gif); height: 150px; padding: 5px;  }

#friends .b2, #friends .b3, #friends .b4, #friends .content, #login .b2, #login .b3, #login .b4, #login .content { background-color: #D5EDFA;  }
#login .content.news, #login .content.game { background-color: #A2DAF4; border-bottom: 1px solid #0C78BB; border-top: 1px solid #0C78BB;  }

.modul_m.pink .b2, .modul_m.pink .b3, .modul_m.pink .b4, .modul_m.pink .content { background-color:#F6CADB;  }
.modul_m.hellrosa .b2, .modul_m.hellrosa .b3, .modul_m.hellrosa .b4, .modul_m.hellrosa .content { background-color:#fffded;  }
#guestbook .text { width:440px;  }

.modul_m.gruen .b2, .modul_m.gruen .b3, .modul_m.gruen .b4, .modul_m.gruen .content { background-color: #d3de82; }

.modul_m2.gruen .b2, .modul_m2.gruen .b3, .modul_m2.gruen .b4, .modul_m2.gruen .content { background-color: #d3de82; }

.white .b2, .white .b3, .white .b4, .white .content { background-color: #FFF;  }
.modul_m.rosa .b2, .modul_m.rosa .b3, .modul_m.rosa .b4, .modul_m.rosa .content { background-color: #FEE6C9;  }
.modul_m.hellrosa .b2, .modul_m.hellrosa .b3, .modul_m.hellrosa .b4, .modul_m.hellrosa .content { background-color:#FEE6C9;  }
.modul_m.orange .b2, .modul_m.orange .b3, .modul_m.orange .b4, .modul_m.orange .content { background-color: #fff8d9;  }

.highlightbox { position:absolute; top:350px; left:40px; width: 240px; color: white;  }
.highlightbox .b2, .highlightbox .b3, .highlightbox .b4, .highlightbox .content { background-color: #cc071e;  }
.highlightbox h1 { color: #ffdc00; }

.lightblue .b2, .lightblue .b3, .lightblue .b4, .lightblue .content { background-color: #d5edfa;  }
.modul_r.orange .b2, .modul_r.orange .b3, .modul_r.orange .b4, .modul_r.orange .content { background-color: #ffed97;  }
.yellow .b2, .yellow .b3, .yellow .b4, .yellow .content { background-color: #ffdc00;  }
.lightyellow .b2, .lightyellow .b3, .lightyellow .b4, .lightyellow .content { background-color: #fff9c7;  }



#user .b2, #user .b3, #user .b4, #user .content, #newuser .b2, #newuser .b3, #newuser .b4, #newuser .content  { background-color:#D5EDFA;  }
#alben .b2, #alben .b3, #alben .b4, #alben .content  { background-color:#D5EDFA;  }
#newpics .b2, #newpics .b3, #newpics .b4, #newpics .content  { background-color:#D5EDFA;  }
#foto .b2, #foto .b3, #foto .b4, #foto .content  { background-color:#D5EDFA;  }
#aufgaben .b2, #aufgaben .b3, #aufgaben .b4, #aufgaben .content  { background-color:#D5EDFA;  }
#ergebnisse .b2, #ergebnisse .b3, #ergebnisse .b4, #ergebnisse .content  { background-color:#D5EDFA;  }

#user .content.tasks { background-color: #A2DAF4; border-bottom: 1px solid #0C78BB;  }
#user .content.tasks.first { border-top: 1px solid #0C78BB;  }

.darkgreen .b2, .darkgreen .b3, .darkgreen .b4, .darkgreen .content { background-color:#b1c903;  }


.spiel-nav { width: 700px; height: 57px; margin-bottom:4px; padding-bottom:4px; }
.spielheader { padding-bottom:6px; margin-top:-4px; }
.box_header {width:100%; right: 15px; top: 15px; position: absolute; text-align:right; font-size:7pt; color: #0a71b4; letter-spacing:0px;}
.aufgabe_m {background-color:#e9efc5; border-top:1px solid black; border-bottom:0px solid black; border-left:1px solid #0C78BB; border-right:1px solid #0C78BB; padding:8px;}
.linie { width:100%; height:1px; border-bottom: 1px solid black; padding-top:8px; margin-bottom:8px;}

#gerecht .b2, #gerecht .b3, #gerecht .b4, #gerecht .content { background-color:#ffffff; }
#gerecht .content { background-color: #ffffff; height: 310px; padding:5px;  }

#navi { font-size: 12px; line-height: 22px;  }
#navi a { color: #ffffff; text-decoration: none; font-weight: bold; }
#navi a.aktiv { color: #fedc02; }

#navi a:hover, a:hover { color: #0C78BB;}

.item { border-top: 1px solid black; padding-top:8px; padding-bottom: 8px; line-height: 16px;  }
.item .headline, .item .headline a { font-weight: bold; color: black; margin-bottom: 4px; }
.item .headline a:hover { color: 0C78BB; }
.smallitem { line-height:20px; }
.form_table { vertical-align:top; }

a.profil { color: #2d4b85; font-weight: bold;  }
a:hover { color: blue; }
a { color: #2D4B85; }
.titel { margin-bottom: 3px; margin-top: 6px;  font-size: 9px; width: 58px; overflow: hidden; height:14px; }

a.biglink { font-weight: bold; }

.infolinks { position: absolute; right: 0px;  }

.userlink { margin-bottom: 3px; font-weight: bold; }

.blaettern { font-size: 9px; position:absolute; right:8px; top:8px; }
.blaettern_bottom { font-size: 9px; margin-top:4px; text-align:right; }

.sort { position:absolute; right:100px; top:0px;}
.button_text {position:absolute; right:6px; top:10px; text-weight: bold;}

#A_body { text-algin: center; }
#A_header {margin:0 auto; width:695px; text-align:center; }
#A_content {padding-top: 5px; margin: 0 auto; width: 695px; text-align:center; vertical-align: top; }
#A_menue {background-color: white; text-align: left; padding-left: 5px; width: 150px; border: 1px solid black; float: left }
#A_text { background-color: white; width: 535px; border:1px solid black; float: right; text-align:center;}

h1 a.active { color: red; }
h1 a.inactive { color: grey; font-weight:normal; }

.A_table { background-color: white; border:1px solid black; width:530px; margin:0 auto; margin-bottom: 20px; }
.A_tblhead {font-size:10px; text-align: center; font-weight:bold; }
.A_error { color: red; font-size: 9pt; font-weight: bold; }

#newuser .eingabe
{
   width:250px;
}

.error { color: red; border: 1px solid red; margin: 8px; padding: 8px;  }

.smallinfotext { font-size: 10px; color: rgb(10, 113, 180); }
.biginfotext { font-size: 10px; color: rgb(10, 113, 180); font-weight: bold; } 
.smallinfotext2 { font-size: 10px; color: rgb(10, 113, 180); font-style: italic; }

.errormsg { font-weight: bold; color: #CC0000; clear: both; }

.userfoto { border: 1px solid #2d4b85; }

.infotext { font-style:italic; }

.newshome { left:320px; position:absolute; top:240px; width:350px; }

.bannertext { left:29px; position:absolute; text-align:center; top:88px; width:150px; color: white;  font-weight: bold; }
.bannertext h1 { color: yellow; font-size: 26px; }

.nichtda { position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px; overflow:hidden; display:inline;}

.photo_background { width:60px; height:70px; background-color: #D5EDFA;text-align:center; vertical-align:middle; overflow: hidden; }