/*Global*/
html#web, body.web {
    overflow:hidden; 
    height:100%; 
    margin:0; 
    font-family:Arial; 
    font-size:12px; 
    color:#000000;
    background-image: url(../images/nav_bg.gif);
    background-repeat:repeat-x;
}                    

input, textarea, select, table, th, td, div, p, label, span {
    font-family:Arial; 
    font-size:100%; 
    color:#000000;
}

button {color:inherit;}

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

/*Layout*/
#google_maps button {margin-left:10px!important;padding-top:2px;}
#google_maps input {float:left;}   
 
/* form_recommendation */
#form_recommendation .title {font-weight:bold;}
#form_recommendation .sender, #form_recommendation .receiver {clear:both;height:4em;margin-bottom:1em;}
#form_recommendation #label_name_absender {float:left;margin-right:3px;}
#form_recommendation #label_email_absender {float:left;}
#form_recommendation #label_email_empfaenger {float:left;}
#form_recommendation #label_kommentar {clear:both;font-weight:bold;height:10em;margin-bottom:1em;}
#form_recommendation textarea {width:578px;height:100px;}

/*Navigation*/ 
ul#nav
    {
    position: absolute;
    top: 0px;                
    left:60px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
} 
ul#nav *{white-space: nowrap;}

#nav    {
    list-style-type:none; 
    margin-top: 0px;  
    margin-left: 0px;
    clear:both;    
    z-index:900;
    }
#nav li {    
    position: relative;    
    height:55px;
    float:left; 
    }
            
#nav li.first {
    background-position: -60px;
    background-image: url(../images/nav_lay_start.gif);
    background-repeat:no-repeat;
}

#nav li.last {
    background-position: 40px;
    background-image: url(../images/nav_lay_end.gif);
    background-repeat:no-repeat;
}

#nav ul {    
    position: absolute;
    min-width:180px;
    top: 56px;
    left: 0; 
    padding: 0;
    margin-left:0;
    padding-left:0; 
    visibility: hidden;
    background: #e0e0e0;
    border-left: 1px solid #00517a;
    border-right: 1px solid #00517a;
    border-bottom: 1px solid #00517a;
     float:none;
    font-family:Arial; 
    font-size:12px;
    text-decoration: none; 
    color:#00517a;

}  
#nav ul a {
    font-family:Arial; 
    font-size:12px;
    text-decoration: none; 
    color:#00517a;
}

#nav ul a:hover {
    font-family:Arial; 
    font-size:12px;
    text-decoration: none; 
    color:#949a9f;
}

#nav ul li.first {    
    padding: 2px 2px 2px 2px;
       background-image:none;
}

#nav ul li.last {
    padding: 2px 2px 2px 2px;
       background-image:none;
}

#nav ul li {      
    border-top: 1px solid #00517a;
    list-style: none;    
    padding: 2px 2px 2px 2px;
    height: 20px; 
    float:none;
}
 #nav ul li a {
 display: block;
 }

 
#navistart {
    position: absolute;
    width:60px;
    height:55px;
    top:0;
    left:0;
    overflow:hidden;    
}
#naviend {
    position: absolute;
    width:26px;
    height:55px;
    top:0;
    left:859px;
    overflow:hidden;
    z-index:2000;
}

/*Navi unten*/

#bottomline {
    position: absolute;
    height:71px;
    bottom:0px;
    right:0px;
    left:0px;
    background-image: url(../images/bg_bottom.gif);
    background-repeat:repeat-x;
    z-index: 550;

}    

#bottomline a { 
    font-family:Arial; 
    font-size:12px; 
    color:#FFFFFF;
}

#functions { 
    position: relative;
    margin: 40px 0 0 60px; 
    width:350px;
    height: 20px;
    font-family:Arial; 
    font-size:12px; 
    color:#FFFFFF;
    z-index: 600;
}
#functions #submit {
    border: none;
    } 
#functions * {
    vertical-align:middle;
}
#contactinfo {
    position: relative;
    margin: -30px 0 0 592px; 
    width:270px;
    font-family:Arial; 
    font-size:12px; 
    color:#FFFFFF; 
    text-align: justify;
    z-index: 600;
}

.icons_bottom {
    margin-right: 20px;
}     

/*Inhalte*/

#title{}  

#subheadline {
     position:absolute;    
    top: 60px;
    left: 30px;    
    overflow: visible;
}

#logo {
    position:absolute;    
    left: 576px;
    bottom: 62px;
    z-index: 1200;
}


#atikon_logo {
    position:absolute;    
    right: 20px;
    top: 57px;
    overflow: visible;
    z-index: 1200;
} 

#content a {
    color:#00517a;    
}

#content a:hover {
    text-decoration:underline;        
}

#content .mitarbeiter {
    width:200px;
    float:left;
}


#content {
    position:absolute;
    width:490px;    
    top: 170px;
    left: 79px;
    bottom: 71px;
    overflow: auto;
    z-index: 600;
}  

#content.noimage {
    position:absolute;
    width:760px;    
    top: 170px;
    left: 79px;
    bottom: 130px;
    overflow: auto;
    z-index: 600;
} 


#sujet {
    position:absolute;
    top:56px;
    left:589px;
    bottom: 71px;
    overflow: hidden; 
    z-index: 700;
} 

#news_selection {
    position: absolute;
    top: 150px;
    left: 405px;
    z-index: 1200;
}

#content #news_page .image{
    float:left;
    padding: 0 10px 5px 0;
}


/* Info links */
#content #infolist_top {
    list-style-type:none;
    padding: 0;
}      

#content #infolist_top li {
    margin:0 0 0 0;
    font-weight: bold;
}     



/* Rechner */
#content #calcdiv{

    width:100%;
    height: 100%;
    margin: 0 0 0 0;

}
#content #calcdiv #calc{
overflow-x:hidden;
    width:100%;
    height: 100%;
    margin: 0 0 0 0;
}

/* Allgemein */    

#content p, #content table { margin:0 0 1em 0; }
#content h1 {margin:1em 0 1em 0; font-size:160%; color:#00517a;}
#content h2 {margin:1em 0 1em 0; font-size:140%; color:#00517a;}
#content h3 {margin:1em 0 1em 0; font-size:120%; color:#00517a;}
#content h4 {margin:0 0 1em 0; font-size:110%; color:#00517a;}
#content h5 {margin:0; font-size:100%; color:#00517a;}
#content h6 {margin:0; font-size:100%; color:#00517a;} 
#content span a {color:#00517a;}
#content span a:hover {text-decoration:underline; color:#00517a;}
#content h3 a {color:#00517a;}
#content h3 a:hover {text-decoration:underline; color:#00517a;}

#atikon_address { padding-left: 148px; }
#atikon_contact td { width: 148px; }
       

/* Tabellen Service    */
#web #content table.data {border:2px solid #00517a; border-collapse:collapse; margin:2px;} 

#web #content table.data td {
    text-align:center;
    padding:2px; 
    vertical-align:top;
    border:1px solid #AAAAAA;
}

#web #content table.data th {
    color:#00517a;
    background:#DDDDDD;
    padding:2px;
    vertical-align:top;
    border:1px solid #AAAAAA;
} 

#web #content table.data tr.even {
    background:#EDEDED;
} 

/* Tabellen Downloads    */
#web #content table.downloads {border-collapse:collapse; margin:2px;} 

#web #content table.downloads td {
    width:450px;
    text-align:left;
    padding:2px; 
    vertical-align:middle;
} 

#web #content table.downloads td a {
    text-decoration:none;
}

#web #content table.downloads td a:hover {
    text-decoration:none;
    background: #DDDDDD;
}

#web #content table.downloads td img {
    vertical-align: middle;
    padding-right:10px;
}
#web #content table.downloads th {
    color:#00517a;
    background:#DDDDDD;
    padding:2px;
    vertical-align:top;
} 


/*Inhalte Startseite*/ 

#subheadline_startpage {
     position:absolute;    
    top: 235px;
    left: 35px;    
    overflow: visible;
    z-index: 800;
}  

#content_startpage {
    position:absolute;
    width:512px;    
    top: 329px;
    left: 60px;
    bottom: 71px;
    overflow: auto;
    background:#d4dce4;
    z-index:600;
}  

#content_startpage ul {
    list-style: none;
    list-style-image: url(../images/newsbullet_start.gif);
    font-family:Arial; 
    font-size:12px; 
    color:#00517a;
    margin-left:0; 
    text-align: left;
    font-weight: bold;
    padding-left:42px;
    padding-right:5px;
}
 
#content_startpage ul a {
    font-family:Arial; 
    font-size:12px; 
    color:#00517a; 
    text-align: left;
    font-weight: bold;
    text-decoration:none;
} 
#content_startpage ul a:hover {
    font-family:Arial; 
    font-size:12px; 
    color:#00517a; 
    text-align: left;
    font-weight: bold;
    text-decoration:underline;

}
#content_startpage ul li {
    line-height: 1.7;
}

#welcome {
    position:absolute;    
    top: 55px;
    left: 65px;
    bottom:10px;
    width:850px;
    z-index: 200;
    overflow:hidden;
} 

#newsheader {
    position:absolute;
    top: 322px;
    left: 60px;
    z-index: 300;
}  
/* Suche */
#content dl dd em {display:none;}
/*Formulare*/
.clearing {clear:both; float:none;}
#content .clearing {float:none; clear:both;}

/* forms general */
form {margin:0; padding:0;}

input, select, textarea {margin:0; padding:0;}
input, textarea {padding:0 2px; border:1px solid #000000;}
select {border:1px solid #000000;}
textarea {overflow:auto;}

label.error {color:#FF0000;}
label.error input, label.error select, label.error textarea {border:1px solid #FF0000;}

button {padding:0; margin:0; border:0; cursor:pointer; background:none;}


/* forms content */
#content form {margin-bottom:1em;}
#content form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:291px; height:24.8em;}
#content form .container_2 {float:left; margin-bottom:0.3em; width:291px; height:24.8em;}

#content label {display:block; margin-bottom:0.1em; height:3em;}
#content label span {display:block;}

#content input, #content textarea {width:285px; margin: 3px 0 3px 0; }
#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

#content button {display:block; margin-left:237px;}
#content .button_send {font-weight:bold; color:#00517a;}
#content .button_send:hover, #content .button_senden.hover {color:#000000;}

#content #label_plz {float:left; margin-right:3px;}
#content #fld_plz {width:60px;}
#content #label_ort {float:left;}
#content #fld_ort {width:216px;}
#content #label_telefon {clear:both;}
#content #label_text {height:21em;}
#content #fld_text {height:19.8em;}
         


/* form_appointmentmaker */
#form_appointmentmaker .container_termine {margin-bottom:1em;}
#form_appointmentmaker .container_termine .container_1, #form_appointmentmaker .container_termine .container_2 {height:4.5em;}
#form_appointmentmaker .container_termine .title  {display:block;font-weight:bold;}
#form_appointmentmaker .container_termine input {width:138px;}
#form_appointmentmaker .container_termine label {float:left;}
#form_appointmentmaker .container_termine label.first {margin-right:3px;}

/*Diverses*/
#searchablecontent, #skipnavigation, #printlogo {display:none; visibility:hidden;}
.leftlabeled {clear:both;}
.leftlabeled th {font-weight:bold; text-align:left; padding-right:1em;}
.clearing {float:none; clear:both;}

/*ZMS*/
.zms_file {margin:0 0 1em 0;}
.zms_file .text {display:none;}
.zms_file img {vertical-align:middle;}

div.zms_graphic.left {
    text-align: left;
}
div.zms_graphic.right {
    text-align: right;
}
div.zms_graphic.floatleft {
    float: left;
}
div.zms_graphic.floatright {
    float: right;
}
div.zms_graphic.center {
    text-align: center;
}
div.graphic.alignleft {
    float: left;
    text-align: right;
}
div.graphic.alignright {
    float: right;
    text-align: right;
}