/* CSS Document */
body {
margin:0px; 
background-color:#cddbe8; 
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#overlay2 {
        position: absolute;
        top: 0;
        left: 0;
        /*z-index: 90;*/
        z-index: 980;
        width: 100%;
        height: 1500px;
        background-color: #000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;
    }

#popup{
        position: absolute;
font-size:0.8em;
        top: 10em;
left:40%;
        /*z-index: 90;*/
        z-index: 980;
    
    }


    #close {
/*z-index: 100;*/
        z-index: 990;
    position: absolute;
    top:8px;
    left:34em;
    width:2em;
    height:2em;
    color:#000000;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-align:center;
    }

    #close img {
    border:none;}
    


#map{
left:0px;
top:0px;
width:630px;
height:400px;
margin:0px;
padding:0px;
postition:absolute;
z-index:100;
border:1px solid #000;
cursor:move;

}

a {text-decoration:none;
color:#0033FF;}

a:hover {color:#6699FF;}

table.termine td{
border:1px solid #000;}

img.obenlinks {
margin-right:1em;
margin-bottom:1.5em;}

img.mittelinks{
margin-right:1em;
margin-bottom:1em;
}

img.mitterechts{
float:right;
margin-left:1em;
margin-bottom:1em;
}

h1 {
font-size:1em;
margin-bottom:1em;}

h2 {
color:#3270C0;
margin:0px;
margin-bottom:-1em;
font-size:0.9em;}

.leftimage {
float:left;
margin-right:1.6em;
margin-bottom:1em;}



#content {
top:0px;
margin:0px;
padding:0px;
}

#content_text {
text-align:left;
background-color:#cddbe8;
top:0px;
margin:0px;
margin-left:11em;
margin-right:10.3em;
padding-left:1em;
padding-right:1em;
padding-top:1em;
background-image:url(../upload/bilder/ecke-obenlinks.gif);
background-position:top left;
background-repeat:no-repeat;
}

#content_text p {
font-size:0.8em;
margin-bottom:0px;
margin-top:1.5em;
}

#content_text td {
font-size:0.8em;
}

#content_text li {
font-size:0.8em;
}


#primary_nav {
padding-left:14em;
text-align:left;
padding-top:0.4em;
padding-bottom:0.6em;
/*
background-image:url(../upload/bilder/fade-in.gif);
background-position:top;
background-repeat:repeat-x;*/
}

#primary_nav a{
padding-left:0.2em;
padding-right:0.2em;
padding-bottom:0.7em;
padding-top:0.7em;
font-weight:bold;
text-decoration:none;
font-size:0.8em;
color:#fff;
}

#primary_nav a:hover{
text-decoration:underline;}


#global_nav {
border:0px solid #000;
width:62.5em;
text-align:right;
position:absolute;
right:0px;
top:0.8em;
text-align:right;
padding:0.2em;

}

#global_nav a{
color:#2B478C;
font-size:0.8em;
text-decoration:none;
font-weight:bold;
padding:0.3em;
}

#global_nav a:hover{
background-color:#cddbe8;
}

#global_nav_bottom {
right:1em;
top:2em;
margin:0px;
border:0px solid #000;
}

#global_nav_bottom_middle {
width:23.34em; 
height:0.5em; 
line-height:0px;
background-color:#ffffff;
}


#head-image {
border:none;
max-width:62.5em; 
min-width:62.5em; 
width:100%; 
margin:0px;
padding:0px;
}

#head-image img{
margin:0px;
padding:0px;
}

#site  {
background-color:#274882;
position:relative;
max-width:62.5em; 
min-width:35em;
overflow:hidden;
/*Die Nachfolgende Zeile emuliert max-width für den IE kleiner gleich Version 6
das "script" stammt von http://www.svendtofte.com/code/max_width_in_ie/
*/
width:expression( 
    document.body.clientWidth > (1024/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "62.5em":
        "99.8%" );
/******************************Ende*******************************************/
width:99.8%;
margin:0px auto; 
}

#sec_nav {
width:10.94em;  
top:3em;
float:left;  
text-align:left;
}

.sec_nav_1st {
font-weight:bold;
padding-left:0px;
margin-left:1em;
font-size:0.8em;
list-style:none;
}

.sec_nav_2nd {
list-style:none;
margin-left:0.7em;
padding-left:0.7em;
}

.sec_nav_3rd {
font-weight:normal;
font-size:0.85em;
list-style:none;
margin-left:1em;
padding-left:1em;
}

.sec_nav_1st a.active  {
border-bottom:1px solid #fff;
}

.sec_nav_1st a{
border-bottom:1px solid #274882;
display:block;
padding-top:0.2em;
margin:0px;
width:100%;
text-decoration:none;
color:#CCCCCC;
}

.sec_nav_1st a:hover{
border-bottom:1px solid #ccc;
}

#sec_nav p{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
margin-top:1.5em;
margin-left:1em;
}

#dyn_col {
position:relative; 
width:10.31em;
text-align:left; 
float:right;  
margin:0 0 0 0px;
color:#ccc;
}

#dyn_col p{
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
margin-top:1.5em;
margin-left:1em;
}

#dyn_col h1 {
font-size:0.8em;
margin-top:0px;
margin-bottom:0px;
margin-top:1.5em;
margin-left:1em;
font-weight:bold;
}

#dyn_col a {
color:#ccc;
text-decoration:none;
font-weight:bold;
}


.gBottom, .gTop  {

width:100%;
}

.galleryLink {
width:50%;
text-align:center;
border:1px solid #000;
}
.gallery_image {
text-align:center;
width:25%;}
