/* Farben:
66CC00 grün
85FF0A hellgrün
CC6600 orange
0066CC blau
CC0000 rot */

/* Logo: eras bold itc */

/* Banner oben
468 x 60 Pixel
392 x 72 Pixel
234 x 60 Pixel
Höhe max. 100px

Banner rechts unten
Breite max. 300px */



body { 
width: 100%;
height: 100%;
margin: 0;
padding: 0;    
color: #003366;
text-align: center;
font: normal 100.01%/110% arial,verdana,helvetica,sans-serif; 
/* Hintergrund (Bild, Farbe) */
    background: url("../images/x.jpg") #fff no-repeat bottom;
}


#b_outer {

position: relative;

    border: 0 none;
/* Der "innere" Rand ist eigentlich ein Abstand, die Hintergrundfarbe des outer ist sichtbar */
    padding: 0;
/* Hintergrund (Bild, Farbe) Diese Farbe ist auch der Hintergrund des Films*/
    background: url("../images/x.jpg") #fff no-repeat bottom;
/* Größe hier angeben */
    width: 980px;
    height: auto;   
/* mittig, von oben fixer Abstand */
    margin: 20px auto;  
}


.oneclick {
position: absolute;
top: 39px;
right: -10px;
width: 250px;
height: auto;
background-color: #ffffff;
font: normal 0.8em arial,verdana,helvetica,sans-serif;
}

.beta {
position: absolute;
top: 10px;
right: -20px;
width:187px;
height: 143px;
z-index: 10;
}

.kurzinfo {
color: #999;
font-size: 0.8em;
}


#a_header {
/* Höhe und Breite je nach outer */
    width: 980px;
    height: 110px;
/* Hintergrund (Bild, Farbe) */
    background: url("../images/verlauf3_invers.jpg") #fff repeat-x bottom;
/* Schrift im Headerbereich */
    font: normal 1.0em arial,verdana,helvetica,sans-serif;

/* Rand unten */
    border-bottom: 2px solid #fff;
}

#a_header_links {
float: left;
height: auto;
/* Text/ Bild linksbündig */
    text-align: left;
/* Breite */
    width: 250px;
/* Abstand */
    margin: 5px 0 5px 0;
}

#a_header_mitte {
float: left;
height: auto;
/* Breite */
    width: 410px;
/* Abstand */
    margin: 5px;
}

#a_header_rechts {
float: left;
height: auto;
/* Breite */
    width: 300px;
/* Textausrichtung */
    text-align: right;
/* Abstand */
    margin: 5px 0 5px 0;
}


#b_header {
/* Höhe und Breite je nach outer */
    width: 980px;
    height: 20px;
/* Hintergrund (Bild, Farbe) */
    background: url("../images/verlauf3_invers.jpg") #66CC00 repeat-x bottom;
/* Schrift im Headerbereich */
    font: normal 1.0em arial,verdana,helvetica,sans-serif;

/* Rand unten */
    border-bottom: 2px solid #fff;
}

#b_header_links {
float: left;
height: auto;
/* Text/ Bild linksbündig */
    text-align: left;
/* Breite */
    width: 160px;
/* Abstand */
    margin: 5px;
}

#b_header_mitte {
float: left;
height: auto;
/* Breite */
    width: 620px;
/* Abstand */
    margin: 5px;
}

#b_header_rechts {
float: left;
height: auto;
/* Breite */
    width: 160px;
/* Textausrichtung */
    text-align: right;
/* Abstand */
    margin: 5px;
}

#c_header {
/* Höhe und Breite je nach outer */
    width: 980px;
    height: 10px;
/* Hintergrund (Bild, Farbe) */
    background: url("../images/verlauf3_invers.jpg") #85FF0A repeat-x bottom;
/* Schrift im Headerbereich */
    font: normal 1.0em arial,verdana,helvetica,sans-serif;

/* Rand unten */
    border-bottom: 2px solid #fff;
}

#c_header_links {
float: left;
height: auto;
/* Text/ Bild linksbündig */
    text-align: left;
/* Breite */
    width: 160px;
/* Abstand */
    margin: 5px;
}

#c_header_mitte {
float: left;
height: auto;
/* Breite */
    width: 620px;
/* Abstand */
    margin: 5px;
}

#c_header_rechts {
float: left;
height: auto;
/* Breite */
    width: 160px;
/* Textausrichtung */
    text-align: left;
/* Abstand */
    margin: 5px;
}


#a_mitte {
width: auto;
height: auto;
    margin: 0;
    padding: 0;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
}

#a_mitte_links {
float: left;
height: auto;
    width: 200px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
}

#a_mitte_mitte {
height: auto;
width: 530px;
margin: 20px 10px 20px 10px;
float: left;
text-align: left;
border-right: 1px solid #ccc;
padding: 0 10px 0 10px;
}

#a_mitte_rechts {
height: auto; 
width: 200px;
float: left;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
    color: #ccc;
}


#b_mitte {
width: auto;
height: auto;
    margin: 0;
    padding: 0;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
}

#b_mitte_links {
float: left;
height: auto;
    width: 300px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
}

#b_mitte_mitte {
height: auto;
width: 640px;
margin: 20px 0 20px 10px;
float: left;
text-align: left;
padding: 0 10px 0 10px;
}

#b_mitte_rechts {
height: auto; 
width: 0;
float: left;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    font: normal 0.9em arial,verdana,helvetica,sans-serif;
    color: #ccc;
}


#a_footer {
width: auto;
height: auto;
/* Hintergrund (Bild, Farbe) */
    background: url("../images/verlauf3.jpg") #fff repeat-x top;
/* Schrift im Footerbereich */
    font: normal 0.8em arial,verdana,helvetica,sans-serif;
    color: #ccc;
/* Rand oben */
    border-top: 1px solid #fff;
    padding: 0.1em;
}


#a_footer_links {
float: left;
height: auto;
width: auto;

    text-align: left;
}

#a_footer_mitte {
height: auto;
width: auto;
  

    text-align: center;
}

#a_footer_rechts {
float: right;
height: auto;
width: auto;
 
    
}

#b_footer {
width: auto;
height: auto;
/* Hintergrund (Bild, Farbe) */
    background: url("../images/verlauf3.jpg") #cc6600 repeat-x top;
/* Schrift im Footerbereich */
    font: normal 0.8em arial,verdana,helvetica,sans-serif;
    color: #fff;
/* Rand oben */
    border-top: 1px solid #fff;
    padding: 0.2em;
}

#b_footer_oben {
width: auto;
height: auto;
/* Abstand der Schrift vom oberen Rand */
    margin-top: 1.0em;
    margin-bottom: 1.0em;
/* Schrift */    
    font: normal 20px Mistral, "Brush Script MT", "Lucida Calligraphy", "Lucida Handwriting", Georgia, cursive;

}

#b_footer_links {
float: left;
height: auto;
width: auto;

    text-align: left;
}

#b_footer_mitte {
height: auto;
width: auto;

    text-align: center;
}

#b_footer_rechts {
float: right;
height: auto;
width: auto;
  

}

.clearer{
clear: both;
width: auto;
display:block; 
padding: 0;
margin: 0;
}



a:link, a:visited {
/* Aussehen des links */
    text-decoration: underline;
    color: #0066CC;
}

a:focus, a:hover, a:active {
/* Aussehen des links bei rollover */
    text-decoration: underline;
    color: #0066CC;
}


a.footer:link, a.footer:visited {
/* Aussehen des links */
    text-decoration: underline;
    color: #fff;
}

a.footer:focus, a.footer:hover, a.footer:active {
/* Aussehen des links bei rollover */
    text-decoration: underline;
    color: #EAE793;
}


a.veranst:link, a.veranst:visited {
/* Aussehen des links */
    text-decoration: underline;
    color: #0066CC;
}

a.veranst:focus, a.veranst:hover, a.veranst:active {
/* Aussehen des links bei rollover */
    text-decoration: underline;
    color: #0066CC;
}



/* -------------------------Google Karte---------------------------------------- */
div#kartenfenster1
{
overflow: hidden;
/* Größe */
    width: 300px;
    height: 250px;
    padding: 0;
    border: 1px solid #620D36;
/* Abstand von oben */
    margin-top: 20px;
}

div.bubble {
width: 150px;
height: auto;
margin: 0;
padding: 0;
}

.bubble h3 {
font: bold 1.0em arial,verdana,helvetica,sans-serif;
color: #0066CC;
margin: 0.5em 0 0.2em 0;
padding: 0;
}

.bubble p {
font: bold 0.8em arial,verdana,helvetica,sans-serif;
margin: 0;
padding: 0;
}


/* ---------------------------Nifty Corners------------------- */
div#box{
width: 275px;
padding: 15px;
margin:0;
background:#F5F5F5;
color:#000;
text-align: left;
}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{
display:block;
}
b.niftycorners *{
display:block;
height: 1px;
line-height:1px;
font-size: 1px;
overflow:hidden;
border-style:solid;
border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}




h1 {
font: bold 1.5em arial,verdana,helvetica,sans-serif;
color: #0066CC;
}

h2 {
font: bold 1.2em arial,verdana,helvetica,sans-serif;
color: #0066CC;
margin: 0 0 0.2em 0;
padding: 0;
}

h3 {
font: bold 1.0em arial,verdana,helvetica,sans-serif;
color: #0066CC;
margin: 0.5em 0 0.2em 0;
padding: 0;
}

.row {
border-bottom: 1px dotted #ccc;
padding: 0.5em;
}



.small {
font: lighter 0.8em arial,verdana,helvetica,sans-serif;
}

.rechts {
float: right;
}

.links {
float: left;
}

.rechtsalign {
text-align: right;
}

.linksalign {
text-align: left;
}

img {
border: 0 none;
}

img a {
border: 0 none;
}

/* Searchform */
.searchform {
width: 110px;
height: auto;
}