
/* CSS Document */
body {
  margin:20px;
  padding:0px;
  background-color:#F8F5CC;
  
  }
#top {
  height:120px;
  padding:0px;
  margin:0px;
  background-image:url(images/logo.jpg); background-repeat:no-repeat;
 background-position:right;
  background-color:#FFF;
}

#menu {
padding:10px;
  position:absolute;
  top:160px;
  left:20px;
  width:135px;
  height:auto;
  background-color:#BBE4FA;
}
#menu a{
color:#0030FF;
font:bold 13px verdana, sans-serif;
margin:15px 0 15px 0;
padding:1px 3px 1px 4px;
text-decoration:none;
background:transparent;
display:block;

}
#submenu {
padding:10px;
  position:absolute;
  top:380px;
  left:20px;
  width:135px;
  height:auto;
  background-color:#FFF;
}

#submenu a{
color:#0030FF;
font:bold 13px verdana, sans-serif;
margin:0px;
padding:1px 3px 1px 4px;
text-decoration:none;
background:transparent;
display:block;

}

#submenu a:hover{
color:#FF0000;
background:transparent;

}

#submenu a .dot{
color:#CCC;
background:transparent;
font-weight:bold;
font-size:14px;}

#submenu a:hover .dot{
color:#FF0000;
background:transparent;
font-weight:bold;
font-size:14px;}

#menu a:hover{
color:#FF0000;
background:transparent;

}

#menu a .dot{
color:#CCC;
background:transparent;
font-weight:bold;
font-size:14px;}

#menu a:hover .dot{
color:#FF0000;
background:transparent;
font-weight:bold;
font-size:14px;}

#content {
  margin-left:175px;
  margin-top:20px;
  padding:10px;
  background-color:#BBE4FA;
   
  
}

p.menu {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#fff;
  font-size:12px;
  padding:10px;
  line-height:150%;
  text-align:center;
}


p.footer {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:10px;
  text-align:center;
  
}

p.footer_02 {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:12px; text-align:center;
  
}

p.layer {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#FFF;
  font-size:13px; text-align:center; font-weight:bold;
  
}

p.head {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:14px;
  font-weight:bold;
  padding:0px;
  line-height:130%;
  margin-left:30px;
}
p.headright {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:14px;
  font-weight:bold;
  padding:0px;
  line-height:130%;
  margin-left:80px;
}

p.headred {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#FF0000;
  font-size:14px;
  font-weight:bold;
  padding:0px;
  line-height:130%;
  margin-left:80px;
}
p.headleft {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:18px;
  font-weight:bold;
  padding:10px;
  line-height:130%;
  margin-left:10px;
}
p.content {
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:14px;
  padding:0px;
  line-height:130%;
  margin-left:30px;
}
ul {
list-style-type:disc;
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:14px;
  padding:0px;
  line-height:130%;
  margin-left:30px;
}

ul.front {
list-style-type:disc;
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
  font-size:14px;
  font-weight:bold;
  padding:0px;
  line-height:130%;
  margin-left:30px;
}




hr {
    width: 98%;
    border-width: 1px;
    color: #F8F5CC;
	
    
}

.italic {font-style : italic;}
.bold {font-weight : bold;}

#bild {
float: right;
width: 200px;
margin: 5px;
}
p.bild { 
padding: 0px;
font-family:Arial,Verdana,Helvetica,sans-serif; color:#000;
font-size: 13px;
font-weight:bold;
text-align:center;
}
img { border: 0;
}

#bild_02 {

float: right;
width: 250px;
margin: 5px;
}

#bild_03 {

float: right;
width: 100px;
margin: 5px;
}

#bild_04 {

float: right;
width: 360px;
margin: 5px;

}

#bild_05 {

float: right;
width: 320px;
margin: 5px;

}

#bild_06 {

float: right;
width: 320px;
margin: 5px;

}

#bild_07 {

float: right;
width: 300px;
margin: 5px;

}



form {
   background-color: #eee;
   width: 370px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
}

form label {
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */
}

input#absender,
textarea {
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}
textarea {
   height: 7em;
}

input#absender:focus,
textarea:focus {
   background-color: #d9d9d9;
}
