body {
background: #fff url('images/hin.gif') repeat-x;
margin: 0;
padding: 0;
text-align: center;
}

#wrap {
width: 970px;
margin: 0 auto;
text-align: left;
}

#top {
float: left;
width: 980px;
height: 100px;
color: #fff;
font-family: 'Trebuchet MS', verdana, sans-serif;
font-size: 200%;
}
#top p {
margin: 30px 0;
}

#logo {
float: left;
margin-left: 2px;
}

#logoc {
float: left;
width: 152px;
height: 180px;
background: url('images/module_top.jpg') bottom left no-repeat;
}
#topleiste {
float: left;
width: 980px;
height: 6px;
background: url('images/content-top1024.gif') -5px 0 no-repeat;
}

#content {
float: left;
width: 980px;
min-height: 550px;
background: url('images/conthin.gif') repeat-y;
line-height: 140%;
}

#inhalt {
float: left;
position: relative;
}
#links {
float: left;
width: 160px;
}

#navigation {
width: 152px;
float: left;
background: url('images/module_middle.jpg') repeat-y;
margin: 0;
overflow: hidden;
}


#navigation ul {
margin: 3px 5px;
padding: 0;
list-style-type: none;
}
    
#navigation ul li { 
padding: 0;
margin: 0;
}

#navigation ul li a {
display: block;
padding: 3px 0 3px 4px;
color: #7E0E0E;
}

#navigation ul li a:link, #navigation ul li a:visited {
color: #7E0E0E;
border-bottom: 1px solid #CCC;
font-weight: bold;
font-size: 12px;
}

#navigation ul li a:hover, #navigation ul li a:active {
background: #F4F4F4;
text-decoration: none;
}

#navigation ul li ul.unternav li a:link, #navigation ul li ul.unternav li a:visited {
padding-left: 10px;
font-size: 11px;
background: url('images/umen_off.gif') 0 9px no-repeat;
border-bottom: 0;
font-weight: normal;
}

#navigation ul li ul.unternav li a:hover, #navigation ul li ul.unternav li a:active {
background: url('images/umen_on.gif') 0 9px no-repeat;
text-decoration: underline;
color: #333;
}

#navigation ul li a.aktiv {background: #F4F4F4 url('images/men_on.gif') 0 6px no-repeat}
#navigation ul li ul.unternav li a.aktiv2 {font-weight: bold;}


#navbottom {
float: left;
width: 152px;
height: 12px;
background: url('images/module_bottom.jpg') no-repeat;
}

#pfad {
width: 550px;
float: left;
padding: 0 0 5px 0;
font-size: 10px;
}

#textfeld {
float: left;
width: 580px;
padding: 10px;
}


#bottom {
float: left;
background: url('images/footer1024.jpg') no-repeat;
text-align: right;
width: 980px;
height: 32px;

}

#bs {
width: 950px;
float: left;
text-align: right;
font-size: 11px;
padding: 8px 0 5px 0;
}

#rechts {
width: 195px;
float: right;
}

#tfrechts {
width: 175px;
float: left;
margin: 20px 0;
font-size: 85%;
}

.modulbox {
width: 180px;
float: left;
}
.modulbox_top {
width: 178px;
height: 8px;
float: left;
background: url('images/module_top_wide.jpg') no-repeat;
}

.modulbox_content {
width: 178px;
min-height: 20px;
float: left;
background: url('images/module_middle_wide.jpg') repeat-y;
}

.modulbox_bottom {
width: 178px;
height: 12px;
float: left;
background: url('images/module_bottom_wide.jpg') no-repeat;
}

form#suchform {
width: 150px;
float: left;
padding: 0 10px;
}

#rechts h3 {
width: 150px;
float: left;
margin: 5px;
border-bottom: 1px solid #7E0E0E;
color: #7E0E0E;
font-size: 110%;
} 

.csc-frame-frame1 {border-bottom: 1px solid #ccc; margin: 10px 0; float: left; width: 580px; }
.csc-frame-frame1 h3 {color: #7E0E0E;}
.csc-textpic-caption {font-size: 85%;}

td.tx-indexedsearch-descr {font-size: 90%;}
td.tx-indexedsearch-info {font-size: 80%; border-bottom: 1px solid #ccc}
div.tx-indexedsearch-whatis {margin: 20px 0; font-weight: bold;}


#mailform {width: 500px;}
#mailform fieldset {border: 1px solid #ccc; padding: 10px}
#mailform div.csc-mailform-field {float: left; width: 500px; padding: 1px 0}
#mailform div.csc-mailform-field label {float: left; width: 140px; font-weight: bold; padding: 2px; font-size: 85%}
#mailform div.csc-mailform-field input {float: left; width: 300px; font-family: Verdana, sans-serif; padding: 2px; border: 1px solid #999}
#mailform div.csc-mailform-field textarea {float: left; width: 450px; font-family: Verdana, sans-serif; padding: 2px; border: 1px solid #999}
#mailform div.csc-mailform-field input#mailformcaptchaResponse {width: 160px}
#mailform div.csc-mailform-field img {margin-left: 130px;}
#mailform div.csc-mailform-field input.csc-mailform-submit { width: 150px; background: #7E0E0E; color: #fff; font-weight: bold; border: 1px solid #999; padding: 5px}

ul.browsebox {
margin: 15px 5px;
padding: 0;
list-style-type: none;
}
ul.browsebox li {
display: inline;
padding: 5px;
}


.tx-felogin-pi1 fieldset { border: none; width: 170px; margin: 10px 0 0 0; }
.tx-felogin-pi1 legend { display: none; }
.tx-felogin-pi1 label { width: 130px; font-weight: bold; }
.tx-felogin-pi1 input { width: 150px; margin: 2px 0; }


#rechts .tx-felogin-pi1, #rechts .csc-frame-frame2 { background: #E8E8E8; border: 1px solid #CCC; padding: 5px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:  0px 1px 3px 0px #333333;
-moz-box-shadow:  0px 1px 3px 0px #333333;
box-shadow:  0px 1px 3px 0px #333333; 
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.5, rgb(232,232,232)),
    color-stop(1, rgb(204,204,204))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(250,250,250) 0%,
    rgb(232,232,232) 50%,
    rgb(204,204,204) 100%
);
  
}
#rechts .tx-felogin-pi1 h3, #rechts h4 { margin: 5px 0; }

#fotonavigation { float: left; width: 590px; margin-bottom: 10px; text-align: center; padding: 5px 5px 10px 5px; width: 590px; border-bottom: 1px solid #CCC; }
#fotonavigation img { margin: 0 10px; }
.tx-gooffotoboek-pi1 { text-align: center; }