/* 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;
}

.ticker {
color: #999;
font-size: 0.85em;
}

.wichtig {
padding: 1.0em;
background: #D3EEA9;
color: 000;
}

.ausschreibung {
margin: 30px 0 0 0;
padding: 10px;
}

.langstrecke {
border: 1px dotted #FFCC00;
background: url("../imagefix/verlauf_langstrecke.jpg") #fff repeat-x top;
}

.hobby {
border: 1px dotted #85FF0A;
background: url("../imagefix/verlauf_hobby.jpg") #fff repeat-x top;
}

.kinder {
border: 1px dotted #FF6600;
background: url("../imagefix/verlauf_kinder.jpg") #fff repeat-x top;
}

.aqua {
border: 1px dotted #0066CC;
background: url("../imagefix/verlauf_aqua.jpg") #fff repeat-x top;
}


#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: auto;
/* 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;
padding: 5px 0 1px 0;
/* Rand unten */
    border-bottom: 2px solid #fff;
}

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

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

#b_header_rechts {
float: left;
height: auto;
/* Breite */
    width: 60px;
/* 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: none;
    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;
}

ul#about li a:link, ul#about li a:visited {
/* Aussehen des links */
    text-decoration: none;
    color: #003366;
    line-height: 150%;
    font-weight: bold;
}

ul#about li a:focus, ul#about li a:hover, ul#about li a:active {
/* Aussehen des links bei rollover */
    text-decoration: none;
    color: #00274D;
    line-height: 150%;
    font-weight: bold;
}




/* -------------------------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}



ul#about,ul#about li{list-style-type:none;margin:0;padding:0;}
ul#about{width: 640px;margin:10px;text-align:left;}
ul#about li{
float:left;
width: 120px; 
height:100px;
padding: 30px 10px 10px 20px;
margin:8px 8px 0 0;
text-align: center;
}
li#ab1{background: #FFCC00;}
li#ab2{background: #85FF0A;}
li#ab3{background: #FF6600;}
li#ab4{background: #0066CC;}
li#ab5{background: #FF3366;}
li#ab6{background: #FFFFFF;color: #000;}


li#ab1:hover {
 background: url("../imagefix/ab1.jpg") #FFCC00 no-repeat center;
}
li#ab2:hover {
 background: url("../imagefix/ab2.jpg") #85FF0A no-repeat center;
}
li#ab3:hover {
 background: url("../imagefix/ab3.jpg") #FF6600 no-repeat center;
}
li#ab4:hover {
 background: url("../imagefix/ab4.jpg") #0066CC no-repeat center;
}


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;
}

h3.textfeld {
color: #003366;
}

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



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

.weiss {
color: #FFFFFF;
}

.rechts {
float: right;
}

.links {
float: left;
}

.rechtsalign {
text-align: right;
}

.linksalign {
text-align: left;
}

img {
border: 0 none;
}

img a {
border: 0 none;
}

i.katek {
font-weight: bold;
color: #003399;
}



table.ausschreibung {
border: 0 none;
}

td {
vertical-align: top;
padding: 0.5em 1.0em 0.5em 0;
}

td + strong {
color: #003366;
}

td + b {
color: #660000;
}

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