@charset "UTF-8";

.printonly {
    display: none;
}



.stripeMe table {
    border-collapse: collapse;
    width: 630px;
    margin: 24px;
}



.stripeMe td {
    padding: 6px 11px;
    vertical-align: top;
    background:#80848c;
}

.stripeMe td * {
    padding: 6px 11px;
}

.stripeMe tr.alt td {
    background: #626875;
}

.stripeMe tr.over td {
/*  background: #5A5F69;*/
}

.stripeMe thead td {
    background: #1F2A62;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 6px 11px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}



body  {
        font: 14px Arial, Helvetica, sans-serif;
        background: url(../images/bg.jpg) left top repeat-x #ffffff;
        margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
        padding: 0;
        text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
        color: #000000;
        line-height:18px;
    }
    
div.welle {
background: url(../images/bg_welle.png) left top repeat-x #ffffff;
}   

td, p {
        font: 14px Arial, Helvetica, sans-serif;
        color: #000000;
        line-height:18px;
}
    .twoColFixRtHdr #container { 
        width: 980px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, k�nnen Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
        margin: 0 auto; /* Durch automatische R�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
        text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */
    } 
    .twoColFixRtHdr #header { 
        /*      padding: 0 10px 0 20px;  /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auff�llung entfernen. */
    } 

    .twoColFixRtHdr #sidebar1 {
        float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
        width: 300px; /* Die tats�chliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer au�er der Breite auch die Auff�llung und den Rahmen. */
        padding: 0px 0px;
    }
    .twoColFixRtHdr #mainContent { 
        margin: 0 350px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabh�ngig von der Inhaltsmenge des sidebar1-div immer gleich. Sie k�nnen diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 f�llen soll, wenn der Inhalt in #sidebar1 endet. */
        padding: 0 10px 0 20px; /* padding (Auff�llung) bezeichnet den Innenabstand und margin (Rand) den Au�enabstand der div -Box. */
    } 
    .twoColFixRtHdr #footer { 
        padding: 0; /* Diese Auff�llung entspricht der linksb�ndigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
        margin-top: 15px;
        background: url(../images/bg_footer.jpg) left top no-repeat;
    } 
    .twoColFixRtHdr #footer p {
        margin: 0; /* Wenn Sie die R�nder des ersten Elements in der Fu�zeile auf 0 einstellen, k�nnen Sie unerwartete Abst�nde zwischen divs vermeiden. */
        padding: 0; /* Durch die Verwendung der Auff�llung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    .fltrt { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach rechts flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
        float: right;
        margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. */
        float: left;
        margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie�en eines Containers sein, der wiederum einen vollst�ndigen Float enthalten sollte. */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    
    img{
    border:none;
    
    }
    
    .downloadtable{
    width: 630px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    }
        .downloadtable td{
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
    }
    
    .downloadtable #head{
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: rgb(31, 42, 98);
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
    }
    
    
#bild1{

padding-top:10px;
}
#bild2{

padding-top:10px;
}   
    /*################ MENU ################*/
    
    
    #vpnavigation, #vpnavigation ul { /* alle Listen */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    float: right;
    margin-right: -5px;
}

#vpnavigation a {
    display: block;
    /*width: 10em;*/
    font: 16px Arial, Helvetica, sans-serif;
    text-decoration:none;
    color: #000000;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 6px;
    /*height:30px;*/
    
}

#vpnavigation li { /* alle Listenelemente */
    float: left;
    /*width: 10em;*/
    background: #fff;
    width: auto;
    /*height:30px;*/
    
}

#vpnavigation li ul { /* Listen 2. Ebene */
    position: absolute;
    background: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 160px;
    left: -999em; /* durch "left" außerhalb des sichtbaren Bereichs wird das gleiche erreicht wie durch "display: none", kann aber auch von Textbrowser angezeigt werden */
}

#vpnavigation li li { /* Listenelemente mit Unterpunkten */
    float:none;
    text-align:left;
    background:none;
    border-bottom: 1px solid #eeeeee;
    
}

#vpnavigation li li a.daddy { /* Listenelemente mit Unterpunkten */
    background: url(../images/rightarrow.gif) center right no-repeat;
}

#vpnavigation li ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 10em;
    width: 160px;
}

#vpnavigation li:hover ul ul, #vpnavigation li.sfhover ul ul {
    left: -999em;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

#vpnavigation li.activepath { /* Listenelemente, die im aktiven Pfad liegen */
    font-style: italic!important;
}

#vpnavigation li#active { /* Listen zur aktuellen Kategorie */
    font-style: italic!important;
}


#vpnavigation li.last ul{
    margin: 0 0 0 -100px;
    width:160px;
    /*margin: 0 0 0 -10em;*/
    
}
#vpnavigation li.last ul li{ /* Listen 3. Ebene und weiter */
    
    /*margin: 0 0 0 -10em;*/
    text-align:right;
}

#vpnavigation li.last ul ul { /* Listen 3. Ebene und weiter */
    margin: -1em 0 0 -190px;
    width: 160px;
    display:none;
}   

    
    /*############## MENU ENDE #############*/
    
    
ul#metaNavigation {
    margin:10px 0 0px 0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
    border-left:1px solid #D7D7D6;
}

ul#metaNavigation li.erster {
    border-left:0px solid #D7D7D6;
    }   
    
.fett{font-weight: bold;}
.kursiv {font-style:italic}
    
    a  {
        font: 12px Arial, Helvetica, sans-serif;
        color: #000000;
        text-decoration:none;
        outline: none;
    }
    a:hover  {
        font: 12px Arial, Helvetica, sans-serif;
        color: #78a3d0;
        text-decoration:none;
        outline: none;  
    }
    
    .datum{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;

    }
    .datum a{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        text-decoration:none;

    }
    .datum a:hover{
        font: 10px Arial, Helvetica, sans-serif;
        color: #c5e1fe;
        text-decoration:none;
    }
    h1{
    font: 20px Arial, Helvetica, sans-serif;
    margin: 0;
    margin-bottom:11px;
    padding: 0;
    }
    h2{
    font: 16px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    }
    
    h3{
    font: 14px Arial, Helvetica, sans-serif bold;
    margin: 0;
    padding: 0;
    }   
    .greysmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#b8b8b8;
    }
    a.greysmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#b8b8b8;
    text-decoration:none;
    }
    a.greysmall:hover
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#666666;
    }
    
    a.greybig
    {
    font: 16px Arial, Helvetica, sans-serif;
    color:#666666;
    text-decoration:none;
    }
    
    .whitesmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    }
    a.whitesmall
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    text-decoration:none;
    }
    a.whitesmall:hover
    {
    font: 11px Arial, Helvetica, sans-serif;
    color:#FFF;
    }
    
    .buttons{
    padding-left: 20px;
    }
    
    #footnotes{
        font: 12px Arial, Helvetica, sans-serif;
        color: #000000;
        padding-bottom:10px;
        text-align:center;
    }
    
    
    #mainContent ul{
    margin:0 0 0 20px;
    padding:0;
    }
    
    #mainContent li{
    margin:0 0 0 0;
    padding:0;
    }

.terminheader{
   width: 630px;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color: #3055A5;
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
    }


.back{
text-align:right;
padding-right: 10px;
}

.back a{
color: #fff;
text-decoration:none;
font-weight:bold;
width:80px;
}

    
.applemenu{
margin:  0;
padding: 0;
width: 300px; /*width of menu*/
border: 0px solid #626875;
}

.applemenu div.silverheader a{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 5px center;
font: normal 16px Arial, Helvetica, sans-serif;
color: #c5e1fe;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 15px;
text-decoration: none;
border-top: 2px solid #626875;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #c5e1fe;
border-top: 2px solid #626875;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background: #5a5f69 url(../images/arrow_down.gif) no-repeat 5px center;
color: white;
padding: 5px 0;
padding-left: 15px;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #626875;
padding: 5px;
height: 320px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.applemenu div.silverheader a.active{
background: #5a5f69 url(../images/arrow_down.gif) no-repeat 5px center;
color: #FFF;
}


.applemenu div.silverheader a.inactive{
background: #5a5f69 url(../images/arrow_up.gif) no-repeat 5px center;
color: #FFF;
}




.img {

/* This adds the border */
padding:3px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:#626875;
margin:5px;
}


#googlemaps{

color:#666666
}
/**********************************

Name: Sitemap

***********************************/

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {
    border-bottom: 1px solid #8b8c8f;
    list-style-type: none;
}

.sitemap .level1 {
        background-color: #5A5F69;
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        background-color: #626875;
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #70757f;
        padding: 3px 3px 3px 50px;
}

.sitemap a{

text-decoration:none
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}


/**********************************

Name: Sitemap2

***********************************/

.sitemap2, .sitemap2 ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap2 li {
    
    list-style-type: none;
}

.sitemap2 .level1 {
        background-color: #5A5F69;
        padding: 3px 3px 3px 10px;
    
    
}

.sitemap2 .level2 {
        padding: 3px 3px 3px 20px;
        background: url(../images/arrow_mini.gif) no-repeat left center;
    
}

.sitemap2 .level3 {

        padding: 3px 3px 3px 30px;
        background: url(../images/arrow_up.gif) no-repeat left center;
}

.sitemap2 a{
        margin-left:10px;
text-decoration:none

}

/* Only for IE */
*+html .sitemap2 .list2, * html .sitemap2 .list2 {
        margin-top: -14px;
}
*+html #flash {

margin-top: -5px;
}






/**********************************

Name: cmxform Styles

***********************************/


form.cmxform legend {
    padding-left: 0;
}

form.cmxform legend, form.cmxform label {
    color: #333;
}

form.cmxform fieldset {
    border: none;
    border-top: 1px solid #C9DCA6;
    background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
    background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
    background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
    padding: 5px 10px 7px;
    background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-style: italic
}

div.error { display: none; }
input, select, textarea {   border: 1px solid #5a5f69; background-color: #dcedfe;}
input:focus { border: 1px dotted #343840; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

#kontaktform td{
        font: 14px Arial, Helvetica, sans-serif;
        margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auff�llung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
        padding: 0;
        color: #FFFFFF;
}
#kontaktform input, #kontaktform select, #kontaktform textarea {
        margin-bottom:10px;
        width:350px;
}

.button{
 height:22px;
 width: 100px;
 
}
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
    width:550px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:transparent;
    border:0;
    color:#000000;
    padding:0 20px 0 0;
    background-image:url(../images/navi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:420px;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}