@import url(content.css);

* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }

body {
    background: url(../_images/bg_body.gif) center repeat-y #8dcd29;
    color: #5f676b;
    font-family: 'Lucida Grande',Lucida, Helvetica, sans-serif;
    font-size: 0.8em;
    height: 100%;
    width: 100%;
}

.floatbox { overflow: hidden; margin-bottom: 1.5em; }

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfloat { clear: both; }

.hideme, h2.hideme, dfn {
    display: inline;
    height: 0;
    left: -999em;
    overflow: hidden;
    position: absolute;
    top: -999em;
    width: 0;
}

#skip_top {
    left: -999em;
    position: absolute;
    top: -999em;
    width: 100%;
    z-index: 666;
}

#skip_top a:focus, #skip_top a:active {
    background-color: #fff;
    border: 5px #3093CC solid;
    display: block;
    left: 1000em;
    padding: 2em;
    position: absolute;
    top:  1000em;
    width: 300px;
    z-index: 666;
}

h3 { font-size: 1.1em; line-height: 140%; margin: 15px 0 .8em 0; }
h4 { font-size: 1em; line-height: 140%; margin: 0 0 .8em 0; }
h5 { font-size: 1em; line-height: 140%; font-weight: normal; font-style: italic; margin: 0 0 .8em 0; }

a { color: #434f5e; }
a:hover, a:focus, a:active { color: #434f5e; text-decoration: none; }
a img { border: 0; }

p { margin: 0 0 .8em 0; line-height: 140%; }
ul, ol { padding: 5px 0px 5px 25px; }
li { line-height: 140%; margin: 0 0 4px 0; }

hr { display: none; }

.small { font-size: .9em; }
.uppercase { text-transform: uppercase; }
.ifl { border: 1px #9cb9db solid; float: left; margin: 0 1em .2em 0; }
.ifr { border: 1px #9cb9db solid; float: right; margin: 0 0 .2em 1em; }
.ifl img, .ifr img { margin: 2px; }
.canceled { text-decoration: line-through; }



/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Seitenbreite und Ausrichtung */
#wrapper { background: url(../_images/bg_content.gif) repeat-y; margin: 0 auto 0 auto; width: 780px; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Header */
#header { background: url(../_images/bg_headerfoto.jpg) right top no-repeat #fff; }
#header h1 { display: block; }


/* Navigation */
#header #nav_main { background: url(../_images/bg_mainnav.gif) 0 0 no-repeat #f9fcfd; min-height: 249px; width: 260px; }
#nav_main ul { list-style-type: none; padding: 15px 0 0 0; margin: 0; }
#nav_main ul li { }
#nav_main ul li a, #nav_main ul li strong {
    background: url(../_images/bg_mainnav_default.gif) left center no-repeat #f3f9fc;
    color: #434f5e;
    display: block;
    line-height: 180%;
    padding: 0 10px 0 30px;
    text-decoration: none;
}
#nav_main ul li a:hover, #nav_main ul li a:active, #nav_main ul li a:focus { background: url(../_images/bg_mainnav_hover.gif) left center no-repeat #fff; }
#nav_main ul li strong, #nav_main ul li.open a { background: url(../_images/bg_mainnav_open.gif) left center no-repeat #fff; font-weight: normal; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Content */
#content { min-height: 400px; }
#content #col_sidebar { float: left; padding: 20px 15px 15px 15px; width: 230px; }
#content #col_content { float: right; padding: 20px 15px 30px 15px; width: 490px; }

/* Subnavigation */
#nav_sub { margin: 10px 7px 20px 7px; }
#nav_sub ul { border-top: 1px #daecf6 solid; list-style: none; margin: 0; padding: 0; }
#nav_sub li { display: inline; margin: 0; padding: 0; }
#nav_sub li a, #nav_sub li strong { border-bottom: 1px #daecf6 solid; display: block; font-size: 1.0em; font-weight: normal; margin: 0; padding: .3em 8px; text-decoration: none; }
#nav_sub li a:hover, #nav_sub ul li a:active, #nav_sub ul li a:focus { background: #fff; }
#nav_sub li strong { background: url(../_images/bg_navsub.gif) 9px .7em no-repeat #fff; padding-left: 18px; }


/* - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - */
/* Footer */
#footer { background: #eff7f9; clear: both; padding: 5px 0 0 0; position: relative; }
#footer a { color: #5f676b; }
#footer p { margin: 0; padding: 0; }
#footer p#skip_bottom {
    font-size: .9em;
    left: 20px;
    position: absolute;
    top: 22px;
    width: 200px;
}
#footer p.text {
    font-size: .9em;
    left: 275px;
    position: absolute;
    top: 22px;
    width: 280px;
}
#footer p.logos { padding: 10px 15px 10px 10px; text-align: right; }