@charset "utf-8";
/* CSS Document */

/* ----- Allgemein ----- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    border: 0;
}

body {
    background-color: #F5F5F5;
    color: #2a2d2e;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    text-align: center; /* Centers the page content container in IE 5 browsers. */
    text-decoration: none;
   /*--- background-image: url(../images/system/bg_gray.png);*/
    background-image: url(../images/system/bg_verlauf2.jpg);
    background-repeat: repeat-x;
    overflow:-moz-scrollbars-vertical;
}




/* Erweiterte Einstellungen */


h1 {
  color: #6982b5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

h2 {
    color: #6982b5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 3px 3px 3px 5px;
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headline {
         color: #646C79;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 18px;
         font-weight: bold;
         line-height: 20px; 
}

.eventticker {
         color: #005387;
        
}

.newsletter {
    margin: 0px 3px 0px 0px;
    border: 0px solid #666666;
    padding: 0px;
}




/* Sets the style of Links */
a,  a:link {
    color: #333333;
    font-weight: normal;
    text-decoration: none;
}

a:visited {
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
}

a:focus {
  color: #ca0009;
}

a:active {
  color: #262499;
}

#unsichtbar  {
    display: none
}

#Clock {
    /*color: #92C9B2; */
    color: #E8EDF2;
    font-size: 10px;
    margin-right:10px;
    text-align: right;
    padding-top: 5px;
    float: none;
    font-weight: normal;
}

#outerWrapper {
    background-color: #fff;
    margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    text-align: left; /* Redefines the text alignment defined by the body element. */
    width: 79.5em;
    border: 0px;
    border-color: #005387;
    border-style: solid;
}


#outerWrapper #header {
    background-color: #005387; /* Sets the bottom border properties for an element using shorthand notation */
    font-size: 18px;
    font-weight: bold;
    height: 203px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(../images/system/at_header_2012_05.png);
   /* background-image: url(../images/system/at_header_2010.png);*/
    height: 220px;
}



#outerWrapper #linedown {
    height: 25px;
    border-bottom: 1px;
    border-color: #8E9FD0;
    border-style: solid;
    /* background-image: url(../images/system/navi_bg.png); */
    background-color: #DF8F05; 

}

/*----------- classen fur UniversalNavigation ------------------*/
.unimenue_float  {
        float: left;
        display: block;
    color: #666666;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px; 
        padding-top: 5px;     
}

.unimenue_block  {
        display: block;
    color: #666666;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px; 
        padding-top: 5px;     
}

.unimenue {
        color: #666666;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px; 
        padding-top: 5px;     
}

/* ---------------------------------------------------------*/
/* --------div Container MainMenu --------------------------*/
#mainmenu  {
    width: auto;
    height: 20px;
    text-align: left;
    font-size: 12px;
    margin-left: 25px;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    color: #666666;

}

/* Sets the style of Links Mainmenu*/
#mainmenu a,  a:link {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#mainmenu a:focus {
    color: #ffffff;
}

#mainmenu a:active {
    color: #ffffff;
}



#outerWrapper #contentWrapper #rightColumn1 {
    background-color: #FFFFFF; /* Sets the left border properties for an element using shorthand notation */
    float: right;
    padding: 0px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    width: 225px;
    margin-right: 25px;
    height: auto;
    background-repeat: repeat-x;
    margin-top: 10px;
}

#outerWrapper #contentWrapper #content {
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    margin-left: 25px;
    margin-right: 300px;
    margin-top: 10px;
}

#content_center {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 10px;
    padding: 10px;
}

#content_start {
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    margin-left: 25px;
    margin-right: 30px;
    margin-top: 10px;
}

#outerWrapper #contentWrapper .clearFloat {
  clear: right;
  display: block;
}

#trenner {
    height: 10px;
    background-color: #FFFFFF;

}

#Teaserbox {
    background-color: #fff;
    text-align: left;
    width: 94%;
    margin-right: 30px;
    margin-left: 30px;
}
#Teaserbox #contentTeaser #right {
    background-color: #FFFFFF;
    float: right;
    padding: 10px 10px 10px 10px;
    width: 230px;
    background-repeat: repeat-x;
}
#Teaserbox #contentTeaser #left {
    background-color: #FFFFFF;
    float: left;
    padding: 10px 10px 10px 10px;
    width: 230px;
    background-repeat: repeat-x;
}

#Teaserbox #contentTeaser #middle {
    margin: 0 33% 0 33%;
    padding: 10px 10px 10px 10px;
    width: auto;
    background-repeat: repeat-x;
}

#Teaserbox #contentTeaser .clearFloat {
  clear: both;
  display: block;
}

#h2_box {
    background-color: #FFFFFF;
    height: 20px;
    margin-bottom: 5px;

}

#innerbox {
    height: 220px;
    /* background-image: url(../images/system/bg_verlauf.jpg); */
    background-color: #EEEEEE;
    background-repeat: repeat-x;
    padding: 5px 5px 5px 5px;

}

#innerboxteaser {
    height: auto;
   /* background-image: url(../images/system/bg_verlauf.jpg); */
   background-color: #EEEEEE;
    background-repeat: repeat-x;
        text-align: left;
    padding: 10px 5px 5px 5px;

}

#innerteaser {
    height: auto;
    text-align: left;
    padding: 10px 5px 15px 5px;
    margin-left: 10px;

}

.box_1 {
    width: 25em;
    height: auto;
    float: left;
    padding: 10px 10px 10px 10px;
    overflow: visible;

}

.box_2 {
    width: auto;
    height: auto;
    padding: 10px 10px 10px 10px;
    overflow: visible;

}

.box_3 {
    width: 25em;
    height: auto;
    float: right;
    padding: 10px 10px 10px 10px;
    overflow: visible;

}

#outerWrapper #footer {
    background-color: #eaeff5;
    border-top: solid 1px #999999;
    padding: 5px 5px 5px 5px;
    height: 15px;
    margin-top: 1px;
    /* background-image: url(../images/system/navi_bg_footer.png); */
    background-color: #EEEEEE;
}

  

#servicemenu  {
    width: 40em;
    /* float: right; */
    height: 20px;
    margin-left: 210px;
    text-align: center;
    font-weight: normal;

}

/* Sets the style of Links Bottomnavi*/

#servicemenu a,  a:link {
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}

#servicemenu a:visited {
    color: #666666;
    font-weight: normal;
    text-decoration: none;
}

#servicemenu a:hover {
    color: #0000FF;
    text-decoration: none;
}

#servicemenu a:focus {
        color: #666666;
}

#servicemenu a:active {
    color: #666666;
}

/* Lightbox Zusatz   */

#imagebox {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.bildbeschreibung {
    text-align: left;
    padding: 0px 25px 0px 0px;

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