@charset "utf-8";
/* sportstadt-koeln.de
 * CSS Styles for all browsers / media: screen, projection
 *
 * ls, http://www.alopix-software.com
 */
 
/* Standard-Farben:
 * #1D4600 Header Bg
 * #A71400 Header Red
 * #F6F6F6 Content Bg Snow
 * #7F0B00 Links
 * #A61400 H1
 *
 * Body Width Start: 970px
 * Body Width Contentpages: 490px
 */

/* -- REDEFINITIONS --------------------------------------------------------------------- */
html,body {margin:0; padding:0; overflow-x:hidden; background-color:#F6F6F6; }
body { color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:20px; margin:0 0 1em 0; padding:0; color:#A61400; font-weight:normal; text-transform:uppercase }
h2 { font-size:12px; margin:0 0 1em 0; padding:0; color:#A61400; text-transform:uppercase }
a img { border:0 }
p { margin-top:0; line-height:18px }
form { margin:0; padding:0; }
fieldset { border:0; padding:0 }
fieldset.narrow { width:200px; float:left; }
label { margin-top:10px; margin-bottom:2px; display:block; font-size:10px }
form { margin:0; padding:0; }
fieldset { border:0; padding:0 }
fieldset.narrow { width:200px; float:left; }
label { margin-top:10px; margin-bottom:2px; display:block; font-size:10px }
a { color:#7F0B00 }
a:link, a:visited { text-decoration:none }
a:hover, a:active { text-decoration:underline }

/* -- STRUKTUR -------------------------------------------------------------------------- */
#page_margins { width:100%; background:url(/images/bg_content.jpg) no-repeat 0 150px; }
#page { width:720px; margin-left:270px;   }
#slideshow { position:absolute; width:613px; height:120px; left:357px; top:50px; }
#header_container { width:100%; height:125px; background-color:#194000; } 
#header { width:100%; height:125px; background:url(/images/bg_header.jpg) no-repeat; } 
#header_links { position:absolute; top:12px; left:805px; color:#93aa80; font-size:9px }
#header_links a { color:#93aa80; padding:0 4px }
#header_links img { margin:0 3px }
#headersub_container { width:100%; height:25px; background-color:#A71400 }
#headersub { width:100%; height:25px; background:url(/images/bg_headersub.jpg) no-repeat;  }

#mainContent { margin:80px 0 0 0; padding: 0; width:490px } 
#mainContent ul { line-height:18px }
#sidebar1 {	float: right; width: 200px; padding-left:30px  }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }

#footer_container { width:100%; height:147px; margin-top:20px   } 
#footer { width:100%; height:54px; background:url(/images/bg_footer_shadow.jpg) repeat-x left bottom; color:#888; font-size:10px  } 

/* -- NAVIGATION -------------------------------------------------------------------------- */
#navi { position:absolute; width:180px; top:125px; left:60px; background:url(/images/bg_lvl1.jpg) repeat;  }
#navi a { color:#C3CFB8; font-size:10px; }
#navi ul { list-style-type:none; margin:0; padding:0; line-height:26px }
#navi ul {  }
#navi li { background:url(/images/bg_li1_nor.jpg) repeat-x; }
#navi li.selected a { font-weight:bold }
#navi li a { padding:0 0 0 11px; }
#navi ul.lvl2 { background:url(/images/bg_lvl2.jpg) repeat; }
#navi ul.lvl2 li { background:url(/images/bg_li2_nor.jpg) repeat-x;  }
#navi ul.lvl2 li.selected { background:url(/images/bg_li2_nor.jpg) repeat-x;  }
#navi ul.lvl2 li.first { background:url(/images/bg_lvl2.jpg) repeat-x;  }
#navi ul.lvl2 li a { padding-left:25px;  font-weight:normal }
#navi ul.lvl2 li.selected a { background:url(/images/bg_li2_sel.jpg) no-repeat 10px center; }

/* -- SIDEBAR -------------------------------------------------------------------------- */
#sidebar1 div.greenbox { width:180px; color:#CDD9BE; margin-bottom:14px; font-size:10px }
#sidebar1 div.greenbox a { color:#ADBF9C }
#sidebar1 .title { background:url(/images/bg_greenbox_title.jpg) no-repeat; height:26px; border-bottom:1px solid #4C8628 }
#sidebar1 .title p { padding:5px 10px; background:url(/images/bg_sidebar_topb.jpg) no-repeat top left;   }
#sidebar1 .container { background:url(/images/bg_sidebar_news.jpg) repeat;  }
#sidebar1 .news { height:95px }
#sidebar1 .news p { line-height:12px; margin-top:4px !important }
#sidebar1 .container { padding:5px 10px }
#sidebar1 .container p{ margin:0; padding:0 }
#sidebar1 div.greenbox h1 { font-size:11px; color:#CDD9BE; margin:0; padding:6px 0 0 10px;  }
#sidebar1 div.greenbox h2 { font-size:11px; color:#CDD9BE; font-weight:bold; margin:0; padding:0 }
#sidebar1 div.greenbox div {}
#sidebar1 .greenbox div.footer { text-align:right }


/* Common */
.clear,.clearfloat {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 0px;
}
.floatbox { float:left }
.floatright { float:right }
.floatbox h1 { padding:0 0 10px 12px; margin:0 }
.black { color:#000 !important }
.red { color:#FF0303 }
.rechts { text-align:right }
.noscreen { display:none; visibility:hidden }
.error { color:red }
.info { font-style:italic; font-size:10px }
.rechts img { margin-left:1ex }
div.highlight { background-color:#CED2D1; border:1px solid #BEC6C6; padding:6px }

img.bild_rechts { float:right; margin-left:10px; margin-bottom:1ex } 
.bild_rechts img { margin-bottom:1ex } 
div.bild_rechts { float:right; margin-left:10px; }
img.bild_links { float:left; margin-bottom:1ex }
div.bild_links { float:right; margin-left:10px }