html[xmlns^="http"]{
  overflow-y: scroll; /* Mozilla-Scrollbar */
}


/* ############################################################ */
/* #### allg. Raster / Seitenaufteilung ####################### */

html, body{
  margin:0;
  padding:0;
  color:#000000;
  background-color:#ffffff;
  text-align:center;
  background-repeat: repeat;
  background-position: left top;
  background-image: url(img/bg_body.gif);
  height:100%;
}


div#website{
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  width:944px;
  text-align: left;
  background-color:#ffffff;
  background-repeat: repeat-y;
  background-position: left top;
}
body.layout_0 div#website{ background-image: url(img/bg_website_layout-0.gif); }
body.layout_1 div#website{ background-image: url(img/bg_website_layout-1.gif); }
body.layout_2 div#website{ background-image: url(img/bg_website_layout-2.gif); }


div#footer{
    position: absolute;
    bottom: 0 !important;
    bottom: -0px;
    height: 23px !important;
    width: 966px;
    overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
}
body.layout_0 div#footer{ background-image: url(img/bg_website_layout-0_bottom.gif); }
body.layout_1 div#footer{ background-image: url(img/bg_website_layout-1_bottom.gif); }
body.layout_2 div#footer{ background-image: url(img/bg_website_layout-2_bottom.gif); }


div#header{
  height:188px;
  overflow:hidden;
  background-color:#ffffff;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(img/bg_header.jpg);
}
div#header div.inner{
  padding-top:26px;
  background-repeat: repeat;
  background-position: left top;
  background-image: url(img/bg_body.gif);  
}
div#header div#headerimage{
  height:140px;
  background-repeat: no-repeat;
  background-position: right top;
  background-color:#ffffff;
}
img#signet{
  position:absolute;
  left:24px;
  top:61px;
}


div#columns{
  padding: 0 19px 17px 24px;
  background-repeat: no-repeat;
  background-position: left top;
}
body.layout_0 div#columns{ background-image: url(img/bg_website_layout-0_top.gif); }
body.layout_1 div#columns{ background-image: url(img/bg_website_layout-1_top.gif); padding: 0 36px 17px 24px; }
body.layout_2 div#columns{ background-image: url(img/bg_website_layout-2_top.gif); }


div#navigation{
  padding: 8px 0 12px 0;
  float:left;
  width:132px;
  overflow:hidden;
}
div#contentcolumns{
  float:right;
  width:721px;
  overflow:hidden;
}
body.layout_1 div#contentcolumns{ width:704px; }
body.layout_2 div#contentcolumns{ padding: 8px 0 6px 0; }

div#maincolumn{
  float:left;
  width:536px;
  overflow:hidden;
  padding: 8px 0 6px 0;
}
div#marginalia{
  float:right;
  width:150px;
  overflow:hidden;
}
body.layout_1 div#marginalia{ padding: 8px 0 6px 0; width:120px; }


div.clearer{ clear:both; }


/* ############################################################ */
/* #### Boxen (nur Layout 0) ################################## */

body.layout_0 div.box{
  background-repeat: repeat-y;
  background-position: left top;
    background-image: url(img/bg_box.gif);
}
body.layout_0 div.inner1{
  padding-top:8px;
  background-repeat: no-repeat;
  background-position: left top;
    background-image: url(img/bg_box_top.gif);
}
body.layout_0 div.inner2{
  padding: 0 17px 18px 13px;
  background-repeat: no-repeat;
  background-position: left bottom;
    background-image: url(img/bg_box_bottom.gif);
}
body.layout_0 div.inner2 p{ margin:0; }


/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
  font-size:12px;
  line-height:1.4em;
  font-family: arial, verdana, helvetica, lucida, sans-serif;
}

h1, h2{
  font-weight:normal;
  font-size:12px;
  line-height:1.4em;
  font-weight:bold;
  margin:0 0 1em 0;
  color:#aa0132;
}

div#marginalia,
div#marginalia div,
div#marginalia h1,
div#marginalia h2{ font-size:11px; }

p{ margin-top:0; }
p.indent{ padding-left:20px; }

ul{ margin-top:0; }
ul{
  margin-left:0;
  padding:0;
  list-style:none;
}
ul li{
  margin:0;
  padding: 0 0 0 28px;
  background-repeat: no-repeat;
  background-position: 20px 6px;
  background-image: url(img/bg_li.gif);  
}
div#contentcolumns div.csc-sitemap ul li{
  padding: 0 0 0 12px;
  background-position: 0px 6px;
  background-image: url(img/bg_sitemap_li.gif);  
}

a{
  outline:0;
  text-decoration:none;
}
div#contentcolumns a{
  font-weight:bold;
  color:#67757e;
}


.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{ color:#aa0132; }

img{ border:none; }

/* IE7 / IE8-compatibility-view Bildabstands-Bug beheben */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-bottom:0px;
  padding-bottom:12px;
}


.tx-indexedsearch-searchbox td{ padding: 0 5px 6px 0; }

/* ############################################################ */
/* #### Formulare ############################################# */

fieldset{
  border:none;
  margin:0.5em 0 0 0;
  padding:0;
}
label{ display:block; }
div.checkbox label,
div.radio label{ display:inline; }
div.csc-mailform-field{
  padding-bottom:3px;
}
.csc-mailform-field textarea,
input.csc-mailform-input,
.tx-guestbook-field textarea{
  width:300px;
}
input.mf-submit{ margin-top:1em; }


/* ############################################################ */
/* #### Tabellen ############################################## */

table.contenttable-0{
  width:680px;
  border-collapse:collapse;
  empty-cells: show;
  margin-left:1px;
}

table.contenttable-0 td{
  border-top:1px solid #0060a9;
  border-bottom:1px solid #0060a9;
  border-left:0;
  border-right:0;
  background-color:#ffffff;
  font-size:11px;
  vertical-align:top;
}
table.contenttable-0 tr.tr-even td{ background-color:#e6eff6; }
table.contenttable-0 td.td-0{
  border-left:1px solid #0060a9;
  padding-left:5px;
}
table.contenttable-0 td.td-last{
  border-right:1px solid #0060a9;
  padding-right:5px;
}



table.contenttable-0 tr.tr-0 td,
table.contenttable-0 tr.tr-0 td.td-0,
table.contenttable-0 tr.tr-0 td.td-last{
  font-weight:bold;
  color: #aa0132;
  border:none;
  background-color:transparent;
  padding-bottom:4px;
}


/* ############################################################ */
/* #### Navigation ############################################ */

div#navigation ul{
  margin:0;
  padding:0;
  list-style:none;
  color:#67757e;
}

div#navigation ul ul{ padding-top:4px; }

div#navigation li{
  margin:0;
  padding:0 0 10px 0;
  background-image:none;
}
div#navigation li.last{ padding:30px 0 0 0; }
div#navigation li li{ padding: 0 0 0 8px; }

div#navigation a{ color:#67757e; }
div#navigation ul ul a{  color:#a1adb5; }

div#navigation a:hover,
div#navigation ul ul a:hover,
div#navigation a.act,
div#navigation ul ul a.act,
div#navigation a.cur,
div#navigation ul ul a.cur{
  color: #aa0132;
}

#thumbnails .label {
  height: 1.5em;
  margin:0.3em 0;
}

.thumbnail {
  float: left;
  padding-bottom: 5px;
}

.carouselWrapper {
 margin-left: -5px;
}

/*  ### Auskommentiertter Beispiel für Close-Button in der lightbox */
#rglbCloseLink {
 background:url("img/schliessen.gif") no-repeat scroll center center transparent !important;
 display:block;
 float:right;
 height:30px;
 margin-bottom:10px;
 width:80px;
}

/* ## Lightbox: Buttons vor- und zurückblattern und Hintergrung Bild Mitte hover...

#rglbPrevLink:hover {
 background: url("img/previous.gif") !important;
}

#rglbNextLink:hover {
 background: url("img/next.gif") !important;
}
.jdGallery a.open:hover { 
  background: url('img/open.gif') !important;
}
*/

/* Hintergrundfarbe Leinwand und Rahmen */
.jdGallery .slideElement {
  background-color:#FFFFFF !important;
}
.myGallery {
  border:1px solid #0161AB !important;
}

/* Vorschaubilder Button Farbe ubd Hintergrund */
div#contentcolumns .carouselContainer a {
  color:#FFFFFF !important;
}
.jdGallery a.carouselBtn {
  background:#0161AB !important;
}