/* BASIC */
body {
/* 101% zur font-size-Korrektur fuer Opera bis v.6 */
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #000033;
padding: 0;
margin-top: 47px;
background-image: url(../bilder/layout/back_.jpg);
}
.imgborder {
border: 1px solid #035590;
}

#ringsrum {
height: auto;
width: 840px;
visibility: visible;
margin: 0 auto;
text-align: left;
}
#logo {
background-image: url(../bilder/layout/logo.gif);
height: 120px;
width: 840px;
visibility: visible;
background-repeat: no-repeat;
}
#container {
position: relative;
height: auto;
width: 840px;
margin-top: 6px;
visibility: visible;
text-align: left;
z-index: 10;
}
#containerinner {
position: relative;
height: auto;
width: 592px;
padding-left: 248px;
visibility: visible;
text-align: left;
background-color: #FFFFFF;
}
#bild {
position: absolute;
float: left;
height: auto;
width: 167px;
margin-left: 24px;
margin-right: 56px;
visibility: visible;
text-align: left;
z-index: 20;
margin-top: 98px;
}
#footer {
width: 800px;
padding: 5px 0 0 24px;
top: 20px;
visibility: visible;
text-align: left;
}
/* CONTENT */
p a {
color: #000033;
text-decoration: underline;
}
p a:hover {
text-decoration: none;
}
/* HEADINGS */
div#containerinner h1 {
color:#BC0154;
font-size: 12px;
text-decoration: none;
/* some air around the text 
letter-spacing:1px;*/
padding: 0 0 10px 0;
margin:0;
font-weight: bold;
}
div#containerinner ul {
margin:0;
padding:0 0 0 25px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #000033;
line-height: 17px;
list-style-type: square;
}
div#content h2 {
color:#333333;
font-size: 11px;
font-weight: bold;
margin: 0 0 0 30px;
padding:0;
}
div#content h3 {
font-size: 1em;
font-weight: bold;
color:#FF6600;
margin: 0;
}
div#content h4 {
font-size: 1em;
font-weight: bold;
color:#FF6600;
margin: 0;
}
div#content h5 {
color: #294B5F;
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
h6 {
color: #294B5F;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */
.gallery {
width:500px;
height:280px;/*border:1px solid #FFFFFF;*/
}
.thumbnail {
float:left;
width:180px;
height: 140px;
}
/* TEXT */
div#main a {
color:#484848;
text-decoration: none;/*border-bottom: 1px dotted #666666;*/
}
div#main a:hover {
color:#FF6600;
text-decoration: underline;/*border-bottom: 1px solid #FF6600;*/
}
p {
margin: 0 0 0 0; /* some air around p elements */
line-height: 17px;
padding: 0 0 0 0;
}
li {

}
a {
color: #000033;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
.marginal {
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.important, .grau {
color:#484848;
font-size:12px;
font-weight:normal;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:normal;
color:#FF6600;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}
pre {
border: 1px solid #000;  /* black border for pre blocks */
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;
}
/* END TEXT */
/* MARGINALIEN */
.csc-textpic-caption {
color:#333333;
font-size: 10px;
}
/* END MARGINALIEN */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul, div#main ol, div#main dl {
font-size: 1.0em;
line-height: 17px;
margin: 0 0 1.5em 1em;
}
div#main ul {
margin: 0 0 10px 30px; /* some air around p elements */
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body div#main ul {
margin-left: 0px;
}
/* END LISTS */
button {
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
margin: 0;
}
.red {
color: #BC0154;
}
.blue {
color: #005491;
}
/* NAVI */
ul a {
font: 11px Verdana;
margin: 0;
padding: 0;
color: #000000;
line-height: 13px;
text-decoration: underline;
}
#sublinemenu {
z-index: 30;
margin: 0;
padding: 0;
width: 180px;
}
#sublinemenu ul {
font: 12px Arial;
color: #BC0154;
padding: 0 0 15px 0;
margin: 0;
list-style-type: none;
font-weight: normal;
}
#sublinemenu ul li {
display: block;
}
#sublinemenu ul li a {
text-transform : uppercase;
font: 12px Arial;
font-weight: normal;
display: block;
width: auto;
color: #BC0154;
padding: 3px 3px 3px 15px;
text-decoration: none;
font-weight: normal;
line-height: 14px;
background: url(../bilder/layout/pfeil.gif) no-repeat 0 6px;
}
#sublinemenu ul li a:hover {
background: url(../bilder/layout/pfeil.gif) no-repeat 0 6px;
}
#sublinemenu ul li active {
background: url(../bilder/layout/pfeil.gif) no-repeat 0 6px;
}
#sublinemenu ul li#current {
text-transform : uppercase;
padding: 3px 3px 3px 15px;
background: url(../bilder/layout/pfeil.gif) no-repeat 0 6px;
}
#subsublinemenu {
text-transform : normal;
z-index: 30;
margin: 0;
padding: 0;
}
#subsublinemenu ul {
text-transform : none;
list-style-type: none;
padding: 0;
font-size: 12px;
font-weight: normal;
}
#subsublinemenu ul li {
text-transform : normal;
display: block;
}
#subsublinemenu ul li a {
text-transform : none;
display: block;
width: auto;
color: #AEB6BE;
padding: 3px 3px 3px 15px;
text-decoration: none;
font-weight: normal;
line-height: 14px;
}
#subsublinemenu ul li a:hover {
color: #BC0154;
line-height: 14px;
}
#subsublinemenu li#sub a {
text-transform : none;
color: #AEB6BE;
font-weight: normal;
line-height: 14px;
height: 14px;
}
#subsublinemenu li#sub a:hover .active {
color: #BC0154;
font-weight: normal;
line-height: 14px;
}
#subsublinemenu li#subcurrent {
color: #BC0154;
font-weight: normal;
line-height: 14px;
padding: 3px 3px 3px 15px;
}
#subsubsublinemenu {
z-index: 30;
margin: 0;
padding: 0;
}
#subsubsublinemenu ul {
color: #000000;
list-style-type: none;
padding: 0;
font-size: 11px;
font-weight: normal;
}
#subsubsublinemenu ul li {
color: #000000;
display: block;
}
#subsubsublinemenu ul li a {
display: block;
width: auto;
color: #000000;
padding: 4px 4px 4px 30px;
text-decoration: none;
border-bottom: 1px solid #c00004;
font-weight: normal;
background-color: #f3f3fd;
}
#subsubsublinemenu ul li a:hover {
color: #c00004;
background-color: #f3f3fd;
font-weight: normal;
}
#subsubsublinemenu li#sub a {
padding: 4px 4px 4px 30px;
color: 000000;
background-color: #f3f3fd;
font-weight: normal;
border-bottom: 1px solid #c00004;
}
#subsubsublinemenu li#sub a:hover {
color: #c00004;
background-color: #f3f3fd;
font-weight: normal;
}
#subsubsublinemenu li#subcurrent a {
color: #c00004;
background-color: #f3f3fd;
border-bottom: 1px solid #c00004;
font-weight: normal;
}
a {
color: #000033;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.druckversion a {
text-decoration: underline;
}
.druckversion a:hover {
text-decoration: none;
}
/* PRINT */
@media print {
body {
background-image: none;
}
#ringsrum {
width: 600px;
}
#bild {
display: none;
}
#logo {
display: none;
}
#container {
width: 600px;
}
#containerinner {
padding-left: 0px;
}
#footer {
display: none;
}
}