/* Seiten-Elemente */

body { 
        font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; 
	color: #444444;
        background: #FAFAFF url(gruen.gif) repeat-y;
	margin: 0;
        padding: 0;
        align: center;
	}


#eckelinks {
        position:absolute;
        z-index:3;
	background: url(eckelinks.jpg) no-repeat;
        left:0px;
        top:0px;
	margin: 0 0 0 5px;
        height: 700px;
        width: 260px;
        filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;        
}

#eckelinks2 {
        position:absolute;
        z-index:4;
	background: #FAFAFF;
        left:55px;
        top:100px;
	margin: 0 0 0 5px;
        height: 600px;
        width: 205px;
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;        
}

#eckerechts {

        position:absolute;
        z-index:3;
        left: 800px;
        top:0px;
	background: url(eckerechts.jpg) no-repeat; 
        width: 230px;
        min-height:600px;
        height:auto !important;  /* für moderne Browser */
        height:600px;            /* für den IE */
        filter:alpha(opacity=50);
        -moz-opacity:.50;
        opacity:.50;
	}

#kopf { 
        position:relative;
        z-index:1;
        height:100px;
        width:740px;
	margin: 0 0 18px 60px;
        background:#AFE434;
	}

#navigation
        {
        position:relative;
        z-index:2;
        width:520px;
	  margin: -35px 0 0 290px;
        padding:0;
	  text-align: center;
	  font-size: 0.9em; 
	  font-weight: bold; 
        }

.corner { 
        background-color:#EFFFBD;
        position:relative;
        margin:0;
        padding:0;
	}

#content {
        position:relative;
        left:69px;
        float:left;
        z-index:5;
        top:50px;
        width:720px;
        padding:0;
        overflow:visible;
	}

#texte  /* für Texte ein wenig Seitenrand */
        {
	position:relative;
        margin-left:220px;
	top:0px;
	width:480px;
        }

#extra, #extra2  /* und in den Seitenrand geht auch noch was */
        {
	position:relative;
        float:left;
        margin-left:10px;
	top:15px;
	width:186px;
        background: #FAFAFF;
        }

#laufformular
        {
	position:relative;
        z-index:6;
        float: left;
	width:200px;
        }

#lauftabelle  /* für Lauftabelle alles etwas anders */
        {
	position:relative;
	width:480px;
        }

p { 
      font-size:0.8em;
	margin-bottom: -1px;
	}
#texte p.navileiste {
       font-size:1.2em;
       font-weight:bold;
      }


p.center {
        text-align:center;
        }


h1 {
        padding: 0;
	margin: 0 0 0 220px;
        padding: 20px 0 0 0;
	color: #444444;
	text-align: left;
	text-decoration: none;
	}

h2 { 
	width:110px;
	color: #C6FF39; 
        font-size: 0.7em;
        background-position: right;
        margin: -70px 0 0 620px; 
	text-align: left;
	}
h3 { 
	font-weight: bold; 
	padding-bottom: 15px; 
	margin-bottom: -15px; 
	color: #444444;
	}


h5 { 
	font-weight: bold; 
	width:450px;
	text-align: left;
        border-bottom:1px dashed;
	}

hr {  
        size: 1px dashed #333;
	color: #444444;
        }

#navigation li
        {
        float:left;
        list-style-type: none;
        width:103px;
        background:#eeeeee;
        padding:-4px;
        margin: 0.2em;
        }


:link,a:visited { 
	text-decoration: none; 
	color: #444;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #444;
	}

#extra p, #extra2 p,  {
       padding: 0 8px 8px 8px;
       }

#extra a.wolkeCity:link,
#extra a.wolkeCity:visited,
#extra2 a.wolkeCity:link,
#extra2 a.wolkeCity:visited {
       color:#8BB725;
       font-size: 0.8em; 
       }

#extra a.wolkeCountry:link,
#extra a.wolkeCountry:visited,
#extra2 a.wolkeCountry:link,
#extra2 a.wolkeCountry:visited {
       color:#728C33;
       font-size: 0.9em; 
       }


a.aktiv { 
	font-size: 0.9em; 
	text-decoration: none;
 	color: #728C33; 
	}
a.inaktiv { 
	font-size: 0.9em; 
	text-decoration: none;
	}

a.bold   {
	font-weight: bold; 
        }

a.dot   {
        padding: 2px 3px 4px 11px; 
        line-height: 130%;
        background: url(gdot.gif) 0 0.6em no-repeat;
        }

	
img.streckenbild
        {
        margin:-4px;
        }

img.titel
        {
        border:1px dashed #333;
        margin: 0 0 0 10px;
        }
a.logging
        {
        margin: 0 0 0 10px;
        }

table {
       empty-cells:show;
       width:100%;
      }
td { 
	font-size: 0.8em; 
	color: #444444;
        vertical-align: top;
        line-height: 110%;
        border: 1px solid #AFE434;
        padding:8px;
	}

td.gruen {
        background-color:#EFFFBD;
        border:0px;
        width:170px;
        }
td.google { 
        border:0px;
        padding:0px;
        width:170px;
        align:center;
        }
td.fett {
	font-weight:bold;
	}

input,textarea,select  {
        padding:2px;
        border:1px solid #C6FF39; 
        background-color: #EFFFBD;
        }

.button {
        background-color: #EFFFBD;
        }

.button2 {
        border:1px soild #C6FF39; 
        background-color: #C6FF39;
        margin-bottom:3px;
        }

.small,a.small {
font-size: 0.8em;
}

.smaller,a.smaller {
font-size: 0.7em;
}

/* Nifty Corners */


.corner {
  position:relative;
  float:left;
  width:110px;
  margin:0.4em;
  background: #EFFFBD;
  }

b.rbottomnavi {display:block;background: #FAFAFF;}
b.rtopnavi    {display:block;background: #AFE434;}
b.rtopnavi b, b.rbottomnavi b {display:block;height: 1px;
    overflow: hidden; background: #EFFFBD; }

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtopnavi b.r4, b.rbottomnavi b.r4{margin: 0 1px;height: 2px}