html {
    margin: 0;
    padding: 0;
}

body {
    padding:0;
    width: 100%;
    text-align:center;
    margin:0;
    color:#000000;
    font: 1em Arial;
    background:#C2C2C2;
}



#outer {
 text-align:left;
 width:780px;
 margin:auto;
}
#header {
 height:105px;
 color: #333333;
 margin-top:5px;
}
#l-col {
 float:left;
 width:150px;
 height:0px;

}
#bodyblock {
 position:relative;
 background: #C2C2C2;
 color: #333333;
 width:780px;
 padding:0;
}
#content {
   width: 620px;
   text-align: left; /* Seiteninhalt wieder links ausrichten */
    /* margin: 0 auto;   standardkonforme horizontale Zentrierung */
   background:#ffffff;
   padding-top:5px;
   /*border: 3px solid #ffffff;*/
    font: 0.8em Arial;
}
#footer {
 height:25px;
 margin:0;
 margin-top:20px;
 background:#333333;
 color:white;
 font: 0.8em Arial;
}


.contentframe {
    
}


.nav {
    background:#808080;
    border: 3px solid #ffffff;
    background:#E0E0E0;
    width:140px;
    text-align: left;
    padding:3px;
    font: 0.8em Arial;
}

.navHead {
    background:maroon;
    padding:3px;
    color: #E0E0E0;
}

.navHead h2 {
    font: bold 1em Arial;
	margin:0px;
}

.nav ul,.nav li  {
    margin:0px;
    padding-left:3px;
    list-style:none;
    /*line-height: 0.9;*/
}

.nav ul  {
    margin-bottom:25px;
}

.nav a {
	text-decoration: none;
    color: #333333;
}



#info {
   
}


.motiv {
    float:left;
    height:180px;
    margin-bottom:15px;
    text-align:center;
    width:145px;
    vertical-align:middle;
}

.thumb {
    border: 2px solid #C0C0C0;
    margin:5px;
    display:block;
    /* float:left; */
    text-align:center;
    margin:0 auto;

 }
.thumb:hover {
    border: 2px solid maroon;
}






 
a:hover {
    color:maroon;
}


a, a:hover {
     text-decoration:none;
     color:maroon;
}