@charset "UTF-8";

@media all {

body{
font-family: Arial, Helvetica, sans-serif;
font-size:120%;
color:#038BD2;
text-align:center;
background:#D0EAF6;
}

.clear{
clear:both;
}

h1{
font-size:160%;
}

h1.produkte{
color:#008AD1;
}

#wrapper{
width:60%;
margin:0 auto;
text-align:left;
background:#FFED00;
overflow:hidden;
}

#logo{
text-align:center;
background:#FFED00;
padding:10px;
}

#menu{
text-align:left;
margin:1%;
background:#FFFFA0;
}

#menu ul{
padding:5px;
}

#menu ul li{
list-style-type:none;
display:inline;
margin-right:10px;
}

#menu ul li a{
color:#008AD1;
font-weight:bold;
text-decoration:none;
}

#menu ul li a:hover{
color:#004d8d;
}

img{
max-width:100%;
height:auto;
}

/* linke Seite */

#produkte{
width:70%;
float:left;
color:#008AD1;
background:#FFED00;
padding:1%;
}

/* rechte Seite */

#termine{
width:25%;
float:right;
text-align:center;
color:#008AD1;
background:#FFED00;
border-left:4px solid #FFFFA0;
padding-left:10px;
}

#termine h1{
color:red;
}

footer{
margin-top:5px;
padding:5px 0;
background:#FFFFA0;
font-size:90%;
text-align:center;
}

}