html {
    margin: 0;
    padding: 0;
}

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

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

img {
    border: none;
}

.prod img {
    border-color: black;
    border-style: solid;
    border-width:1px;
}

.prod {
    text-align: center;
}

.prod a, .prod a:hover {
    color:black;
}


#outer {
 text-align:left;
 width:815px;
 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:815px;
 padding:0;
}
#content {
   width: 665px;
   height: 2000px;
   text-align: left; /* Seiteninhalt wieder links ausrichten */
   /* margin: 0 auto;   standardkonforme horizontale Zentrierung */
   /*border: 3px solid #ffffff;*/
    font: 0.8em Arial;
}
#footer {
 height:25px;
 margin:0;
 margin-top:20px;
 background:#333333;
 color:white;
 font: 0.8em Arial;
}


 

.nav {
    background:#808080;
    /*border: 3px solid #ffffff;*/
    background:#E0E0E0;
    font: 0.9em Arial;
    text-align: left;
    padding:3px;

}

.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;
    margin-bottom:8px;
    line-height: 0.95;
}

.nav li  {

}

.nav ul  {
    margin-bottom:15px;
    margin-top:5px;
}

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