<meta http-equiv="Content-Style-Type" content="text/css">

* {margin: 0; padding: 0; border: 0;}


html { height:100%; }


body {
text-align: center;
min-width: 980px;
min-height: 101%;
margin: 0px;
        background-color:#e4e4e4;
        font-size:1em;
        font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
        background-image:url('../pics/mainbg.jpg');
        background-position:top left;
        background-repeat:no-repeat;
        color:#000;


}

a img {
border:none;
}


/* Untermenu */
#sub {
        width: 110px;
        border-bottom: 1px solid #F6B762;
        }
ul, li {
        display: inline;
        margin: 0px;
        padding: 0px;
        }
.sub {
        display: block;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        color: #333;
        background: #inherit;
        line-height: 20px;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        border-top: 1px solid #F6B762;
        border-left: 10px solid #FEA046;
        border-bottom: 1px solid #F6B762;
        border-right: 1px solid #F6B762;
        margin-bottom: 2px;
        }
.sub:hover {
        color: #333;
        background: #B0DDF3;
        text-decoration: none;
        border-left: 10px solid #8ACFF2;
        }

.sub a{
text-decoration: none;
color:#000;
}

.sub a:visited{
text-decoration: none;
color:#000;
}

.sub a:hover{
text-decoration: none;
color:#eeeeee;
}


.sub_active {
        display: block;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        color: #333;
        background: #B0DDF3;
        line-height: 20px;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        border-right: 10px solid #8ACFF2;
        border-top: 1px solid #F6B762;
        }

/* Untermenu */


.subsub {
        display: block;
        margin-left: 8px;
        padding-left: 8px;
        color: #333;
        background: #inherit;
        line-height: 20px;
        font-size: 0.7em;
        text-decoration: none;
        text-align: left;
        margin-bottom: 2px;
        border-top: 1px solid #F6B762;
        border-left: 5px solid #FEA046;
        border-bottom: 1px solid #F6B762;
        border-right: 1px solid #F6B762;
        }
.subsub:hover {
        color: #333;
        background: #B0DDF3;
        text-decoration: none;
        border-left: 10px solid #8ACFF2;
        }

.subsub a{
text-decoration: none;
color:#000;
}

.subsub a:visited{
text-decoration: none;
color:#000;
}

.subsub a:hover{
text-decoration: none;
color:#eeeeee;
}


.subsub_active {
        display: block;
        margin-left: 8px;
        padding-left: 8px;
        color: #333;
        background: #B0DDF3;
        line-height: 20px;
        font-size: 0.7em;
        text-decoration: none;
        text-align: left;

        }


.tx-powermail-pi1 fieldset {
         padding: 1em; font:80%/1 sans-serif; border: 1px normal #999;
         }
.tx-powermail-pi1 label {
         font-family:verdana,arial; width: 12em; font-size: 12px; padding: 0px 10px 0px 10px;
         float: left; text-align: right;
         margin-right: 0.5em display: block
         }
.tx-powermail-pi1 input {
         margin-bottom: 10px;
         }
.tx-powermail-pi1 textarea {
         margin-bottom: 10px;
         }
.tx-powermail-pi1 legend {
         font-family:verdana,arial; font-size: 12px; padding: 0px 10px 0px 10px;
         }


table.table_with_border {
background-color:#d0e3f2;
border-color:#002c5b;
border-style:solid;
border-width:1px;
border:1px;
}

th.table_with_border {
border:1px;
border-color:#002c5b;
border-style:solid;
border-width:1px;
background-color:#002c5b;
font-size:0.8em;
text-align: center;
padding: 0px;
margin-bottom: 0px;
color: #fff;
}
tr.table_with_border {
font-size:0.7em;
text-align: center;
padding: 0px;
margin-bottom: 0px;
color: #002c5b;
border:1px;
border-color:#002c5b;
border-style:solid;
border-width:1px;
background-color:#e3f2f2;
}

td.table_with_border {
border:1px;
border-color:#002c5b;
border-style:solid;
border-width:1px;
font-size:0.7em;
text-align: justify;
padding: 0px;
margin-bottom: 0px;

}


span.align-left {text-align:left;}

span.align-center {text-align:center;}

span.align-right {text-align:right;}

span.align-justify {text-align:justify;}

table.table-1 {border:1px solid #f0f0f0;}

table.table-2 {width:100%;}

td.cell-1 {padding:10px;}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
text-align: left;
width: 980px;
margin: 0 auto;
background: #ffffff;
border-bottom: 2px solid;border-color:#004d91;
}

#picture_left {
float: left;
border:1px solid;
border-color:#004d91;
width:300;
height:200;
margin-right: 3px;
margin-bottom: 3px;
}

#header, #subnav, #footer {
color: #000;
clear: both;
width: 100%;
}

#header {background: url(../pics/logo.jpg);
         background-repeat:no-repeat;
         background-position:top center;
         color: #fff;
         height: 200px;}

#subnav {background: #ccc; padding: 1px 0;}

#footer {padding: 0; 0; }


#contentfloatholder {/* right faux column tab */
clear: both;
background: url(../pics/bg.jpg) repeat-y;

<!--float: left;
width: 100%; -->
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
                height: 0px;
    clear: both;
    visibility: hidden;

}

#hormenucontainer {
width: 965px;
height: 44px;
<!--float:left; -->
padding-top:4px;
padding-right:15px;
margin: 0 0;

text-align: right;
background: #AA0011;
background: url(../pics/hg_butt.jpg) no-repeat;
background-position:top left;
}

#button1, #button2, #button3, #button4, #button5, #button6 {
 float:left;
 width: 80px;
 height: 80px;
 margin: 0 0 0 0;
 border:none;
}

#imageContainer {
        position:relative;
        margin:auto;
        width:500px;
        border:1px solid #000;
}
.copy {
        width:500px;
        margin:auto;
        position:relative;
        font:0.9em verdana;
}


#button1{
         width: 435px;
/*         background: url(../pics/b1.gif);
 #        background-repeat:no-repeat;
  #       background-position:top center;   */
}

#button2{
         background: url(../pics/b2.gif);
         background-repeat:no-repeat;
         background-position:top center;
}

#button3{
         background: url(../pics/b3.gif);
         background-repeat:no-repeat;
         background-position:top center;

}

#button4{
         background: url(../pics/b4.gif);
         background-repeat:no-repeat;
         background-position:top center;

}

#button5{
         background: url(../pics/b5.gif);
         background-repeat:no-repeat;
         background-position:top center;


}

#button6 {
         background: url(../pics/b6.gif);
         background-repeat:no-repeat;
         background-position:top center;


}
#hg_butt {
 float:left;
 height: 70px;
 margin: 0 0 0 0;

         background: url(../pics/hg_butt.gif);
         background-repeat:no-repeat;
         background-position:top left;


}

#center {
float:right;
width: 551px;
margin-top: 0px;
padding-top: 5px;
padding-left: 0px;
padding-right: 8px;
}

/*
<!--
background:#fff;

}
border: 1px dotted;
 width: 500px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 2px;
padding-bottom: 0px;
<!-- margin: 0 230px 0 110px;   -->


<!--
#centerwrap {
border: 3px solid;
  float:left;
  width: 400px;
        <!-- margin: 0 -95% 0 0;
        }
-->
  */

#left {
  float:left;
  width: 140px;
  padding-top: 12px;
  padding-right:8px;
  padding-left:7px;

  }

#leftbar {
 background: url(../pics/empty_bar.gif); background-repeat: no-repeat; background-position: top left; #0000FF;
 float: left;
 width:70px;
}

#right {
  margin-top: 0px;
  padding-top: 5px;
  padding-left:4px;
  padding-right:7px;
  float:right;
  width: 180px;
}

#kastenrechts {
  float:right;
  margin-top: 5px;
  margin-left: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-left:4px;
  padding-right:4px;
  width: 250px;
}


/*
* html div#centerwrap {margin: 0 0 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 0 0;
padding: 2px 2px;
}
-->
  */
p {
/*margin-top:3px;
font-size:0.8em;
background:#ff0000;
padding:0;*/
text-align: justify;
}

bodytext {
/*margin-top:3px;
font-size:0.8em;
background:#ff0000;
padding:0;*/
text-align: justify;
}

li.listemitHG{
background:#abc;
}


h1{
clear:both;
font-size:1.1em;
color:#004d91;
padding:3px;
margin-top: 0px;
padding:bottom:2px;
background:url("../pics/us_bg_bar.gif") repeat-x;
background-position:top left;
border-bottom: 1px solid; #004d91;
}
h2{
/*clear:both;*/
font-size:0.9em;
padding:3px;
background-color:#84b5de;
color:#fff;
margin-bottom:1px;
/*margin-top:6px;*/
text-align:center;
}
h3{
/*clear:both;*/
margin-bottom:0px;
margin-top:6px;
text-align:center;
font-size:0.9em;
padding:3px;
background-color:#ffffff;
color:#004d91;
border: 1px solid;#004d91;
}

h4{
width: 264px;
margin-bottom:0px;
margin-top:6px;
text-align:center;
font-size:0.9em;
padding:3px;
background-color:#eeeeee;
color:#004d91;
border: 1px dotted;#004d91;
}

h5{
display:block;
margin-bottom:0px;
margin-top:6px;
text-align:right;
font-size:0.9em;
padding:3px;
background-color:#eeeeee;
color:#004d91;
border: 1px dotted;#004d91;
}


table.norm{
width:100%;
        margin-top:0;
        background-color:#fff;
        color:#000;
        border-spacing:0pt;
        /* border:1px solid #000;*/
        padding: 3px;
 }


td.norm{

        padding:00px;
        background-color:#fff;


}

table.spec1{
  float:right;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 4px;
  width: 265px;
        border-spacing:0pt;
        border:1px solid #000;
         }

td.spec1{
        font-size:0.8em;
        text-align: justify;
        /* padding:4px; */
        background-color:#d0e3f2;


}


table.termine{
  margin: 5px;
  padding: 4px;
  width: 100%;
  border-spacing:0pt;
  border:1px solid #d0e3f2;
}

td.termine{
        font-size:0.9em;
        text-align: left;
        padding:4px;

}

tr.gerade {
    background-color:#d0e3f2;
    padding:3px;

}

tr.ungerade {
    background-color:#e3f2f2;
    padding:3px;
}


table.butt{

  padding: 4px;
  width: 100%;
  border-spacing:3px;
  border:2px dotted #d0e3f2;
}

td.button1{
        font-size:0.9em;
        text-align: center;
        padding:4px;
        background-color:#d0e3f2;
        width:33%;

}

td.button2{
        font-size:0.9em;
        text-align: center;
        padding:4px;
        background-color:#e3f2f2;
        width:33%;

}


.uberschrift{
font-size:1.1em;
color:#004d91;
padding:top:4px;
padding:bottom:2px;
background:url("../pics/us_underline.jpg") repeat-x;
background-position:bottom left;
border-color:#004d91;
}

.us1{
font-size:1.5em;
padding:top:2px;
padding:bottom:0px;
}


.text_std{
font-size:0.8em;
text-align: justify;
padding: 0px;
margin-bottom: 0px;
}


.breadcrumb {
text-decoration:none;
text-align: right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}

.breadcrumb a{
text-decoration:none;
text-align: right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}


.breadcrumb a:visited{
text-decoration:none;
text-align:right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}

.breadcrumb a:hover{
text-decoration:none;
text-align:right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}

.breadcrumb a:link{
text-decoration:none;
text-align:right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}

.breadcrumb a:active{
text-decoration:none;
text-align:right;
font-size:0.9em;
color:#004d91;
padding: 0px;
margin-bottom: 0px;
border:none;
}