/**
 * Default styles
 **/
* { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#1f1a17; }
BODY { background:#eeeeea;}
HR { background:none; border:none; border-bottom:1px solid #cbcccd; height:0px;}

H1, H2, H3 { margin:0px; }

STRONG, B, STRONG A, B A { font-weight:bold!important; }

#site_outer { text-align:center; }
#site_inner { width:971px; margin:auto; text-align:left; }

/** Easy Popup **/
#easy_popup_title { padding:5px 0; background: url(../images/box_header.gif) repeat-x;}
#easy_popup_close { font-size:180%; background-color:#900031!important; }
#easy_popup_body { padding:10px; background-color:#FFFFFF;}
#easy_popup_body .beschreibung { padding:10px 0px; }

/** infobox **/
#infobox { width:400px; position:absolute; border:1px solid #000; background-color:#fff;}
#infobox_title { padding:5px 0; background: url(../images/box_header.gif) repeat-x; text-align:center; font-weight:bolder;}
#infobox_close { text-align:center; margin-bottom:10px; }
#infobox_content { padding:10px;}
#infobox_close SPAN { background-color:#9BAABF; display:block; padding:5px 10px; width:25px; margin:auto; }

/** Box **/
DIV.box .header {
padding:10px 5px 10px 10px;
background:url(../images/box_header.gif) repeat-x;
font-weight:bold;
}
DIV.box .header DIV { background:url(../images/box_header_arrow.gif) no-repeat 5px 45%; padding-left:18px; font-weight:bold; }
DIV.box .content { background:#FFFFFF; padding:10px; border-bottom:1px solid #9e0039; }

/** RED BOX **/
DIV.box_red .header {
padding:10px 5px 10px 10px;
background:url(../images/box_red_header.gif) repeat-x;
font-weight:bold;
color:#FFFFFF;
}
DIV.box_red .header DIV { 
background:url(../images/box_red_header_arrow.gif) no-repeat 5px 45%;
padding-left:18px;
font-weight:bold;
color:#FFFFFF;
}
DIV.box_red .content { background:#FFFFFF; padding:2px; border-bottom:1px solid #9e0039; float:left; width:181px; }

/**
 * Header styles
 **/
#banner TABLE { width:100%; }
#banner .left { 
background-image:url(../images/banner_left.gif); 
background-repeat:no-repeat;
background-position:left top;
height:130px;
width:772px;									
}

#banner .right {
vertical-align:top;
height:130px;
width:184px;	
}

/**
 * Content styles
 **/
#sections { width:100%;}
#content_outer #left, #content_outer #right { width:185px; padding:15px 0px; }
#middle_inner { padding:15px; }

/** Newsflash **/
#newsflash { margin-bottom: 10px; }
#newsflash .title A, #newsflash .text A { text-decoration:none; color:#9e0039; }
#newsflash .title A:hover, #newsflash .text A:hover { text-decoration:underline; }
#newsflash .title { }

/** Terminflash **/
#terminflash { margin-bottom: 10px; }
#terminflash .title A, #terminflash .text A { text-decoration:none; color:#9e0039; }
#terminflash .title A:hover, #terminflash .text A:hover { text-decoration:underline; }
#terminflash .title { }


/** Trainingsflash **/
#trainingsflash { margin-bottom: 10px; }
#trainingsflash .title {
background:url(../images/training_tag.gif) no-repeat 1px 50%;
padding: 0 0 0 20px;
color:#9e0039; 
}

#trainingsflash A { text-decoration:none; }
#trainingsflash A:hover { text-decoration:underline; }

/** Zufallsbox **/
#zufalls_foto { margin-bottom:10px; }

/** SportBox **/
#indikatoren_box .bewertung_title_left { 
background:url(../images/bewertung_progressbar_background_left.gif) no-repeat 0px 100%;
padding-left:8px;
float:left;
}
#indikatoren_box .bewertung_title_right { 
background:url(../images/bewertung_progressbar_background_right.gif) no-repeat 100% 100%;
padding-right:18px;
}

#indikatoren_box .bewertung_title { 
background:url(../images/bewertung_progressbar_background_mid.gif) repeat-x 0px 100%;
padding:4px 0px;
font-weight:bold;
}

#indikatoren_box .bewertung_progressbar {
margin-bottom:5px;
background:url(../images/bewertung_progressbar_background.gif) no-repeat 0% 0%;
padding:5px;
}

#indikatoren_box .progress {
background:url(../images/progress_bg.gif) no-repeat 1px 2px;
height:16px;
}

#indikatoren_box .title { color:#9e0039; padding: 3px 0px 0px 5px; }


/** navigation **/
#middle .navi {
margin-bottom:10px;
padding:10px 0px; 
text-align:center;
background:url(../images/navi_bg.gif) repeat-x; 
}
#middle .navi TABLE { margin:auto; }
#middle .navi A {
padding:0px 12px;
color:#FFFFFF;
border-right:1px solid #FFF;
text-decoration:none;
}

#middle .navi .last { border-right:none; }

/**
 * Footer styles
 **/
#footer {
background:url(../images/footer_bg.gif) repeat-x;
padding:5px;
text-align:center;
color:#FFFFFF;
width:971px;
margin:auto;
}
DIV[id="footer"] { width:961px!important; }
#footer * { color:#FFFFFF; }