html, body {margin: 0px; padding: 0px;}
body {background: transparent url('../images/bg.png') repeat-y center top;}
html, body, table {font-family: Verdana, Trebuchet MS, Arial, Sans-Serif; font-size: 13px; color: #52473D;}
#site {width: 950px; margin: 0 auto; }
#allcontent {}

#head {height: 87px; overflow: hidden; padding: 0px; border-top: 3px solid #FFF; background-color:#71A7E5; background-image:url(../images/4ostsee-mv-bg.jpg); background-repeat: no-repeat; background-position: 437px top;}
#headimg {float: left;}

#footerbanner {background-color: #EEE; text-align: right; }
#banner {height: 87px; width: 488px; margin-left: -15px; overflow: hidden;  float: right; position: absolute; top: 0px; left: 50%;}

#subnavigation, #content, #advertisement {float: left; overflow:hidden; background: transparent url('../images/navi-shadow.png') repeat-x center top; }
#subnavigation {width: 220px;}
#content {width: 555px;}
#advertisement {width: 175px;}
#foot {clear: left; height: 1%;}


#sitelogo {margin: 10px 0 0 236px;}
#navigation {height:42px; background-image: url(../images/navi-bg.gif); background-repeat: repeat-x; background-position: center top;}

/*************** Anzeigen-Blöcke */
#banner .adcenter  {margin: 15px 15px 35px 0; width: 468px; height: 60px; overflow: hidden;}
.banneritem {margin-bottom: 15px;}
#subnavigation .adcenter {text-align: center; margin: 25px 0 15px 0;}
#subnavigation .adcenter a {color: #000; font-size: 10px;}
#subnavigation .banner {text-align: center; margin: 25px 0 15px 0;}
#advertisement .ads {text-align: center; margin-bottom: 15px; font-size: 11px;}



h1, h2 {font-family: Georgia, Verdana; color: #0F78C4; }
h1 {font-size: 18px; padding: 0px; margin: 20px 0 20px 0; font-weight: normal; letter-spacing: 1.5px;}
h2, .tx-indexedsearch-title a {font-size: 13px; padding: 10px 0 0 0; font-weight: bold;letter-spacing: 1.2px;}
h2.seitenuntertitel {font-family: Verdana, Trebuchet MS, Arial, Sans-Serif; font-size: 13px; color: #000; font-weight: normal; padding: 0px; margin: -20px 0 20px 0; letter-spacing: 0px;}

#subnavigation h2 {margin: 12px 0 7px 0; padding: 0 0 0 15px; border-bottom: 1px dotted #0F78C4; background-color: #F8E498; }
#subnavigation h2.leer {border-bottom: none;}
#subnavigation div.first {margin-top: -17px; background-color: #F8E498;}
#subnavigation div.first h2 {padding-top: 7px;}

h3, h4 {font-family: Verdana, Arial, Sans-Serif; color: #0F78C4; padding: 10px 0 0 0; font-size: 13px;}
h4 {font-weight: normal;}
h5 {font-weight: normal; text-decoration: underline; font-size: 11px;}
h6 {font-weight: normal; font-size: 11px;}

a {color: #0F78C4; text-decoration: none;}
a:hover {text-decoration: underline; color: #FFAE00;}
a.external-link-new-window {padding-left: 25px; background-image:url(../images/arrow-ext-link.gif); background-repeat: no-repeat; background-position: 9px 3px;}
a.mail {padding-left: 25px; background-image:url(../images/e-mail-icon.gif); background-repeat: no-repeat; background-position: 9px 3px;}



#content p {text-align: justify}
#content p img {padding: 3px; margin: 13px; background-color: #FFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid silver; border-top: 1px solid silver;}
#content p img.keinrand {padding: 0px; margin: 13px; background-color: #FFF; border: 0px;}


hr {height: 1px; border: 0px; border-bottom: 1px dotted silver; background-color: transparent;}



#subnavigation .padd {padding: 20px 0 50px 0; }
#advertisement .padd {padding-top: 20px; font-size: 10px;}
#advertisement p.bodytext {font-size: 10px; padding-top: 0px; margin-top: 0px;}
#content .padd {padding: 10px 15px 50px 15px;}
#foot {background: #EEE url('../images/foot-bg.gif') repeat-x center top; padding-top: 20px; text-align: center;}
#footer, #footer p.bodytext {text-align: center;}

.extrafooter, .extrafooter2  {font-size: 9px; padding: 3px 20px 3px 20px; text-align: center;}
.extrafooter  {border-top: 1px dotted silver;}
.extrafooter p.bodytext {font-size: 9px; text-align: center;}
.extrafooter a, .extrafooter2 a {color: #52473D; text-decoration: none;}
.extrafooter a.external-link-new-window, .extrafooter2 a.external-link-new-window {padding-left: 0px; background-image:none; }

div#search {text-align: right; padding: 35px 5px 0 0;}
.searchform {border: 1px solid #000; font-family: Verdana, Arial, Sans-Serif; font-size: 9px; color: #3E3E3E; padding-left: 5px;}


/* Teaser Texte*/
table.tx-a1teasermenu-pi1 {width: 100%}

.teaser-item {padding: 2px 0 3px 0; width: 100%; clear: left;}
/*
.teaser-image {border: 1px solid silver; padding: 5px; float: left; margin: 0 15px 10px 0; background-color: #FFF;}
*/

.teaser-image a {float: left; margin: 0 15px 10px 0; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid silver; border-top: 1px solid silver;} 
.teaser-image a:hover {border-color: #FFAE00;}
.teaser-image a img {border: 3px solid #FFF;}

.teaser-item h2 {padding: 0px; margin: 0px 0px 7px 0;}
p.teaser-text {margin: 3px 0 12px 0; display: inline;}
.teaser-link {display: inline; }
.teaser-link a {padding: 0 0 0 13px; background-image: url(../images/arrow-subnav2-act.gif); background-repeat: no-repeat; background-position: left 6px;}


.csc-header-date {float: right; font-size: 10px;}
ul.sitefunction {list-style-type: none; border: 1px solid silver; padding: 7px 3px 2px 5px; margin: 0 10px 15px 0; background-color: #FCF6E1; background-image: url(../images/sitefunction-bg.gif); background-repeat: repeat-x; background-position: left bottom;}
ul.sitefunction li {padding-bottom: 3px; border-bottom: 1px dotted silver; margin-bottom: 3px;}
ul.sitefunction li a {display: block; width: 99%;}

div.formfield {padding: 0 0 15px 0;}





/* RTE */
.telefonnummer {padding-left: 25px; background-image:url(../images/icon-phone.gif); background-repeat: no-repeat; background-position: 9px 3px;}
.faxnummer {padding-left: 25px; background-image:url(../images/icon-fax.gif); background-repeat: no-repeat; background-position: 9px 3px;}
.anschrift {display: block; padding-left: 25px; background-image:url(../images/icon-anschrift.gif); background-repeat: no-repeat; background-position: 9px 3px;}


/* Navigation */
#navlist {margin: 0px; padding: 0px; list-style: none;}
#navlist li {float: left;}
#navlist li a {font-size: 14px; color: #FFF; text-decoration: none; padding: 8px 17px 7px 17px; display: block; }
#navlist li a.active {background-image: url(../images/navi-bg-act.gif); background-repeat: no-repeat; background-position: center top; padding-bottom: 15px;}
#navlist li a:hover {background-image: url(../images/navi-bg-act.gif); background-repeat: no-repeat; background-position: center top; padding-bottom: 7px;}
#navlist li a.active:hover {text-decoration: underline; padding-bottom: 15px;}



/* Subnavigation */
.subnavlist {margin: 0px; padding: 1px 0 0 0; list-style: none; border-bottom: 1px solid #FFF;}
.subnavlist li {margin: 0px; padding: 0px; border-top: 1px solid #FFF;}
.subnavlist li a {width: 100%;}
.subnavlist li a:hover {text-decoration: none; color: black;}
.subnavlist li a span {color: #000;  margin: 0 0 1px 0; display: block; padding: 4px 10px 4px 10px; border-left: 5px solid #FBE59C; background-image: url(../images/subnav.jpg); background-repeat: repeat-y; background-position: left top; }
.subnavlist li a:hover span {border-left: 5px solid #0F78C4; background-image: url(../images/subnav-act.jpg); background-repeat: repeat-y; background-position: right top; }
.subnavlist li a.active span {color: #000; font-weight: bold; border-left: 5px solid #0F78C4; background-image: url(../images/subnav.jpg); background-repeat: repeat-y; background-position: left top;}
.subnavlist li a.active:hover span {color: #000; font-weight: bold; border-left: 5px solid #0F78C4; background-image: url(../images/subnav-act.jpg); background-repeat: repeat-y; background-position: right top;}

.subnavlist-lev3 {margin: 0px; padding: 0px; list-style: none;}
.subnavlist-lev3 li {margin: 0px; padding: 0px;}

.subnavlist-lev3 li a span {font-size: 11px; padding: 3px 10px 3px 30px; border-left: 5px solid #7BB5DF; background-image: url(../images/subnav3.jpg); background-repeat: repeat-y; background-position: left top;}
.subnavlist-lev3 li a.active span, .subnavlist-lev3 li a:hover span, .subnavlist-lev3 li a.active:hover span {background-image: url(../images/subnav3act.jpg); background-repeat: repeat-y; background-position: left top;}
.subnavlist-lev3 li a.active span {color: #000; font-weight: normal;}
.subnavlist-lev3 li a.active:hover span {color: #000; font-weight: normal; border-left: 5px solid #0F78C4;}


.subnavlist-lev4 {margin: 0px; padding: 0px; list-style: none;}
.subnavlist-lev4 li {margin: 0px; padding: 0px;}

.subnavlist-lev4 li a span {padding: 3px 10px 3px 40px; border-left: 5px solid #C3DDF0; background-image: url(../images/subnav4.gif);background-repeat: repeat-y; background-position: left top;}
.subnavlist-lev4 li a.active span, .subnavlist-lev4 li a:hover span, .subnavlist-lev4 li a.active:hover span {background-image: url(../images/subnav4act.gif);background-repeat: repeat-y; background-position: left top;}



.subnavlist-lev5 {margin: 0px; padding: 0px; list-style: none;}
.subnavlist-lev5 li {margin: 0px; padding: 0px; }
.subnavlist-lev5 li a {font-size: 9px; letter-spacing: 0px;}
.subnavlist-lev5 li a span {padding: 3px 10px 3px 50px; border-left: 5px solid #C3DDF0; background-image: url(../images/subnav5.gif);background-repeat: repeat-y; background-position: left top;}
.subnavlist-lev5 li a.active span, .subnavlist-lev5 li a:hover span, .subnavlist-lev5 li a.active:hover span {background-image: url(../images/subnav5act.gif);background-repeat: repeat-y; background-position: left top;}




li.leer {background-color: #F8E498;  padding: 0px; margin: 0px 0 -38px 0; border: 0px; border-top: 0px;}

/* Content Tabellen */
.contenttable {border: 0px; }
.tr-odd {background-color: #FFF;}
.tr-even {background-color: #E9E5D5}
 .contenttable td, .contenttable th {padding: 2px 10px 2px 10px;}
.contenttable th {background-color: #4077A3; color: #FFF; text-align: left;}

.float-left {float: left;}

/* Index Search */
.tx-indexedsearch-info {display: none;}
.tx-indexedsearch-descr {font-style: normal;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {color: black; border-bottom: 1px dotted silver; font-style:normal; font-weight: normal;}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }


#mapwrap {width: 700px; height: 500px; margin: 0 auto; padding: 3px; border: 1px solid silver;}
#map {width: 100%; height: 500px; color: #000;}
#mapwrap.half {width: 350px; height: 350px; margin: 0 10px; float: left;}


/* Vom RTE #######################################################################################*/

/* Left, center and right alignment of text in paragraphs and cells.*/
#content p.align-left, p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
#content p.align-center, p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
#content p.align-right, p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }


/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }