html, body, div, p, td, a, input, textarea, select {
    font-family : Verdana, Arial, sans-serif;
    color : #555555;                    /*Hellschwarz*/
}

html, body {
    margin : 0;
    padding : 0;
                background-image : url(../images/bg.jpg);
    background-repeat : repeat-x;
}

html {
    height : 100%;
    width  : 100%;  

}

body {
    height : 100%;
    width  : 100%;
}

form {
    margin : 0;
    padding : 0;
}

textarea {                          /*Was ist das?*/
    width : 418px;
    height : 85px;
}


img {                               /*Was ist das*/
border : 0;
}


/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */


#head {
    height : 108px;
    width : 960px;
    padding : 0 0 0 0;
    margin: 0 0 0 0;
    /*background-color:#ccc;*/
    background-image : url(../images/header/header.gif);
    background-repeat:no-repeat;



}

#head #headBody {
    padding : 0 0 0 0;
    margin : 0 0 0 0;
    /*width : 960px;*/
}


#head h1 {
        text-align: left;
        display:block;
        float:left;
        padding: 10px 0 0 20px;
        margin: 0 0 0 0;
        /*width:960px;*/
        height:20px;
        line-height:20px;
        font-weight:normal;
        font-size : 18px;
        color:#e1e1e1;

        /* transparency */
        /*background-color:#fff;*/
        /*opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}



/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */


#outerContainer {

    min-height : 70%;
    /*border-width:1px;
    border-style:solid;
    border-color:#eeeeee;*/
}

* html #outerContainer {

    height : 70%;
}


#contentContainer {
    border-width:0px;
    border-style:solid;
    border-color:#eeeeee;
    text-align : left;
    width : 960px;
    margin : 0 0 0 0;
    padding: 0 0 0 0;
    background-color :#f9f7f7;
    
    /*background-image : url(../upload/Temp/bg.JPG);*/
    /*background-repeat : repeat-x;*/

}
#outerContainer {
    margin : 0 0 0 0;
    padding: 0 0 0 0;
    width : 960px;
}

#whiteBg {
    float : left;
    padding: 0 0 0 0;
    margin : 0 0 0 0;
    height : 100%;
}

#content_oben  {
     background : url(../upload/startbild/startbild.jpg);
     background-repeat : no-repeat;
     height :270px;
}

#contentContainer #content_text {
    float : left;                       /*Vielleicht raus*/
    text-align : left;
    font-family : Verdana, Arial, sans-serif;
    color : #555555;                    /*Hellschwarz*/
    font-size : 11px;
    line-height : 14px;
    width : 420px;
    padding : 10px 10px 5px 10px;
    margin : 20px 0 0 20px;
    background-color :#fff;
}


#content_oben h1 {
    margin : 0 500px 12px 0;
    padding : 0 0 0 0;
    font-size : 18px;
    font-weight : normal;
    color:#3399cc;                      /*blau*/
    background-color : #eeeeee;             /*hellgrau*/
    line-height : 22px;                 /*überprüfen ob gebraucht?*/

}


#content, #teasersRight {
    text-align : left;
    float : left;
    padding-top : 30px;
}


#outerContainer #contentContainer #content {
padding-top : 30px;
}


#teasersRight {
    text-align : left;
    font-family : Verdana, Arial, sans-serif;
    font-size : 11px;
    color : #555555;                    /*Hellschwarz*/
    line-height : 14px;
}


#contentContainer #content {
    float : left;                       /*Vielleicht raus*/
    text-align : left;
    width : 440px;
    padding : 30px 20px 20px 20px;
    margin : 0 0 0 0;
}

    #contentContainer #teasersRight {
    float : left;                       /*Vielleicht raus*/
    text-align : left;
    width : 440px;
    padding : 30px 20px 20px 20px;
    margin : 0 0 0 0;
}





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


#search {
    margin : 20px 0 20px 20px;
    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 : 1px solid #ccc;
    width : 140px;
    height : 12px;
    font-size : 10px;
}

#search input.sbmt {
    border : 0;
    width : 5px;
    height : 8px;
    margin : 0 0 0 10px;
}


/* ###################################################### */
/* ####################### 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 : #0060b1;
    font-style : normal;
}


/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */


#content {
    font-family : Verdana, Arial, sans-serif;
    color : #555555;                    /*Hellschwarz*/
    font-size : 11px;
    line-height : 14px;

}

#content h1, #content h2 {
    margin : 0 0 12px 0;
    padding : 0 0 0 5px;
    font-size : 18px;
    font-weight : normal;
    color:#fff;                      /*weiß*/
    background-color : #006699;             /*blau*/
}

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


#content h1 a {
    color:#dc143c;                      /*spiegel rot*/ 
    text-decoration : none;
}

#content h2 a {
    color:#dc143c;                      /*spiegel rot*/ 
    text-decoration : none;
}

#content h2 {
    font-style : normal;
    font-size : 11px;
}

img.hr {                            /*was ist das?*/
    display : block;
    margin : 10px 0;
    padding : 0;
}

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


#teasersRight .teaserItem {
    font-family : Verdana, Arial, sans-serif;
    color : #555555;                    /*Hellschwarz*/
    font-size : 11px;
    line-height : 14px;
}


#teasersRight h1 {
    margin : 0 0 12px 0;
    padding : 0 0 0 5px;
    font-size : 18px;
    font-weight : normal;
    color:#fff;                      /*weiß*/
    background-color : #006699;             /*blau*/
    line-height : 22px;                 /*überprüfen ob gebraucht?*/
}

#teasersRight h1 a {
    color:#dc143c;                      /*spiegel rot*/ 
    text-decoration : none;
}

#teasersRight .teaserItem a {
    color : #cd5c5c;
    text-decoration : none;
}




/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */


#footer {
    /*background-color:#e8e8e8;*/
    background-image : url(../images/header/bg_footer.gif);
    /*background-repeat : no-repeat;*/
    width : 960px;
    height : 134px;
    font-size : 11px;
    overflow : hidden;
    padding : 25px 0 0 0;
}


ul#metaNavigation {
    margin : 0 0 20px 0;
    padding : 0 0 0 0;
}

ul#metaNavigation li {
    margin : 0 0 0 0;
    padding : 0 1px 0 8px;
    display : inline;
}


/* ###################################################### */
/* ####################### LINKS ######################## */
/* ##################################################### */

a {
    color:#3399ff;
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */


#contactForm {
    padding : 30px 0 0 0;
    font-size : 11px;
}
#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 {
    border : 1px solid #ccc;
    width : 172px;
}
* 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, #contactFormSubmit #contactFormSubmitRight input {
    background-color : #f9f7f7;
    border : 0;
    color : #0060b1;
    padding : 0 20px 0 0;
    background-image : url(../images/link_pfeil.gif);
    background-repeat : no-repeat;
    background-position : right 4px;
    font-size : 10px;
    width : auto;
    height : auto;
    float : right;
    margin : 0 0 0 0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image : none;
    padding : 0 0 0 0;
    float : left;
}
#contactForm table {
    width : 100%;
    border-collapse : collapse;
}
#contactForm table td {
    padding : 0 0 0 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;
}
.clearfix:after {
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
.clearfix {
    display : inline-block;
}
.clearfix {
    display : block;
}
table.gallery {
    margin : 20px 10px 0 0;
    width : 410px;
}
table.gallery tr.thumbnails td {
    padding : 0;
}
div.download {
    padding : 3px 0 3px 10px;
    background : url(../images/link_pfeil_klein.gif) no-repeat 0 7px;
}
div.downloadImg {
    padding : 0;
    margin-top : 10px;
    background : url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}
dl.gallery-detail {
    margin : 20px 10px 0 0;
}
dl.gallery-detail dt {
    text-align : left;
    padding : 0;
}
td.gallery_image {
    height : 220px;
    padding : 0;
}
td.gallery_image div.link_image {
    padding : 0;
    background-position : top center;
    min-height : 120px;
    margin-bottom : 5px;
    overflow : hidden;
}
td.gallery_image .bottom_links {
    height : 40px;
    margin-top : 10px;
}
td.gallery_image .bottom_links {
    margin-bottom : 0;
    text-align : left;
    width : 180px;
}
td.gallery_image .links {
    margin-bottom : 0;
}
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 : #ccc;
    padding : 3px 3px 3px 10px;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    background-color : #f4f9fd;
    padding : 3px 3px 3px 30px;
}
ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    background-color : #ffffff;
    padding : 3px 3px 3px 50px;
}
.teaser_image {
    float : left;
    margin-top : 4px;
    margin-right : 4px;
}

/* ###################################################### */
/* ####################### ANFRAGE FORM ################# */
/* ###################################################### */


#anfrageForm {
    padding : 10px 0 0 0;
    font-size : 11px;
}
#anfrageForm .anfrageRow {
    margin : 4px 0 0 0;
}
#anfrageForm label {
    display : block;
    float : left;
    width : 80px;
}
#anfrageForm .anfrageRow input, #anfrageForm .anfrageRow textarea {
    border : 1px solid #ccc ;
    width : 346px;
}
#anfrageForm .anfrageRow select {
    border : 1px solid #ccc;
    width : 172px;
}
* html #anfrageForm .anfrageRow input, * html #anfrageForm .anfrageRow textarea {
    width : 343px;
}
#anfrageForm .anfrageRow input {
    height : 14px;
}
#anfrageForm .anfrageRow textarea {
    height : 50px;
    font-size : 10px;
}
#anfrageFormSubmit #anfrageFormSubmitLeft {
    float : left;
    margin : 0 0 0 80px;
    width : 174px;
}
* html #anfrageFormSubmit #anfrageFormSubmitLeft {
    margin : 0 0 0 26px;
}
#anfrageFormSubmit #anfrageFormSubmitRight {
    float : right;
    width : 174px;
}
#anfrageFormSubmit #anfrageFormSubmitLeft input, #anfrageFormSubmit #anfrageFormSubmitRight input {
    border : 0;
    color : #cd5c5c;
    padding : 0 5px 0 0;
    background-image : url(../images/link_pfeil.gif);
    background-repeat : no-repeat;
    background-position : right 4px;
    font-size : 10px;
    width : auto;
    height : auto;
    float : right;
    margin : 0 0 0 0;
    background-color:#ffffff;
}
#anfrageFormSubmit #anfrageFormSubmitLeft input {
    background-image : none;
    background-color:#ffffff;
    padding : 0 0 0 0;
    float : left;
}
#anfrageForm table {
    width : 100%;
    border-collapse : collapse;
}
#anfrageForm table td {
    padding : 0 0 0 0;
}
#anfrageForm table td.pt {
    padding : 5px 0 10px 0;
    font-weight : bold;
}
* html #anfrageForm table td.pt {
    padding-top : 10px;
}

/* ###################################################### */
/* ####################### ANFRAGE FORM KLEIN ########### */
/* ###################################################### */


#anfrageFormklein {
    padding : 30px 0 0 0;
    font-size : 11px;
}
#anfrageFormklein .anfrageRowklein {
    margin : 4px 0 0 0;
}
#anfrageFormklein label {
    display : block;
    float : left;
    width : 80px;
}
#anfrageFormklein .anfrageRowklein input, #anfrageFormklein .anfrageRowklein textarea {
    border : 1px solid #ccc;
    width : 120px;
}
#anfrageFormklein .anfrageRowklein select {
    border : 1px solid #ccc;
    width : 108px;
}
* html #anfrageFormklein .anfrageRowklein input, * html #anfrageFormklein .anfrageRowklein textarea {
    width : 120px;
}
#anfrageFormklein .anfrageRowklein input {
    height : 14px;
}
#anfrageFormklein .anfrageRowklein textarea {
    height : 108px;
    font-size : 10px;
}
#anfrageFormSubmitklein #anfrageFormSubmitLeftklein {
    float : left;
    margin : 0 0 0 0;
    width : 108px;
}
* html #anfrageFormSubmitklein #anfrageFormSubmitLeftklein {
    margin : 0 0 0 0;
}
#anfrageFormSubmitklein #anfrageFormSubmitRightklein {
    float : right;
    width : 108px;
}
#anfrageFormSubmitklein #anfrageFormSubmitLeftklein input, #anfrageFormSubmitklein #anfrageFormSubmitRightklein input {
    border : 0;
    color : #0060b1;
    padding : 0 0 0 0;
    background-image : url(../images/link_pfeil.gif);
    background-repeat : no-repeat;
    background-position : right 4px;
    font-size : 10px;
    width : auto;
    height : auto;
    float : right;
    margin : 0;
}
#anfrageFormSubmitklein #anfrageFormSubmitLeftklein input {
    background-image : none;
    padding : 0 0 0 0;
    float : left;
}
#anfrageFormklein table {
    width : 100%;
    border-collapse : collapse;
}
#anfrageFormklein table td {
    padding : 0 0 0 0;
}
#anfrageFormklein table td.pt {
    padding : 5px 0 10px 15px;
    font-weight : bold;
}
* html #anfrageFormklein table td.pt {
    padding-top : 10px;
}
.textItemlinks {
    text-align : left;
    font-family : Verdana, Arial, sans-serif;
    font-size : 11px;
    color : #333;
    line-height : 12px;
    padding : 8px 0 0 18px;
}


/* ###################################################### */
/* ####################### CSS MENU ##################### */
/* ###################################################### */


#tabs5 {
    float : left;
    height: 25px;
    font-size : 100%;
    line-height : normal;
    padding : 80px 20px 0 20px;
}

#tabs5 a{
    color:#666666; /*grau*/
}

#tabs5 a span {
    float : left;
        /*background:#9acd32; */                    /*grün*/
    /*background : url(../images/menu/bg_menu.gif);*/

    padding:5px 15px 4px 6px;
}



#tabs5 a:hover span {
    /*background:#ffff00;     */                /*gelb*/
    text-decoration : underline;
    /*background : url(../images/menu/bg_menu_over.gif);*/

}






/* ###################################################### */
/* ####################### LIST ADVANCED################# */
/* ###################################################### */

.articlelistPagecounter { width: 100%; text-align: center; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #CCC;}
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 5px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; }
.articlelistItem p.articlelistContent { float: left; margin-left: 10px;}
.articlelistItem p.articlelistContent img { float: left; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }

/* ###################################################### */
/* #######################Bildlauf      ################# */
/* ###################################################### */