* {
    padding:0;
    margin:0;
}

/* Damit die unteren Divs bis ans Bildschirmende gehen */
html {
    height: 100%;
}

body {
margin:0;
padding:0;
font-family: Trebuchet MS, Helvetica, Sans-Serif, Verdana;
font-size: 10pt;
color: #999999;
background: #FFFFFF url(../img/page/gruen_bg.png) repeat-y center;
height: 100%;
}

img {
    border: 0;
}

p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

ul {
    margin-left: 2em;
}

h4 {
    margin-bottom: 0.5em;
    margin-top: 1.3em;
}

a {
    color: #999999;
}
a:hover {
    color: #666666;
}

#verlauf {
    background: url(../img/page/verlauf.png) repeat-x top;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

/* Kopfbereich mit Logo, Copyright und Top-Navigation */
#top {
    background: url(../img/page/top.png);
    width: 800px;
    height: 78px;
    margin-left: auto;
    margin-right: auto;
}

#copyright {
    float: right;
    margin-top: 90px;
    margin-right: 10px;
}

#topnav {
    float: left;
    margin-top: 60px;
    margin-left:30px;
}

/* Die Links im Kopfbereich */
a.topnav {
    color: #999999;
    text-decoration: none;
}
a.topnav:hover {
    color: #666666;
}
/* Ende Kopfbereich */

/* Header-Bereich mit wechselndem Kopfbild, Bereich "Aktueller Kurs" und Hauptnavigation */
#header {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 251px;
    background: #FFFFFF;
}

/* IE6 Hack \*/
* html #header {width: 803px;}
/* End IE6 Hack */

#header_pic {
    float: left;
}

#nextcourse {
    background: #FFFFFF;
    width: 325px;
    height: 227px;
    margin-left: 475px;
}

#ournextcourse {
    float: right;
    width: 325px;
    height: 52px;
    margin-top: 56px;
    background: url(../img/page/nextcourse_green_bg.png) right top no-repeat;
    text-align: right;
}

#nextcourse_header {
    float:right;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    line-height: 16pt;
    width: 96%;
    margin-top: 5px;
    margin-right: 13px;
}

#nextcourse_title {
    float: right;
    margin-top: 6px;
    margin-right: 13px;
    font-size: 9pt;
    font-weight: bold;
    line-height: 12pt;
}

#ournextcourse_content {
    float: right;
    width: 294px;
    height: 90px;
    margin-top: 27px;
    margin-right: 13px;
    text-align: right;
    font-size: 9pt;
    line-height: 12pt;
}

/* IE6 Hack */
* html #ournextcourse_content {margin-right: 6px;}
/* End IE6 Hack */

#mainmenu {
    float: right;
}

/* IE6 Hack */
* html #mainmenu { float: none; }
/* End IE6 Hack */

/* IE7 Hack */
*+html #mainmenu { float: none;}
/* IE7 Hack */

/* FF2 Hack */
/*#mainmenu, x:-moz-any-link { float: none; }*/

/* FF3 Hack */
/*#mainmenu, x:-moz-any-link, x:default { float: none; }*/


#nav-menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#nav-menu li {
    float: left;
    margin: 0px;
    padding: 0px;
}
#nav-menu li ul li{
    float: none;
    margin: 0px;
    padding: 0px;
}
#nav-menu li a
{
    background: url(../img/page/menu_bg.png) #fff repeat;
    height: 23px;
    width: 106px;
    display: block;
    border: 1px solid #dfdfdf;
    color: white;
    text-decoration: none;
    text-align: center;
    line-height: 17pt;
}
#nav-menu li a:hover {
    background: url(../img/page/menu_bg_hover.png) repeat;
    color: #999999;
}

#nav-menu li ul {
    position: absolute;
    float: none;
    display: none;
    margin-top: 0px;
}

/* IE7-Hack. Damit das Aufklappmenu nicht verschwindet. IE7 macht einen Pixel zuviel Abstand \*/
*+html #nav-menu li ul { margin-top: -1px;}
/* Ende IE7-Hack */

#nav-menu li:hover ul, #nav-menu li.over ul {
    display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav-menu li ul li { float: none; height: 1%;}
* html #nav-menu li ul a { height: 1%; }
/* End */

/* Ende Header-Bereich*/

/* Hauptbereich mit Gruener Spalte und Content-Bereich */
#main_content_container {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: 100%;
}

#balken_links {
    width: 190px;
    float: left;
    height: 100%;
}

#balken_links_content {
    margin-top: 35px;
    margin-left: 15px;
    color: #54A500;
}
#balken_links_content a {
    text-decoration: none;
    color: #54A500;
}

#main_content {
    min-height: 100%;
    height: auto;
    float: left;
    width: 610px;
}
#content {
    margin-top: 90px;
    margin-left: 60px;
    width: 80%;
}

#content td {
    padding: 0 0.4em;
}

h1 {
    color: #54A500;
    font-size: 12pt;
    margin-bottom: 1em;
}


/* Allgem. Kurstabelle */

.course_table {
    padding: 0px;
    margin: 1px;
    width: 490px;
    font-size: 9pt;
    color: #939498;
}

.course_table tr {
    height: 25px;
}

.course_table th {
    font-weight: bold;
    color: #939498;
    background-color: #f2f8eb;
}

.course_table th.date_row {
    background-color: #dcddde;
}

.course_table td {
    background-color: #dcecc8;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

.course_table td.title {
    width: 240px;
}

.course_table td.date_row {
    background-color: #939498;
    color: white;
    text-align: right;
    width: 120px;
}

/* Ende Allgem. Kurstabelle */


/* Tabelle fuer Kursbeschreibungen */

#headrow {
    width: 485px;
}
#coursebox_title {
    font-weight: bold;
    color: #939498;
    background-color: #f2f8eb;
    text-align: center;
    height: 25px;
    width: 240px;
    line-height: 25px;
    font-size: 9pt;
    float: left;
}
#coursebox_desc {
    font-weight: bold;
    color: #939498;
    background-color: #dcddde;
    text-align: center;
    height: 25px;
    width: 240px;
    line-height: 25px;
    font-size: 9pt;
    margin-left: 242px;
}

#content h3 {
    cursor: pointer;
    background-color: #dcecc8;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    width: 220px;
    /*height: 25px;*/
    font-size: 9pt;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    text-decoration: underline;
    line-height: 12pt;
    padding-top: 5px;
    padding-bottom: 5px;
}

.descriptionbox {
    border-top: 1px solid white;
    width: 230px;
    margin-left: 242px;
    margin-top: 0px;
    background-color: #939498;
    color: white;
    text-align: left;
    /*padding-right: 5px;
    padding-left: 5px;*/
    padding: 5px;
}

.descriptionbox h2 {
    font-size: 11pt;
    margin-bottom: 10px;
}


/* Ende Tabelle fuer Kursbeschreibungen */

/* Ende Hauptbereich */