/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#4f4f4f;
}
html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
html {
    background-image:url(../images/bg_main.gif);
    height:100%;
    background-color: #cbcbcb;
    background-repeat: repeat-x;
}
body {
    height:100%;
}
form {
    margin:0;
    padding:0;
}

textarea {
    width:418px;
    height:85px;
}

img {
    border:0;
}
/* /----------------- general html structure */

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
    height:103px;
}

#head_left {
    height:70px;
    width: 485px;
    float: left;
    display: inline-block;
    padding-top: 33px;
    padding-left: 5px;
}

#head_right {
    height:103px;
    width: 485px;
    float: left;
    display: inline-block;
    line-height: 103px;
    text-align: right;
}

#head_left h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    color: #005a87;
    margin: 0px;
    padding: 0px;
}

#head_left h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    color: #68686f;
    margin-left: 50px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#head2 {
    height:243px;
    color:#e8e8e8;
}

#head_claim {
    height:243px;
    width: 490px;
    float: left;
    display: inline-block;
    background-image: url(../images/bghead2.gif);
    background-repeat: no-repeat;
}

#head_claim h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color:#e8e8e8;
    font-style: normal;
    font-weight: normal;
    margin-left: 55px;
    padding: 0px;
    margin-right: 30px;
    margin-bottom: 0px;
    line-height: 30px;
    margin-top: 55px;
}

#head_claim p {
    color:#e8e8e8;
}


#head_pic_over {
    width: 490px;
    height:243px;
    display: inline-block;
    background-image: url(../images/head2_picover.gif);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}

#head_pic {
    height:243px;
    width: 490px;
    float: left;
    position: relative;
}


/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#outerContainer {
    width: 980px;
    min-height:90%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
* html #outerContainer {
    height:90%;
}

#cont_top {
    background-image: url(../images/cont_top_bg.gif);
    background-repeat: no-repeat;
    height: 43px;
    width: 980px;
}

#contentContainer {
    width:980px;
    min-height:100%;
    background-image: url(../images/cont_bg.gif);
    background-repeat: repeat-y;
}
#outerContainer, #contentContainer {

}

#navigation, #content, #content2, #teasersRight {
    float:left;
    padding-bottom: 40px;
}

#navigation_inner {
    width:213px;
    padding-right: 20px;
    padding-left: 19px;
}
#outerContainer #contentContainer #content {
    padding-bottom: 40px;
}

#outerContainer #contentContainer #content2 {
    padding-bottom: 40px;
}

#content, #teasersRight {
}

#contentContainer #navigation {
    width:252px;
    background-color:transparent;
}

#contentContainer #content {
    width:430px;
    padding:0 30px;
    margin:0;
}

#contentContainer #content2 {
    width:630px;
    padding:0 30px;
    margin:0;
}

#contentContainer #teasersRight {
    width:235px;
}

#social{
    text-align: center;
    display: inline-block;
    margin-top: 30px;
    margin-left: 20px;
}

#rssLink_left{
    font-size: 12px;
    text-align: center;
    display: inline-block;
    margin-top: 30px;
    margin-left: 20px;
    line-height: 25px;
    vertical-align: middle
}

#rssLink{
    font-size: 12px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 0px;
    line-height: 25px;
    vertical-align: middle;
}

#modulLeft{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 0px;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */


#nav_top {
    width:980px;
    background-image: url(../images/nav_top_bg.gif);
    background-repeat: no-repeat;
    height: 76px;
}

#nav_top_inner {
    width:810px;
    height: 76px;
    line-height: 76px;
    text-valign: center;
    float: left;
    padding-left: 10px;
}

#navtop_item {
    height: 76px;
    display: inline-block;
    float: left;
}
#navtop_left {
    width:11px;
    height: 76px;
    float: left;
}
#navtop_right {
    width:11px;
    height: 76px;
    float: left;
}

#navtop_left_act {
    width:11px;
    height: 76px;
    float: left;
    background-image: url(../images/navleft_akt.gif);
    background-repeat: no-repeat;
}
#navtop_right_act {
    width:11px;
    height: 76px;
    float: left;
    background-image: url(../images/navright_akt.gif);
    background-repeat: no-repeat;
}

#navMainPassive{
    height: 76px;
    line-height: 76px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4b4b4b; 
}

#navMainPassive a{
    text-decoration: none;
    color: #4b4b4b;
    display: block;
}

#navMainPassive a:hover{
    text-decoration: none;
    color: #ff0000;
}

#navMainActive{
    height: 76px;
    line-height: 76px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ebebeb;
    background-image: url(../images/nav_akt.gif);
}

#navMainActive a{
    text-decoration: none;
    color: #ebebeb;
    display: block;
}

#navMainActive a:hover{
    text-decoration: none;
    color: #000000;
}


/* Links erste Stufe */

#navSelector {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cdcdcd;
    height: 1px;
}

#navSecPassive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #878787;
    background-image: url(../images/navsec_passive.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-position: 0px 17px;
}

#navSecPassive a{
    text-decoration: none;
    color: #878787;
    display: block;
}

#navSecPassive a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}

#navSecActive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: ##005a87;
    background-image: url(../images/navsec_active.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-position: 0px 17px;
}

#navSecActive a{
    text-decoration: none;
    color: ##005a87;
    display: block;
}

#navSecActive a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}


#navSecActiveOpen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #878787;
    background-image: url(../images/navsec_active.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    background-position: 0px 17px;
}

#navSecActiveOpen a{
    text-decoration: none;
    color: #878787;
    display: block; 
}

#navSecActiveOpen a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}

/* Links zweite Stufe */

#navThirdPassive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #878787;
    background-image: url(../images/navthrit_passive.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 27px;
    padding-top: 3px;
    padding-bottom: 7px;
    background-position: -9px 5px;
}


#navThirdPassive a{
    text-decoration: none;
    color: #878787;
    display: block;
}

#navThirdPassive a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}

#navThirdActive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: ##005a87;
    background-image: url(../images/navthirt_active.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 27px;
    padding-top: 3px;
    padding-bottom: 7px;
    background-position: -9px 5px;
}

#navThirdActive a{
    text-decoration: none;
    color: ##005a87;
    display: block;
}

#navThirdActive a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}


#navThirdActiveOpen {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: ##005a87;
    background-image: url(../images/navthrit_active.gif);
    background-repeat: no-repeat;
    padding-right: 7px;
    padding-left: 27px;
    padding-top: 3px;
    padding-bottom: 7px;
    background-position: -9px 5px;
}

#navThirdActiveOpen a{
    text-decoration: none;
    color: ##005a87;
    display: block;
}

#navThirdActiveOpen a:hover{
    text-decoration: none;
    color: #ff0000;
    display: block;
}

/* Metanavigation */

#metaNavigation {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #484848;
}

#metaNavigation a{
    color: #484848;
}

#metaNavigation a:hover{
    color: #ff0000;
    text-decoration: none;
}

ul#metaNavigation {
    margin:0 50px 20px 0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 8px 0 1px;
    display:inline;
    border-right:1px solid #484848;
}



/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */

#search_out {
    width: 145px;
    height: 76px;
    line-height: 76px;
    text-valign: center;
    float: left;
    padding-left: 10px;
}

#search {
    margin: 0px;
    font-size:11px;
    background-color:transparent;
}
#search label {
    font-size:11px;
    display:block;
    float:left;
    width:42px;
    padding:2px 0 0 0;
}
#search input {
    border: 0px;
    width: 105px;
    height:12px;
    font-size:12px;
}
#search input.sbmt {
    border:0;
    width:15px;
    height:25px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 5px;
    line-height: 76px;
    vertical-align: middle;
}
/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
    color:#005a87;
    font-style:normal;
}

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */
#content {
    font-size:13px;
    color:#4f4f4f;
    line-height:17px;
}
#content2 {
    font-size:13px;
    color:#4f4f4f;
    line-height:17px;
}

#content h1, #content h2 {
    padding:0;
    font-size:21px;
    font-weight:normal;
    color:#005a87;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}

#content2 h1, #content2 h2 {
    padding:0;
    font-size:21px;
    font-weight:normal;
    color:#005a87;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
}

#content h1 {
    line-height:25px;
}

#content2 h1 {
    line-height:25px;
}

#content h1 a {
    color:#005a87;
    text-decoration:none;
}

#content2 h1 a {
    color:#005a87;
    text-decoration:none;
}
#content h1 a:hover {
    color:#ff0000;
    text-decoration:none;
}
#content2 h1 a:hover {
    color:#ff0000;
    text-decoration:none;
}

#content h2 {
    margin:0 0 10px 0;
    padding:0;
    font-size:16px;
    font-weight:normal;
    color:#005a87;
}

#content2 h2 {
    margin:0 0 10px 0;
    padding:0;
    font-size:16px;
    font-weight:normal;
    color:#005a87;
}

#content h2 a {
    color:#005a87;
    text-decoration:none;
}

#content2 h2 a {
    color:#005a87;
    text-decoration:none;
}
#content h2 a:hover {
    color:#ff0000;
    text-decoration:none;
}
#content2 h2 a:hover {
    color:#ff0000;
    text-decoration:none;
}

img.hr {
    display:block;
    margin:10px 0;
    padding:0;
}

/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */



/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */
#footer {
    height:59px;
    background-image: url(../images/footer_bg.gif);
    background-repeat: no-repeat;
    width: 980px;
    display: inline-block;
    float: left;
}
#footerContainer {
    width:960px;
    line-height: 59px;
    vertical-align: middle;
}

#footerContentLeft, #footerContentRight {

}
#footerContentLeft {
    font-size:10px;
    padding-right:20px;
    padding-left:16px;
    float:left;
}
#footerContentRight {
    font-size:11px;
    text-align: left;
    float:left;
}

/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
    color:#005a87;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    width:450px;
    font-size:13px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {

}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input {
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
    position:absolute;
    top:60px;
    left:270px;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* ###################################################### */
/* ####################### Sitemap ############### */
/* ###################################################### */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #dadada;
        padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #ececec;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #f3f3f3;
        padding: 3px 3px 3px 50px;
}


/* ###################################################### */
/* ####################### ArticleList ################## */
/* ###################################################### */


#articlelistItem1 {
    width: 550px;
}

#picside1 img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


#moreButton {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #757575;
    background-color: #d8d8d8;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    width: 120px;
}

#moreButton a{
    color: #757575;
    display: block;
}

#moreButton a:hover{
    color: #ff0000;
    text-decoration: none;
    display: block;
}

#moreFrame {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8d8d8;
    margin-top: 15px;
    margin-bottom: 35px;
}

#articlelistNavigation {
    text-align: center;
}

/* ##### Kleine Ansicht #### */


#articlelistItem2 {
    width: 210px;
}

#articlelistItem2 h3 {
    padding:0;
    font-size:14px;
    font-weight:normal;
    color:#005a87;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
}

#picside12 img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#articlelistSubheadline2 {
    font-size: 11px;
    color:#4f4f4f;
}

#moreButton2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #757575;
    background-color: #d8d8d8;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    padding-right: 15px;
    padding-left: 15px;
    width: 120px;
}

#moreButton2 a{
    color: #757575;
    display: block;
}

#moreButton2 a:hover{
    color: #ff0000;
    text-decoration: none;
    display: block;
}

#moreFrame2 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8d8d8;
    margin-top: 15px;
    margin-bottom: 35px;
}

/* ###################################################### */
/* ####################### Login / Logout ############### */
/* ###################################################### */

#logoutText {
    font-size: 11px;
    color:#878787;
    text-align: left;
    line-height: 14px;
    background-image: url(../images/logout.gif);
    background-repeat: no-repeat;
    height: 102px;
    width: 203px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#logoutText h6 {
    padding-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    color:#878787;
    text-align: left;
    line-height: 16px;
}

/* ###################################################### */
/* ####################### Schrift ###################### */
/* ###################################################### */

.fett {
    font-weight: bold;
}

.rot {
    color: #FF0000;
}

.rot_fett {
    font-weight: bold;
    color: #FF0000;
}

.blau {
    color: #005a87;
}

.blau_fett {
    font-weight: bold;
    color: #005a87;
}