@import url(navigation.css);
@import url(terminliste.css);



/* ###################################################### */
/* ################ GENERAL HTML STRUCTURE ############## */
/* ###################################################### */

html {
    margin: 0;
    padding: 0;
    border: 0;  
 }

body {
    background-color: #6E6E6E;
    width: 880px;
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    font-weight: normal;
    color: #000000; 
    line-height:150%;
    text-align: center;
    position: relative;
 }

#frame {
    width: 880px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    background-image: url(../images/bg_layout.jpg);
    background-repeat: repeat-y;
    background-position: center;
    border-top: 1px solid #000000;
 }


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

#header {
    width: 878px;
    height: 155px;
    padding: 0px 0px 0px 0px;
 }

/*#headline {
    width: 878px;
    height: 25px;
    padding: 0px 0px 0px 0px;
    background-image: url(../upload/header_krb.jpg);
    font-size: 30px; 
    font-weight: normal; 
    color: #000000;  
    text-align: center;
    letter-spacing: 0.25em;  
 }*/

#headerleer {
    width: 878px;
    height: 10px;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/bg_layout_blank.jpg);
    background-repeat: repeat-y;
    background-position: center;
 }


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

#search {
    margin:0px 0px 0px 0px;
    padding: 0px 2px 0px 2px;
    font-size:11px;
    font-weight: normal;
    background-color:transparent;
 }

#search2 {
    margin:10px 0px 0px 0px;
    font-size:11px;
    background-color:transparent;
 }

#search input {
    border: 1px solid #000000;
    height: 15px;
    width:127px;
    font-size:11px;
    padding: 2px 0px 1px 0px;
    margin: 0;
    vertical-align: middle;
 }

#search2 input {
    border: 1px solid #000000;
    height: 15px;
    width:250px;
    font-size:11px;
    padding: 2px 0px 1px 0px;
    margin: 0;
    vertical-align: middle;
 }

#search input.sbmt {
    border: 0px solid #000000;
    width:21px;
    height:21px;
    margin:0px 0px 0px -2px;
    vertical-align: middle;  
 }
 
#search2 input.sbmt {
    border: 0px solid #000000;
    width:21px;
    height:21px;
    margin:0px 0px 0px -2px;
    vertical-align: middle; 
 }


/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */

#searchResults {
    margin:0 0 10px 0;
    float: left;
 }

#searchResults p.message {
    margin: 15px 0 30px 0;       
 }

#searchResults p.result img {
    vertical-align: middle;
    border: 0;
    height: 15px;
    width: 15px;
 }

#searchResults p.result, #searchResults p.result a:hover {
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
 }

#searchResults p.result a {
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
 }

#searchResults div.searchResultItem {
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
 }

#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0px 0px 5px 0px;
    padding:0;
    color:#fff;
    font-style:normal;
 }


/* ###################################################### */
/* ####################### SPRACHWAHL ################### */
/* ###################################################### */

#sprachwahl {
    padding: 0px 0px 0px 2px;
 }


/* ###################################################### */
/* ################### NAVIGATIONSPFADE ################# */
/* ###################################################### */

#locationBar {
    height: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 23px 0px;
    border: 0;
    vertical-align: middle;
    color: #999999;
 }

a.location:link, a.location:active, a.location:visited {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
 }
 
a.location:hover {
    text-decoration: underline;
 }

#artikel .gBottom a {
 font-size: 12px;
 text-decoration: none;
 color: #000000;
 margin: 2px;
 padding: 2px 2px 2px 2px;
 background-color: #fff;
 border: 1px solid #000;
 }

#artikel .gBottom a:hover {
 font-size: 12px;
 color: #fff;
 margin: 2px;
 padding: 2px 2px 2px 2px;
 background-color: #CC3333;
 border: 1px solid #000;
 }
 
#artikel .gBottom {
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 }
 
.gBottom_active {
 font-size: 12px;
 color: #fff;
 margin: 2px;
 padding: 2px 2px 2px 2px;
 background-color: #CC3333;
 border: 1px solid #000;
 }

#artikel p.artikel_head a {
    color: #000000;
 }

#artikel p.artikel_head_home a {
    color: #000000;
 }

#artikel p.artikel_head {
    width: 655px;
    padding: 0px 0px 0px 0px;
    margin: 12px 0px 20px 0px;
    font-size: 14px; 
    font-weight: bold; 
    background-color: #fff;
    line-height:130%; 
    text-transform: uppercase;
    color: #000000;
 }

#artikel p.artikel_head_home {
    width: 150px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px; 
    font-weight: bold; 
    text-align: left;
    background-color: #E6E6E6;
    line-height:130%; 
    /*text-transform: uppercase;*/
    color: #000000;
 }

#back {
    float: left;
    text-align: right;
    width: 658px;
 }

.galleryNav {
    text-align: center;
    float: center;
 }
 

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


#contentnav {
    width: 160px;
    padding: 0px 10px 20px 11px;
    margin: 0;
    float: left;
 }
 
#artikel_steckbrief {
   margin: -346px 0px 0px 0px;
   width: 238px;
   height: 300px;
   float: right;
 }
 
.artikel {
    width: 658px;
    float: left;
} 

.artikel_home {
    width: 447px;
    padding: 0px 20px 20px 0px;
    margin: 0;
    float: left;
 }

*:first-child+html .artikel_home {
    width: 447px;
    padding: 13px 20px 20px 0px;
    margin: 0;
    float: left;
 }
 
.artikel_veranstaltungen {
    width: 370px;
    padding: 0px 20px 20px 0px;
    margin: 0;
    float: left;
 }

*:first-child+html .artikel_veranstaltungen {
    width: 370px;
    padding: 13px 20px 20px 0px;
    margin: 0;
    float: left;
 }

.artikelliste_home {
    width: 150px;
    padding: 12px 20px 0px 19px;
    background-color: #E6E6E6;
    margin: 15px 1px 0px 0px;
    float: right;
   }
   
#artikel {
    width: 658px;
    padding: 0px 0px 20px 21px;
    margin: 0;
    float: left;
 }

#artikeltext_1_spaltig {
    width: 658px;
    padding: 0px 0px 10px 0px;
    margin: 0;
    float: left;
 }

#artikeltext_2_spaltig {
    width: 487px;
    padding: 10px 0px 20px 0px;
    margin: 0;
    float: left;
 }

#artikelbilder_2_spaltig {
    width: 150px;
    padding: 25px 0px 20px 19px;
    margin: 0;
    float: left;
 }

*:first-child+html #artikelbilder_2_spaltig {
    width: 150px;
    padding: 14px 0px 20px 19px;
    margin: 0;
    float: left;
 }

#directions {
    width: 660px;
    padding: 0px 0px 0px 0px;
    margin: 17px 0px 0px -6px;
    float: left;
 }

#contentbildergalerie {
    width: 689px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px -15px;
    float: left;
 }


/* ###################################################### */
/* ######################## TEXT ######################## */
/* ###################################################### */

/*headline*/
h1 {
    width: 658px;
    margin:0px 0px 0px 0px;
    font-size: 18px; 
    font-weight: bold;
    color: #000000; 
    line-height:130%; 
    padding-bottom: 8px;
    text-transform: uppercase;
 }

/*subheadline*/
h2 {
    width: 658px;
    margin:0px 0px 0px 0px;
    font-size: 14px; 
    font-weight: bold;
    color: #000000; 
    line-height:130%; 
    padding-bottom: 8px;
    text-transform: uppercase;
  }

h3 {
    margin:0px 0px 0px 0px;
    font-size: 12px; 
    font-weight: bold;
    text-decoration: underline;
    color: #000; 
   }

/*subheadline*/
/*:first-child+html h2 {
    width: 658px;
    margin:0px 0px -10px 0px;
    font-size: 14px; 
    font-weight: bold;
    color: #000000; 
    line-height:130%; 
    padding-bottom: 8px;
    text-transform: uppercase;
  }*/

h4 {
    padding: 0px 0px 0px 0px;
    margin:0;
    font-size: 12px; 
    font-weight: normal;
    color: #ffffff;
    text-align: right;
 }

/* Suche */
h5 {
    display: block;
    padding: 0px 0px 2px 0px;
    margin:0;
    font-size: 14px; 
    font-weight: bold;
    color: #00000; 
    line-height:140%; 
    padding-bottom: 8px;
    letter-spacing: 0.03em;
 }

h6 {
    width: 150px;
    margin:0px 0px 0px 0px;
    font-size: 14px; 
    font-weight: bold;
    color: #CC3333; 
    line-height:130%; 
    padding-bottom: 8px;
    text-transform: uppercase;
  }

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

a:link, a:visited, a:active { 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    color: #CC3333;
}
a:hover {
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: underline;
    color: #CC3333; 
}

.Link {
    border: 0;
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #000000;
    padding: 2px;
}

a.Link:link, a.Link:visited, a.Link:active {
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #000000;
    padding: 2px;
}
a.Link:hover {
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    padding: 2px;
    color: #0000;
    background-color: #CC3333;
}

a.LinkFoot:link, a.LinkFoot:visited, a.LinkFoot:active {
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #000000;
    padding: 3px 1px 3px 1px;
    text-align: left;
}
a.LinkFoot:hover {
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: none; 
    padding:3px 1px 3px 1px;
    color: #ffffff;
    background-color: #CC3333;
}


/* ###################################################### */
/* ######################## TABLE ####################### */
/* ###################################################### */

#artikel .grau td{ 
   width: 656px;
   padding:3px 1px 3px 1px;
   background-color:#E6E6E6;
 }

.tableAB {
    table-layout: fixed;
    margin: 10px 0px 20px 0px;
    padding: 0;
    line-height:100%;
    text-align: left;
    border: 1px solid #FFFFFF;
    border-collapse:collapse;
 }

.tableAB td { 
    table-layout: fixed;
    margin: 0px;
    padding: 2px;
    border: 1px solid #FFFFFF;
    border-collapse:collapse;
 }

.tableRowAB1 {
    table-layout: fixed;
    height: 19px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background-color: #3D3D6A;
    color: #fff;
 }

*:first-child+html .tableRowAB1 {
    table-layout: fixed;
    height: 14px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background-color: #3D3D6A;
    color: #fff;
 }

.tableRowAB2 {
    table-layout: fixed;
    height: 38px;
 }
    
.table td { 
    margin: 0px;
    padding: 0px 18px 5px 0px;
    border-collapse:collapse;
    float: left;
}
 
.table2 td { 
    width: 658px;
    table-layout: fixed;
    margin: 0px;
    padding: 12px 18px 3px 0px;
    border-collapse:collapse;
 }

.colRow1 {
    border-spacing: 13px;
 }


/* ###################################################### */
/* ################### BILDER / Videos ################## */
/* ###################################################### */

#artikel .dokument {
    margin: 0px 20px 0px 0px;
    border: 1px solid #E6E6E6;
}

#artikel .flagge {
    border: 0px;
}

.teaser_img {
    float: left;
    margin: 0px 18px 20px 0px;
}

#artikel img { 
    border: 1px solid #000;
}

#artikeltext_1_spaltig a img {
    border: 1px solid #000000;
 }

#artikeltext_2_spaltig a img{
    border: 1px solid #000000;
 }

#artikelbilder_2_spaltig a img {
    border: 1px solid #000000;
 }
 
.artikelliste a img {
    border: 1px solid #000000;
 }

.table img {
    border: 1px solid #000000;
 }

.table2 img {
    border: 1px solid #000000;
 }

#contentbildergalerie a img {
    border: 1px solid #000000;
 }

#map_canvas {
    margin: 17px 0px 10px 0px;
    border: 1px solid #000;
    float: left;
 }
 
*:first-child+html #map_canvas {
    margin: 24px 0px 0px 0px;
    border: 1px solid #000;
    float: left;
 }

#bilder {
    width: 150px;
    padding: 3px 0px 20px 19px;
    margin: 0;
    float: left;
 }

#bilder a img { border: 1px solid #000000;
 }

#player {
 float: left;
 }


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

#contactForm {
    margin: 4px 0px 0px 0px;
    width: 658px;
    disply: block;
    float: left;
    font-size:12px;
 }

#contactForm .contactRow {
    width: 432px;
    margin:18px 0px;
 }

#contactFormSubmit {
    width: 433px;
 }

#contactForm label {
    display:block;
    float:left;
    width:80px;
 }

#contactForm .contactRow input {
    background-color: #fff;
    font-size:12px;
    color: #000;
    border:1px solid #000;
    padding: 3px 1px 0px 3px;
    height:18px;
    width:346px;
 }

#contactForm .contactRow textarea {
    background-color: #fff;
    font-size:12px;
    color: #000;
    border:1px solid #000;
    padding: 3px 1px 0px 3px;
    height: 200px;
    width:346px;
 }

#contactForm .eingabe {
    color: #000;
    border:1px solid #000;
    padding: 1px 1px 1px 1px;
 }
 
#contactForm .contactRow select {
    color: #000;
    background-color: #fff;
    border:1px solid #000;
   
 }
 

* html #contactForm .contactRow select {
    color: #000;
    margin: 3px;
    background-color: #fff;
    border:1px solid #000;
 }

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

#contactFormSubmitLeft {
    float:left;
 }

#contactFormSubmitLeft {
    float:left;
    margin:0px 0px 0px 79px;
    padding: 0px 20px 0px 0px;
 }

*:first-child+html #contactFormSubmitLeft {
    float:left;
    margin:0px 0px 0px 39px;
    padding: 0px 20px 0px 0px;
 }

* html #contactFormSubmitLeft {
    margin:0px 0px 0px 27px;
    padding: 0px 0px 0px 0px;
 }

#contactFormSubmitRight {
    float:right;
 }
    
/* ###################################################### */
/* ###################### SITEMAP ####################### */
/* ###################################################### */

#sitemap {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    font-weight: normal;
    color: #000000;
    border: 2px solid #ffffff;
    width: 152px;
}

/* 1. Ebene */
#sitemap ul {
    width: 300px;
    margin: 0;
    padding: 0;
    list-style-type: none; 
}

#sitemap ul li a {
    display: block;
    padding: 1px 4px;
    margin: 0;
    font-size: 11px;
    text-decoration: none;
    width: 300px;
    color: #000000;
    background-color: #E6E6E6;
    font-weight: bold;
    border-top: 2px solid #ffffff;
 }

#sitemap ul li a:hover {
    color: #fff;
    background-color: #CC3333;
    text-decoration: none;
    font-weight: bold;
 }

/* 2. Ebene */
#sitemap ul li.level2 a { 
    display: block;
    padding: 1px 4px 2px 37px;
    margin: 0;
    color: #000000;
    width: 267px;
    background-color: #E6E6E6;
    font-weight: normal
}

#sitemap ul li.level2 a:hover {
    color: #fff;
    background-color: #CC3333;
    text-decoration: none;
    font-weight: bold;
 }

/* 3. Ebene */
#sitemap ul li.level3 a {
    display: block;
    padding: 1px 4px 1px 67px;
    width: 237px;
    color: #000000;
    background-color: #E6E6E6;
    font-size: 11px;
    font-weight: normal;
}

#sitemap ul li.level3 a:hover {
    color: #fff;
    background-color: #CC3333;
    text-decoration: none;
    font-weight: bold;
 }


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

#footer {
    width: 880px;
    height:39px;
    vertical-align: middle;
    padding: 0;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/footer_krb.jpg);
    background-repeat: repeat-y;
    background-position: center;
    float: right;
    border-bottom: 1px solid #000000;
 }

* html #footer {
    width: 879px;
    height:39px;
    vertical-align: middle;
    padding: 1px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/footer_krb.jpg);
    background-repeat: repeat-y;
    background-position: center;
    float: right;
    border-bottom: 1px solid #000000;
 }

#ie7andie8 #footer {
    width: 879px;
    height: 39px;
    vertical-align: middle;
    padding: 0;
    margin: 1px 1px 0px 0px;
    background-image: url(../images/footer_krb.jpg);
    background-repeat: repeat-y;
    background-position: center;
    float: right;
    border-bottom: 1px solid #000000;
 }

#footer div {
    border: 0;
    padding: 12px 0px 0px 407px;
    font-size: 9px;
    text-align: left;
 }

#metaNavigation {
    width: 311px;
    padding: 20px 0px 0px 5px;
    margin: 0px 0px 0px 0px
    text-align: center;
    float: left;
 }