* {
margin:0;
padding:0;
border:0;
}

body  {
background-color: #5d5a5a;
color:#454545;
font-family: arial, sans-serif;
}

.blau{
color:#3373b3;
font-size:11px!important;
}


#home{
position:absolute;
z-index:300;
width:140px;
height:70px;
cursor:pointer;
top:-50px;
display:block;
}

#center {
position: absolute;
width: 690px;
height: 450px;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: -320px;
}

.rahmen{
border:2px solid #6a98c6;
/*height: 319px;*/
height: 365px;
background-color: #ffffff;
padding-top:80px;
}

.rahmen  .head{
z-index:2;
position:absolute;
top:-80px;
left:0;
}

.rahmen  .foot{
z-index:2;
position:absolute;
/*top:400px;*/
top:440px;
left:0;
}

#foot{
z-index:5;
position:absolute;
left:25px;
/*top:423px;*/
top:453px;
font-family: times, times new roman,serif;
font-size:0.75em;
color:#3373b3;
}

#foot a{
z-index:5;

color:#3373b3;
}

h1 {
font-family: times, times new roman,serif;
font-size:1.2em;
color:#3373b3;
margin:0 0 5px 0;
letter-spacing:0.2em;
}

dt, h2 {
font-size:12px;
font-weight:bold;
}

dd, p {
margin-top:3px;
text-align:justify;
font-size:11px;
}

.links ul , .rechts ul {
list-style:none;
font-size:11px;
}

.links li , .rechts li{
margin:0px;
padding:0px;
 }
 
 .links span , .rechts span {
font-size:12px;
}

.rechts img {
width:70px;
height:70px;
margin: 3px 3px 0 0;
}

.rechts .bilder{
margin:7px 0px 0 33px;

}

.links , .rechts{

}


/* +++++++++++++++++ Navi +++++++++++++++++++++++++++*/



#navi ul {
z-index:5;
list-style:none;
position:absolute;
left:162px;
top:17px;
}

#navi  li{
display:inline;
margin-right:10px;
}

#navi li a{
color:#3373b3;
text-decoration:none;
}

#navi li a:hover{
color:#3070b0;
text-decoration:underline;
}



.link{
font-size:11px;
color:#5e70be;
}


#pfeile{
position:relative;
left:300px;
top:0px;

width:20px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++*/


/* +++++++++++++++++ links +++++++++++++++++++++++++++*/

.links {
position:absolute;
left:30px;
top:100px;
width:294px;
height:255px;

}

.links a {
color:#3373b3;
}
.rechts{
position:absolute;
left:363px;
top:100px;
width:294px;
height:275px;

}

hr {
height:1px;
color:#3373b3;
background-color:#3373b3;
margin: 5px 0px 5px 0px;
}

.flash {
position:absolute;
left:90px;
top:55px;
width:540px;
height:325px;

}


/* -------------------------------------------------------*/


dt {
position:relative;
width:70px;
left:0px;
top:8px;
text-align:left;
border:0px solid #000000;
}


dd {
position:relative;
left:70px;
top:0px;
margin-top:-10px;
}

 input, textarea{
width:180px;
border:1px solid #6a98c6;
}


/*----------------------slider-------------------------------*/


#kasten{
position:absolute;
left:2px;
top:35px;
width:280px;
height:140px;
clip:rect(4px 280px 255px 0px);
}

#cont{
width:280px; 
position:relative;
top:2px;
}



/* -------------------- Termine ----------------------------*/

.open{
margin:6px 0 10px 0;
cursor:pointer;
}

.open:hover{
margin:6px 0 10px 0;
text-decoration:underline;
}

.open a{
textdecoration:unterline;
}

.mehr{
position:absolute;
display:none;
z-index:200;
left:150px;
top:50px;
background-color:#fff;
padding:15px 10px;
width:300px;

text-align:justify;
font-size:11px;
border: 1px solid #3373b3;

-webkit-box-shadow: 1px 1px 15px #1f1f1f;
-moz-box-shadow: 1px 1px 15px #1f1f1f;
box-shadow: 1px 1px 15px #1f1f1f; 
}

.mehr2{
position:absolute;
display:none;
z-index:200;
left:-170px;
top:50px;
background-color:#fff;
padding:15px 10px;
width:300px;

text-align:justify;
font-size:11px;
border: 1px solid #3373b3;

-webkit-box-shadow: 1px 1px 15px #1f1f1f;
-moz-box-shadow: 1px 1px 15px #1f1f1f;
box-shadow: 1px 1px 15px #1f1f1f; 
}


.bild-big{
width:280px!important;
height:270px!important;
margin:0 0 0 5px!important;
}