html, body, #page{
     width:100%;
     height:100%;
     overflow:hidden;
     margin:0px;
     font-family:arial;
     font-size:12px;
         color:#292929;
}


a:link, a:visited, a:active {color:#447619; text-decoration:none;}
a:hover {color:#0c2d5b; text-decoration:none;}
#bg{
     position:absolute;
     width:100%;
     height:100%;
}

#bg img{
     min-height:100%;
     height:auto !important;
     height:100%;
     min-width:100%;
     width:auto !important;
     width:100%;
     margin:0 auto;
     display:block;
     position:absolute;
     bottom:0;
     right:0;
}
#page{
     position:absolute;
     top:0;
     z-index:70;
     overflow:auto;
     width:100%;
}
#centerpage{
         width:820px;
         text-align:left;
}
#top{
         margin-top:10px;
         background-image: url(bg_top.png);
         width:820px;
         height:18px;
         background-repeat:no-repeat;
}
#middle{
         background-image: url(bg_middel.png);
         width:799px;
         background-repeat:repeat-y;
         padding:0px 11px 0px 10px;
}
#bottom{
         margin-bottom:10px;
         background-image: url(bg_bottom.png);
         width:820px;
         height:18px;
         background-repeat:no-repeat;
}
#header{
         border-bottom:3px solid #ffffff;
}
#header_left{
         width:187px;
         height:111px;
         margin-left:20px;
         float:left;
}
#header_right{
   width:592px;
   height:111px;
   float:right;
}
.clear{
         clear:both;
}
.trenner{
         background-image: url(bg_trenner.png);
         width:799px;
         height:5px;
         background-repeat:repeat-y;
                 font-size:4px;
}
#topmenue{
         font-size:10px;
         float:left;
         margin-left:60px;
}
#topmenue a:link, #topmenue a:visited, #topmenue a:active{
color:#447619;
text-decoration:none;
}
#topmenue a:hover{
color:#0c2d5b;
}
#sprachenwechsler{
         width:55px;
         float:left;
         margin-left:20px;
}
#suche{
         width:150px;
         float:left;
         margin-left:20px;
}
#suchform{
         height:14px;
         border:1px solid #0c2d5b;
         width:100px;
}
#menu_left{
         background-image: url(menu_left.png);
         width:9px;
         height:25px;
         background-repeat:no-repeat;
         float:left;
}
#menu_middle{
         background-image: url(menu_middle.png);
         height:25px;
         background-repeat:repeat-x;
         float:left;
}
#menu_right{
         background-image: url(menu_right.png);
         width:9px;
         height:25px;
         background-repeat:no-repeat;
         float:left;
}

div.newsinhalt p{
margin:0px;
padding:0px;
}

div.inhalt_startseite p{
margin: 0px;
padding-top:0px;
}

div.inhalt p{
margin:0px;
padding-top:0px;
}

h1{
margin:10px 0px 0px 0px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#0c2d5b;
}

h2{
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
color:#0c2d5b;
}


hr {
        height: 1px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #0c2d5b;
}


.inhalt_startseite{
border:1px solid #cfcfcf;
background-color:#fff;
padding:5px 5px 0px 5px;
margin-bottom:10px;
}

.inhalt{
border:1px solid #cfcfcf;
background-color:#fff;
padding:5px 5px 0px 5px;
margin-bottom:10px;
}


.newstopic{
font-weight:bold;
}

.newsinhalt{
margin:3px 0px 10px 0px;
}

.input{
        border:1px solid #0c2d5b;
}

.submit{
        color: #1e314e;
        background-color: #dcdcdc;
        border: 1px solid #0c2d5b;
}


        /* Beispiel-CSS f?r magazin_Layout */
        .magazine-layout {
                position: relative;
border:1px solid #cfcfcf;
background-color:#fff;
padding:5px;
width:766px;
overflow:hidden;
        }
        .magazine-container {
                background: #f6f6f6;
        }

        /* magazin_Layout mit verlinkten Einzelbildern */
        .magazine-image a, .magazine-image a:link, .magazine-image a:visited {
                color: #000;
                display: table;
                display: inline-block;
                filter: alpha(opacity=80);
                line-height: 0.0em;
                opacity: 0.80;
                -moz-opacity: 0.80;
        }
        .magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
                color: #000;
                filter: alpha(opacity=100);
                opacity: 1.00;
                -moz-opacity: 1.00;
        }

        /* komplett verlinktes magazin_Layout */
        a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
                cursor: pointer;
                display: table;
                display: inline-block;
                filter: alpha(opacity=80);
                line-height: 0.0em;
                opacity: 0.80;
                -moz-opacity: 0.80;
        }
        a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
                cursor: pointer;
                filter: alpha(opacity=100);
                opacity: 1.00;
                -moz-opacity: 1.00;
        }




/* Slideshow Settings */

ul.slideshow {list-style:none; overflow:hidden; position:relative; margin:0; padding:0;}

ul.slideshow li { position:absolute; left:0; right:0;}
ul.slideshow li.show {z-index:500;}
ul img {border:none;}

#slideshow-caption {text-align: right; width:100%; height:50px; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:5px 10px; z-index:1000;}
#slideshow-caption h3 {        margin:0; padding:0; font-size:14px; }
#slideshow-caption p {margin:5px 0 0 0; padding:0;}



/*
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS
F?r: do form! 2.x  und 3.x
Stand: 20.04.2009
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS ber?cksichtigt nicht alle m?glichen Felder
!! Farben nicht 1 zu 1 ?bernehmen
!! ist ja nicht wirklich h?bsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie?t */
.formgen {
border:1px solid #cfcfcf;
background-color:#fff;
padding:5px 5px 0px 5px;
margin-bottom:10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/*
Wie sehen die einzelnen Bl?cke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
        margin: 10px 0px 15px 5px;
}
 .forminfo
{
        width: 360px;
        margin-bottom: 15px;
        background-color: #fff;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 2px;
        padding-left: 5px;
        font-weight: bold;
        border: 1px dashed #990000;
                color:#990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/*
--------- FORMULAR-OBJEKTE ------------
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
        width: 400px;
        height: 200px;
        margin-left: 4px;
        border: 1px solid #0c2d5b;
        background-color: #fff;
}


/* Textfeld */
.formgen .formtext
{
        width: 250px;
        margin-left: 4px;
        padding-bottom: 4px;
        background-color: #fff;
        border: 1px solid #0c2d5b;
                height:12px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
        border: 1px solid #0c2d5b;
        background-color: #fff;
}



/* Label */
.formgen label {
        width: 160px;
        clear: left;
        float: left;
        height: 20px;
        font-weight: bold;
        color: #0c2d5b;
                padding-bottom:3px;
                padding-left:10px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
        width: 200px;
        background-color: #fff;
        margin-left: 4px;
        color: #000000;
                border: 1px solid #0c2d5b;
}

.formgen .date_day
{
        width: 40px;
        background-color: #fff;
        margin-left: 4px;
        color: #000000;
                border: 1px solid #0c2d5b;
}
.formgen .date_month
{
        width: 40px;
        background-color: #fff;
        margin-left: 4px;
        color: #000000;
                border: 1px solid #0c2d5b;
}
.formgen .date_year
{
        width: 60px;
        background-color: #fff;
        margin-left: 4px;
        color: #000000;
                border: 1px solid #0c2d5b;
}
/* Sende-Button */
.formgen .formsubmit
{
        color: #1e314e;
        background-color: #dcdcdc;
        border: 1px solid #0c2d5b;
}



/* Fieldsetbeschriftung */
.formgen legend {
        color: #000;
                padding:0px 10px 0px 10px;
                margin-bottom:10px;
}
.formgen .fieldset {
        margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
        color: #990000;
}

.formgen .formcaptcha
{
        border: 2px solid #990000;
        vertical-align: top;
        float: left;
        margin-right: 10px;
}

.formgen .formreq {
        color: #006633;
}

.formgen .formheadline {
        color: #993300;
        background-color: #FFF7EA;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-style: italic;
}

#form-module-thanks{
border:1px solid #cfcfcf;
background-color:#fff;
padding:5px 5px 0px 5px;
margin-bottom:10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



/* Nur ein Beispiel CSS */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:530px;
height:500px;
border:1px solid #000;
float:left;
margin-top:10px;
}

#directions {
float:right;
width:213px;
max-width:213px;
overflow:hidden;
}

#directions tbody,#directions tr, #directions table {
width:213px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:bold;;
}