*{
margin: 0;
padding: 0;
} 

body {
background-color: #E60202;
font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #505050;
}

hr {
margin: 25px;
margin-left: 100px;
margin-right: 100px;
}

table {
font-size: small;
}

.spalte {
width: 200px;
}

.emotion {
margin-left: -100px;
float: left;
}

.emotion img {
border: 2px solid #E60202;
margin-right: 15px;

}

.emotion2 {
margin-right: -100px;
float: right;
}

.emotion2 img {
border: 2px solid #E60202;
margin-left: 15px;

}

.wepyep-datum {
float: left;
}
.datum {
color: #E60202;
font-style: italic;
font-size: 10px;
float: left;
}

td {
vertical-align: top;
padding-top: 5px;
}
.bildrechts {
float: right;
border: 2px solid #000;
margin-left: 20px;
margin-bottom: 20px;
}
.bildlinks {
float: left;
border: 2px solid #000;
margin-right: 20px;
margin-bottom: 20px;
}

h1 {
font-weight: normal;
color: #E60202;
font-style: italic;
letter-spacing: 1px;
line-height: 140%;
}


h2 {
font-weight: normal;
color: #E60202;
font-style: italic;
letter-spacing: 1px;
font-size: 18px;
}


#logos {
margin-left: -35px;
}

#logos div {
width: 250px;
text-align: center;
height: 140px;
float: left;
}

#logos div .hoch {
height: 220px;
}





#kopf {
background-color: #E60202;
width: 100%;
height: 142px;
background-image: url(img/Kette.gif);
background-repeat: repeat-x;
background-position: top;
}

#logo img{
margin-top: 20px;
margin-left: 20px;
}

#navigation {

width: 100%;
font-size: small;
font-weight: bold;
position: relative;
top: 3px;
}

#navigation a {
color: #505050;
text-decoration: none;
}

#navigation a:hover {
color: #ffffff !important;
text-decoration: none;
}
.navi {
float: right;
padding-right: 20px;
height: 80px;
padding-top: 43px;
}
.navi-active {
background-image: url(img/Velofahrer-klein-neu.png);
background-repeat: no-repeat;
float: right;
height: 80px;
padding-right: 20px;
color: #ffffff !important;
padding-top: 43px;

}

.anmeldung {
float: left;
padding-right: 20px;
height: 80px;
padding-top: 43px;
}

.navi-active a {
color: #ffffff !important;

}
#main {
width: 80%;
margin-left: 10%;
margin-top: 40px;
border: 2px solid gray;
background-color: #ffffff;
padding-bottom: 200px;}

#content {
margin: 30px;
line-height: 130%;
}

#content p {
margin-left: 120px;
}

#content a {
color: #E60202;
}

#content-aktuell {
margin: 30px;
line-height: 130%;
position: relative;
}

#content-aktuell p {
margin-left: 120px;
}

#content-aktuell a {
color: #E60202;
}

#content-aktuell a img {
border: 0 solid #E60202;
margin-left: 120px;
}


#Spalterechts {
float: right;
width: 250px;
text-align: right;
font-size: small;
font-weight: bold;
}

#Spalterechts img {
margin-bottom: 25px;
}

.galerie {
margin-left: 120px;
}

.galerie a {
float: left;
margin: 0;
}

.galerie a img {
margin-left: 0 !important;
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
border: 1px solid #000000 !important;
}


#Spalterechts a img {
border: 0;
}

#logos a img {
border: 0;
}
/*#################################################
           Zuruecksetzen von Abstaenden und float
#################################################*/
.clearing 	{clear: both; height: 0;}
h1, h3, p, ul, ol {	margin-bottom: 1em;	}
ul {	;
margin-top: 5px;	}
li {		margin-left: 1.2em;
margin-top: 3px;		}