body {
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0;
        background: #f0f8ff;
        padding: 0;
        text-align:center;

         }

#format {
        width: 950px;
        padding: 0px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
         }

#titel {
        color: #ff8040;
        padding: 0;
        margin-right:auto;
        margin-left:auto;
        margin-top:0px;
        margin-bottom:0px;
        width: 100%;
        height: 97px;
         vertical-align: middle;
         background: url(../graphik/logo.jpg) no-repeat 10px 10px #f0f8ff;
         border-bottom: 1px solid #800080;
}

h1 {
        font-size: 36px;
         margin: 0;
}

h5 {
        font-size: 13px;
         line-height: 29px;
         margin: 0;
}

#nav_oben {
        font-size: 13px;
         font-weight: bold;
        color: #ff8040;
        line-height: 40px;
        width: 100%;
         height: 40px;
         padding: 0;
         margin: 0;
         background-color: #f0f8ff;
         margin: 0 auto 0 auto;
}

#navi {
        text-align: left;
        padding: 0;
        margin: 5px 25px 0 5px;
        float: left;
        width: 220px;
        color: #53318d;
        font-weight: bold;
}

#vert_navi {
        font-size: 13px;
        line-height: 35px;
        background: url(../graphik/bg_vg.gif) bottom repeat-x #E0F3FF;
        width: 100%;
         border-bottom: 1px solid #00a;
}

/* Textausgabe */

.textausgabe, #textausgabe{

        text-align: left;
        float: left;
        width: 610px;
        margin-left: 20px;
        margin-right: 50px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
}

#textausgabe h3{
        text-align: left;
         font-size:13px;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 5px;
         margin-left: 0;
        border-bottom: 1px dotted #800080;
}

#drucken {
        display: none;
         }

h4{
        text-align: left;
         font-size:13px;
        width: 560px;
        font-weight: bold;
        margin-top: 15px;
         margin-bottom: 3px;
        border-bottom: 1px dotted #800080;
}

h2, h3{
        text-align: left;
         font-size:16px;
         font-weight:bold;
        padding: 0;
        color: #888;
}


hr{width: 75%; color: #fff; background: #fff; border: 0; border-bottom: 1px solid #800080;}

/* Tabellen*/

table
{
        width: 600px;
        text-align: left;
         float:left;
         margin-left: 0px;
}

tr
{
        margin-bottom: auto;
        padding-bottom: 1px;
        border: thin none;
}
th
{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        text-align:left;
        color: #222;
        padding: 10px;
        }
td
{
        font-family: Arial, Helvetica, sans-serif;
         text-align:left;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #222;
        padding: 0;
        }

td.kursnummer {
font-size: 12px;
text-align: left;
width: 50px;
}
td.kurszeiten {
font-size: 12px;
text-align: left;
}


td.kurs {
vertical-align: top;
}

td.kursl {
width:190px;
vertical-align:top;
text-align:right;

}
td.kursr {
width:190px;
vertical-align:top;
text-align:left;

}

td.kursbezeichnung{
font-size: 12px;
width:320px;
}
td.lbezeichnung {
        border-top:1px solid #808080;
        }
td.leer {
        width:150px;
         }

/* Forms */

fieldset {
        border-top: 1px solid #ccc;
        border-right: 0px;
        border-bottom: 0px;
        border-left: 0px;
}

legend {
        color: #888;
        margin-bottom: 10px;
}

label{
        width: 210px;
        float: left;
        text-align: right;
        margin-right:8px;
}

input {
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        height: 20px;
        width: 200px;
         background-color:#ccc;
        border-top: 1px solid #800080;
         border-bottom: 2px solid #800080;
         border-left: 2px solid #800080;
         border-right: 1px solid #800080;
}

select {
        font-family: Arial, Helvetica, sans-serif;
                float: left;
        height: 20px;
        width: 200px;
         background-color:#ccc;
}

input.radio {
        font-family: Arial, Helvetica, sans-serif;
         width:20px;
        height: 20px;
        line-height : normal;
}

input.submit {
        width:200px;
        font-size : 12px;
         font-weight:bold;
        height: 24px;
        margin-left: 200px;
}

button.teilnahme {
        font-family: Arial, Helvetica, sans-serif;
        width: 140px;
        font-size : 12px;
         background-color: #f0f8ff;
        color: #800080;
         border: 0;
         cursor: pointer;
         height: 16px;
}

button.submit {
        font-family: Arial, Helvetica, sans-serif;
        width:200px;
        font-size : 12px;
         font-weight:bold;
        height: 24px;
        margin-left: 200px;
         background-color:#ccc;
        border-top: 1px solid #800080;
         border-bottom: 2px solid #800080;
         border-left: 2px solid #800080;
         border-right: 1px solid #800080;
}

input.contacterror {
        height: 20px;
        background-color:#fcc;
        border-top: 1px solid #f00;
         border-bottom: 2px solid #f00;
         border-left: 2px solid #f00;
         border-right: 1px solid #f00;
}

input.area51 {
        width: 500px;
}

input:focus {
        background-color: #fff;
}

textarea {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
         background-color:#ccc;
        border-top: 1px solid #800080;
         border-bottom: 2px solid #800080;
         border-left: 2px solid #800080;
         border-right: 1px solid #800080;
         margin-bottom: 15px;
}
textarea.contacterror {
        background-color:#fcc;
        border-top: 1px solid #f00;
         border-bottom: 2px solid #f00;
         border-left: 2px solid #f00;
         border-right: 1px solid #f00;
}
textarea:focus {
        background-color: #fff;
}



/* Verweise */

a:link {
        color:#800080;
         text-decoration: none;
}
a:visited {
        color:#800080;
         text-decoration: none;
}
a:hover {
        color:#800080;
         text-decoration: none;
}
a:active {
        color:#800080;
         text-decoration: none;
}

a.titel:link {
        color: #800080;
         text-decoration: none;
}
a.titel:visited {
        color: #800080;
         text-decoration: none;
         }
a.titel:hover {
        color: #800080;
         text-decoration: none;
}
a.titel:active {
        color: #800080;
         text-decoration: none;
}

a.nav_oben:link {
        color: #00a;
         text-decoration: none;
         font-weight:bold;
}
a.nav_oben:visited {
        color: #00a;
         text-decoration: none;
         font-weight:bold;
}
a.nav_oben:hover {
        color: #00a;
         text-decoration: none;
         font-weight:bold;
}
a.nav_oben:active {
        color: #00a;
         text-decoration: none;
         font-weight:bold;
}

a.vert_nav:link {
        color: #00a;
         line-height: 35px;
         text-decoration: none;
         font-weight:bold;
         padding: 5px;
         margin: 0;
}
a.vert_nav:visited {
        color: #00a;
         line-height: 35px;
         text-decoration: none;
         font-weight:bold;
         padding: 5px;
         margin: 0;
}
a.vert_nav:hover {
        color: #00a;
         line-height: 35px;
         text-decoration: none;
         font-weight:bold;
         padding: 5px;
         margin: 0;
         background: url(../graphik/bg_vg.gif) repeat-x;
}
a.vert_nav:active {
        color: #00a;
         line-height: 35px;
         text-decoration: none;
         font-weight:bold;
         padding: 5px;
         margin: 0;
         background: url(../graphik/bg_vg.gif) repeat-x;
}

a.nav:link {
        color: #00a;
         background-color: #E0F3FF;
         width: 195px;
         line-height: 25px;
         text-decoration: none;
         font-weight:bold;
         margin: 10px;
         padding: 3px;
         border-top: 1px solid #fff;
         border-right: 1px solid #fff;
         border-left: 1px solid #bfefff;
         border-bottom: 1px solid #bfefff;
         display: block;
}
a.nav:visited {
        color: #00a;
         background-color: #E0F3FF;
         width: 195px;
         line-height: 25px;
         text-decoration: none;
         font-weight:bold;
         margin: 10px;
         padding: 3px;
         border-top: 1px solid #fff;
         border-right: 1px solid #fff;
         border-left: 1px solid #bfefff;
         border-bottom: 1px solid #bfefff;
         display: block;
}
a.nav:hover {
        color: #00a;
        background: url(../graphik/bg_vg.gif) bottom repeat-x #E0F3FF;
         width: 195px;
         line-height: 25px;
         text-decoration: none;
         font-weight:bold;
         margin: 10px;
         padding: 3px;
         border-top: 1px solid #fff;
         border-right: 1px solid #fff;
         border-left: 1px solid #bfefff;
         border-bottom: 1px solid #bfefff;
         display: block;
}
a.nav:active {
        color: #00a;
        background: url(../graphik/bg_vg.gif) bottom repeat-x #E0F3FF;
         width: 195px;
         line-height: 25px;
         text-decoration: none;
         font-weight:bold;
         margin: 10px;
         padding: 3px;
         border-top: 1px solid #fff;
         border-right: 1px solid #fff;
         border-left: 1px solid #bfefff;
         border-bottom: 1px solid #bfefff;
         display: block;
}