/*****************************/
/*                           */
/* (c) J. Steigenberger		 */
/*                           */
/*****************************/
/*                           */
/*   Datum: 12.10.2010       */
/*                           */
/*****************************/
/* blau:#3271E6; */
/* grün:#18AD1C; */
/* gelb:#FDFDD9; */

/* hellblau:#b2d6fd; */
/* orange:#f9af58; */

h1{
margin-top: 0;
/* font-family:"Lucida Calligraphy",verdana,arial,sanf-serif; */
font-family: verdana,arial,sanf-serif;
color: black;
text-align:center;
font-size:20px;
}

h2{
margin-top: 0;
font-family: verdana,arial,sanf-serif;
color: black;
font-size:15px;
}

h3{
margin-top: 45px;
font-family: verdana,arial,sanf-serif;
font-size: 13px;
color: black;
}


h4{
margin: 0;
padding: 0;
font-size: 12px;
font-family: verdana,arial,sanf-serif;
color: black;
}

a img {
text-decoration: none;
border: 0;
}

img.left {
float:lef;
margin-top: 10px;
margin-right: 20px;
}

img.right {
float:right;
margin-left: 20px;
}

p.cen {
text-align: center;
margin: 0;
padding: 0;
}

body {
/* ----------Farbe der gesammten Seite--------------------*/
background-color:#2A31E3;
font-size: 12px;
font-family: Verdana, Arial, sans serif;
padding:0px;
margin:0px;
color: #0;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 1025px;
padding:0px;
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
background-image: url(../bilder/mitte.png);
background-repeat: repeat-y;
} 

/* ----------Kopf---------------- */
#header {
height:320px;
width: 1025px;
background-image:url(../bilder/kopf.png);
background-repeat:no-repeat;
padding: 0px;
margin: 0;
margin-left: 0px;
}


/* ----------menü-------------- */
#menu {
width:220px;
float: left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

#menu ul{
list-style:none;
margin: 0;
padding: 0;
}

#menu li{
margin-bottom: 20px;
}

#menu li a{
background-image:url(../bilder/balkenblau.png);
padding:22px;
padding-left: 25px;
color:#ffffff;
font-size:16px;
line-height: 10px;
text-decoration:none;
display:block;
margin-left: 10px;
margin-top: 10px;
margin-bottom: -10px;
font-weight:bold;
}

#menu li a.sel{
background-image:url(../bilder/balkengruen.png);
color:#ffffff;
}

#menu li a:hover, #menu li a:active{
background-image:url(../bilder/balkengruenos.png);
color:#ffffff;
}

/* ----------content-------------- */
#content{
width:723px;
margin-left: 0px;
padding-left: 20px;
padding-top: 0px;
float: left;
}

#content p {
font-size: 12px;
font-family: Verdana, Arial, sans serif;
padding:0px;
margin:0px;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
line-height: 20px;
}

#content ul {
line-height: 20px;
font-size: 12px;
font-family: Verdana, Arial, sans serif;
}

#box{
width: 50px;
height: 50px;
background-color:#66CC00;
float: left;
}

#shadow{
background-color: black;
clear: all;
}

/* ----------space-------------- */
/* zieht content-contaier auf die größere höhe von #menu und #content*/
#space{
height:0px;
background-color:#000000;
width:1000px;
clear: left;
}

/* ----------fuss--------------- */
#footer{
height:125px;
width: 1025px;
margin: 0;
padding: 0;
text-align: center;
background-image:url(../bilder/fuss.png);
background-position:left;
}

/* ----------Uhr---------------- */
#clock{
position: absolute;
color: Black;
font-weight:bold;
margin-left: 430px;
margin-top: 60px;
}

#clock a{
color: Black;
text-decoration: none;
}

#hr_style{
margin-left: -20px;
width:685px; 
color:#272ED6;
background-color:#ffffff;
height:1px;
margin-right:0;
text-align:center;
border:3px double #272ED6;
}