/**
* @file style.css
* @author TunnelBlick-Design  
*/
body {background: transparent url(img/bg.gif) center 0 repeat-y; font-size: 14px; }

#wrapper { width: 960px; margin: 0 auto; background: transparent url(scaledown_bg.gif) center 0 repeat-y; }
h1 { text-indent: 0px; font-weight: normal; }
h2 { font-size: 14px; margin: 0 0 20px 0; }
p { margin-bottom: 20px; }
a { color: #17539c; font-style: italic; text-decoration: none; }
a:hover { text-decoration: underline; }

.anmelden { font-size: 12px; font-weight: bold; }

/** Navi **/
#navi_container { width: 600px; }
#navi { width: 600px; height: 47px; background: #e7edf5 url(img/navi_sprite.gif) 0 0 no-repeat; margin-bottom: 0; position: relative; }
#navi li { height: 47px; line-height: 31px; display: inline; padding: 0; margin: 0; position: absolute; }
#navi li a { height: 47px; display: block; padding: 0px; margin: 0px; text-indent: -9000px; outline: none;}
#navi_willkommen { left: 47px; top: 1px; width: 144px; }
#navi_willkommen a:hover, #navi_willkommen.current { background: transparent url(img/navi_sprite.gif) -47px -48px no-repeat; }
#navi_programm {left: 210px; top: 1px; width: 162px; }
#navi_programm a:hover, #navi_programm.current { background: transparent url(img/navi_sprite.gif) -210px -48px no-repeat; }
#navi_ueber_mich {left: 353px; top: 1px; width: 113px; }
#navi_ueber_mich a:hover, #navi_ueber_mich.current { background: transparent url(img/navi_sprite.gif) -353px -48px no-repeat; }
#navi_impressum {left: 483px; top: 1px; width: 117px; }
#navi_impressum a:hover, #navi_impressum.current { background: transparent url(img/navi_sprite.gif) -483px -48px no-repeat; }

#header_top_container { height: 97px; }
#header_top { background: transparent url(img/header_top.jpg); height: 97px; }
#header_bottom { background: transparent url(img/header_bottom.jpg); height: 47px; }
#main_container { background: transparent url(img/scaledown_bg.gif) center 0 repeat-y; float: left; }
#sidebar { background: transparent url(img/sidebar_pic.jpg) 0 0 no-repeat; padding-top: 450px; padding-left: 34px; width: 246px; }
#sidebar.willkommen { background: transparent url(img/sidebar_pic_portrait.jpg) 0 0 no-repeat; }
#sidebar.programm { background: transparent url(img/sidebar_pic_programm.jpg) 0 0 no-repeat; }
#sidebar.ueber_mich { background: transparent url(img/sidebar_pic_about.jpg) 0 0 no-repeat; }
#sidebar.impressum { background: transparent url(img/sidebar_pic_impressum.jpg) 0 0 no-repeat; }
#sidebar h3 { font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; color: #17539c; }
#sidebar ul { list-style: none; margin: 0 0 40px 0; }
#sidebar ul li { margin: 0 0 0 20px; font-size: 13px; font-weight: bold; }
#sidebar ul li a { font-size: 12px; }
#sidebar ul #anmelden { margin: 5px 0 0 0; }
#sidebar #tunnelblick { font-size: 11px; }
#sidebar #tunnelblick a { color: #000; text-decoration: none; }
#content { background: white; margin-left: 0; padding: 45px 5px 0 5px; }

#content.willkommen h1 { margin-bottom: 38px; }
#content.impressum h1 { margin-bottom: 20px; }

#haushalt { padding-left: 180px; background: transparent url(img/programm-haushaltskurs.jpg) 0 0 no-repeat; min-height: 160px; margin-bottom: 30px; }
#einsteiger { padding-left: 180px; background: transparent url(img/programm-einsteigerkurs.jpg) 0 0 no-repeat; min-height: 160px; margin-bottom: 30px; }
#jugendliche { padding-left: 180px; background: transparent url(img/programm-jugendliche.jpg) 0 0 no-repeat; min-height: 160px; margin-bottom: 30px; }
#privat { padding-left: 180px; background: transparent url(img/programm-hausberatung.jpg) 0 0 no-repeat; min-height: 160px; margin-bottom: 48px; }
#alle { margin-bottom: 48px; }