@charset "utf-8";
/* CSS Document */

html {
padding:0px;
}

body {
padding:0px;
margin:0 auto;
text-align: center;
font-family: "Myriad Pro";
}

h1 {margin:0}
h2 {margin:0}
h3 {margin:0}

a{
text-decoration: none; 
color: #F60;
font-family: Verdana, Helvetica; 
font-size: 15px; 
font-weight: bold;
}

a:hover{
color: #F90 ;
}

#container {
width:980px;
margin:0 auto;
background-color:#ffea01;
border-left:1px solid #000; 
border-right:1px solid #000; 
border-bottom:1px solid #000;
}

#head {
width:980px;
height:100px;
text-align:left;
background-color:#ffea01;
background-image:url(img/bg.png);
background-repeat:repeat-x;
border-bottom:1px solid #000; 
}

#wrapper {
width:980px;
}

#extra {
float:left;
width:200px;
background-color:#ffea01;
min-height:520px;
}

#navigation {
width:200px;
float:left;
}

.beschreibung {
float:left;
width:200px;
height:20px;
background-image:url(img/bg2.png);
background-repeat:repeat-x;
color:#FFF;
}

.beschreibung_extra {
float:left;
width:200px;
height:20px;
background-image:url(img/bg2.png);
background-repeat:repeat-x;
color:#FFF;
margin-bottom:20px;
}

#navigation ul {  
list-style:none;
display:inline;
padding:0px;
margin:0px;
text-align:left;
}

#navigation ul {  
list-style:none;
padding:0px;
margin:0px;
margin-top:20px;
margin-left:10px;
margin-right:10px;
text-align:left;
}

#navigation ul li{
margin:5px;
}

#navigation li a{
display:block;
font-size:15px;
text-decoration: none; 
color: #F60;
padding: 5px 10px;
}

#navigation li a:hover{
background-color: #F60;
color: #ffffff;
}

#navigation li a.active {
background-color: #F60;
color: #ffffff;
}


#content {
width:739px;
padding:20px;
text-align:left;
background-color: #FF9;
float:left;
min-height:1100px;
border-left:1px solid #000;
}

#content2 {
width:779px;
text-align:left;
background-color: #FF9;
float:left;
min-height:1100px;
border-left:1px solid #000;
padding-bottom:20px;
}

#text {
float:left;
width:724px;
border:1px dashed #000;
padding:5px;
margin-bottom:20px;
}

#text2 {
float:left;
width:724px;
border:1px dashed #000;
padding:5px;
margin-top:20px;
margin-left:20px;
}

.produkt {
float:left;
width:220px;
border:1px dashed #000;
padding:5px;
margin-bottom:20px;
}

.produkt1 {
float:left;
border:1px dashed #000;
padding:5px;
margin-bottom:20px;
margin-left:20px;
}

.produkt2 {
float:left;
width:90px;
border:1px dashed #000;
padding:5px;
margin-right:20px;
margin-bottom:20px;
}

.produkt3 {
float:left;
width:220px;
border:1px dashed #000;
padding:5px;
margin-bottom:20px;
}

.produkt4 {
float:left;
border:1px dashed #000;
padding:5px;
margin-bottom:20px;
}

.produkt5 {
float:left;
width:220px;
border:1px dashed #000;
padding:5px;
margin-left:20px;
margin-top:20px;
}

.komap{
font-family: Verdana, Helvetica;
font-size: 10px;
line-height: 14px;
color: #000000;
text-decoration: none;
float:left;
width:240px;
margin-right:11px;
margin-left:0px;
margin-bottom:11px;
}

#footer {
clear:both;
height:60px;
background-color:#ffea01;
padding:5px;
border-top:1px solid #000; 
background-image:url(img/bg1.png);
background-repeat:repeat-x;
}