/* Homepage, Content, etc. */

/* Globals */

img, a img {
border: none;
}

abbr {
border: 0;
}

form {
display: inline;
}

a, a:visited {
color: #003399;
text-decoration: none;
}

a:hover {
color: #FF0000;
text-decoration: none;
}

.blau {
color: #003399;
}

.rot {
color: #FF0000;
}

.next, .abstand, .abstandZehn, .abstandSechs, .abstandVier {
clear: both;
font-size: 1px;
line-height: 1px;
}

.next {
height: 1px;
}

.abstandVier {
height: 4px;
}

.abstandSechs {
height: 6px;
}

.abstandZehn {
height: 10px;
}

.abstand {
height: 20px;
}

ul {
list-style: inside;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif !important;
padding: 0 !important;
}

.teaser ul {
list-style: none outside;
}

p {
margin: 0;
padding: 0px 0;
line-height: 18px;
}

p.listeFluss, .teaser li {
clear: both;
padding: 4px 0 2px;
}

p.underline {
border-bottom:1px #CCCCCC solid;
}

.listeFluss span {
float: left;
display: block;
speak: none;
padding-bottom: 2px;
}

.bildBeschriftung {
position:relative;
float:left; 
}

.bildBeschriftung img, .bildBeschriftung img a, .bildBeschriftung img a:hover {
display:block; 
}

.bildBeschriftung span {
position:absolute;
bottom:0;
left:0;
width:100%;
background-color:#f1f1f1;
color:#003366;
font-weight:bold;
height:2em;
line-height:2em;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}





/*Schriften*/


div#contentRechts H3 {
font-size: 1.1em;
}

.teaser120 H3, .teaser H3 {
font-size: 1.2em;
}

table, .teaser p, .teaser120 p, div#contentRechts H2, .teaser ul.teaserList li,  div#contentRechts ul.teaserList, .teaser li, .imgSubline, ul.teaserList {
font-size: 1.1em;
line-height: 18px;
}
.teaser H4, p.overhead, p.overhead0, p.overheadRe, p.listeFluss, div#contentRechts p.overhead, p.klein, .bildteaser80text,  .bildunterschrift,  .imgSubline {
font-size: 0.94em;
}


div#contentRechts p {
font-size: 0.98em;
line-height: 16px;
}

.teaser H2, H2 {
font-size: 1.2em;
line-height: 19px;
padding-bottom:6px;
}

H2.subhead {
font-size:0.94em; 
color:#666666;
border-color: #CCCCCC;
}


.teaser H4 {
border-bottom:1px solid #999999;
padding-bottom:2px;
}

/* Bilder */

.left, img.left {
float: left;
margin: 0 8px 6px 0;
}

.right, img.right {
float: right;
margin: 0 0px 6px 8px;
}

.inlay, img.inlay {
float: right;
margin: 120px 10px 0px 0px;
}

.inlay1, img.inlay1 {
float: right;
margin: 120px 10px 0px 0px;
}

.teaser img.left, .teaser120 img.left, .teaser200 img.left, .teaser img.right {
margin-top: 4px;
}

/* Content */

BODY>#inhalt {
position: static;
overflow: hidden;
}

#inhalt {
width:980px;
margin-top: 16px;
}

div#content {
width:620px;
/*overflow: hidden;*/
}

div#content {
margin-left: 0px;
display: inline;
}

div#content, div#contentRechts {
float: left;
}

.teaser H2, teaser120 H2 {
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
}

.teaser, .teaser120, .teaser200 {
margin: 4px 0 6px 0;
}

.teaser120 p.overhead, .teaser120 p.description, .teaser120 p.vevent, .teaser120 p.noUmbruch {
padding-left: 126px;
}

.teaser200 H3, .teaser200 p.overhead, .teaser200 p.description, .teaser200 p.vevent, .teaser200 p.noUmbruch {
padding-left: 206px;
}

p.overhead0 {
padding-left: 0px;
}

p.overheadRe {
text-align:right;
}

.hinweis {
text-align:center;
}

.teaser li {
clear: both;
padding: 4px 0 2px;
}

/* Textbox */

blockquote p {
background: url(bilder/zitat.gif) no-repeat;
float: left;
margin: .5em;
padding-left: .5em;
text-indent: 0px;
width: 215px;
}

/* Bildunterschrift: Definitionsliste */

dl {
background-color:#f1f1f1;
font-size: 0.94em;
padding: 2px 0 2px 0;
float: left;
margin: 4px 1em 1em 0;
text-align: center;
}

dl.copy {
background-color:#f1f1f1;
font-size: 0.94em;
padding: 2px 0 2px 2px;
float: left;
margin: 4px 1em 1em 0;
text-align: left;
}


dl.Bildrechts {
float: right;
margin: 12px 0 1em 1em;
text-align: center;
}


/* Box im Fliesstext */

.H2{font-size:1.0em;color:#000000; padding:3px 0 3px 0;}

#boxGeneral,.boxGeneral{float:left;margin:0 10px 10px 0;width:250px;margin-top:4px;}

#boxBorder,.boxBorder,#boxBorderTextbox,.boxBorderTextboxMitBild{border-top:1px solid #999;border-bottom:1px solid #999;width:250px}

#boxBorderTextbox,.boxBorderTextboxMitBild,.boxTableCellDark{background:#EFEFEF}

.boxLinksContent{background:#EFEFEF;width:250px;margin-bottom:1px}

.boxLinksContent .text H2 STRONG,.boxLinksContent .text .H2 STRONG,.boxLinksContent .text H2 SPAN,.boxLinksContent .text .H2 SPAN{font-weight:normal}

.boxLinksContent .text H2,.boxLinksContent .text .H2{font-weight:bold}

#boxBorderTextbox .text,.boxBorderTextbox .text,.boxTableCellLight .text,.boxTableCellDark .text,.boxLinksContent .text{padding:4px}

.boxInnerHeadline{font-weight:bold;margin-bottom:8px}

.boxGeneralContent{background:#EFEFEF;padding:2px}

.boxTableCellLight,.boxTableCellDark{width:125px;float:left}

.boxGeneral IMG.left{margin-right:4px}



.bildteaser67 {
float: left;
width: 67px;
margin: 0px 0px 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}



.bildteaser80 {
float: left;
width: 80px;
margin: 2px 24px 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser80text {
margin: 2px 0 10px 0;
}

.bildteaser80Rechts {
float: left;
width: 80px;
margin: 2px 5px 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser80textRechts {
margin: 2px 0 10px 0;
}

.bildteaser100 {
float: left;
width: 100px;
margin: 2px 0 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser100text {
margin: 2px 0 10px 0;
}

.bildteaser112 {
float: left;
width: 112px;
margin: 2px 1px 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser112text {
margin: 2px 0 10px 0;
}


.bildteaser120 {
float: left;
width: 120px;
margin: 2px 0 0 40px;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser120text {
margin: 2px 0 10px 0;
}

.bildteaser176 {
float: left;
width: 176px;
margin: 2px 36px 0 0;
text-align: center;
font-weight: normal;
/*height: 110px;*/
line-height: 16px;
overflow: hidden;
}

.bildteaser176text {
margin: 2px 0 10px 0;
}


/* contentHeadNavLeiste */

.contentHeadNavLeiste {
width: 620px;
padding: 0px;
color: #000;

border-bottom:1px solid #666666;
margin: 0 0 6px 0;
}

.contentHeadNavLeisteLeft {
text-align: left;
color:#666666;
font-weight: normal;
float: left;
width: 540px;
}

.contentHeadNavLeisteRight {
text-align: right;
float: left;
width: 70px;
}

.contentHeadNavLeisteCenter {
width: 10px;
float: left;
color:#666;
}

.contentHeadNavLeisteCenter a {
color:#666;
}

.contentHeadNavLeisteCenter a:hover {
color:#ff0000;
}

.contentHeadNavLeisteLeft p {
	font-size: 1em;
	font-weight:normal;
	padding: 0px;
}

.contentHeadNavLeisteRight p {
font-size: 1.0em;
font-weight: normal;
padding-bottom: 0px;
}

/* contentHeadNavLeiste - ALT wird durch oben ersetzt - dann löschen */

div#contentHeadNavLeiste {
width: 620px;
padding: 0px;
color: #000;

border-bottom:1px solid #666666;
margin: 0 0 6px 0;
}

.contentHeadNavLeisteLeft {
text-align: left;
color:#666666;
font-weight: normal;
float: left;
width: 540px;
}

.contentHeadNavLeisteRight {
text-align: right;
float: left;
width: 70px;
}

.contentHeadNavLeisteCenter {
width: 10px;
float: left;
color:#666;
}

.contentHeadNavLeisteCenter a {
color:#666;
}

.contentHeadNavLeisteCenter a:hover {
color:#ff0000;
}

.contentHeadNavLeisteLeft p {
	font-size: 1em;
	font-weight:normal;
	padding: 0px;
}

.contentHeadNavLeisteRight p {
font-size: 1.0em;
font-weight: normal;
padding-bottom: 0px;
}





/* contentHeadNavLeiste Zwei */

div#contentHeadNavLeiste2 {
width: 620px;
padding: 0px;
color: #000;
background: #fff;
border-bottom:1px solid #666666;
margin: 0 0 6px 0;
}

.navLeisteLeft {
text-align: left;
font-weight: normal;
float: left;
width: 200px;
}

.navLeisteRight {
text-align: right;
float: left;
width: 200px;
}

.navLeisteCenter {
width: 220px;
text-align: center;
float: left;
}

/* BildergalerieNavLeiste */

div#BildergalerieNavLeiste {
width: 620px;
margin-bottom: 10px;
padding: 0 0 0px 0;
color: #000;
background: #fff;
}

.BildergalerieNavLeisteLeft {
text-align: left;
font-weight: normal;
float: left;
width: 100px;
}

.BildergalerieNavLeisteRight {
text-align: right;
float: left;
width: 100px;
}

.BildergalerieNavLeisteCenter {
width: 400px;
text-align: center;
float: left;
}

.BildergalerieNavLeisteLeft H5 {
font-size: 1.0em;
font-weight: normal;
padding-bottom: 0px;
}

.BildergalerieNavLeisteRight p {
font-size: 1.0em;
font-weight: normal;
padding-bottom: 0px;
}

.BildergalerieNavLeisteCenter p {
font-size: 1.0em;
font-weight: bold;
padding-bottom: 0px;
}

/* contentFootNavLeiste */

div#contentFootNavLeiste {
width: 620px;
margin-bottom: 10px;
padding: 0 0 0px 0;
color: #000;
background: #fff;
}

.navLeisteLeft {
text-align: left;
font-weight: normal;
float: left;
width: 200px;
}

.navLeisteRight {
text-align: right;
float: left;
width: 200px;
}

.navLeisteCenter {
width: 220px;
text-align: center;
float: left;
}

/* contentFootNavLeiste */

.contentFootNavLeiste0 {
width: 620px;
margin-bottom: 10px;
padding: 0 0 0px 0;
color: #000;
background: #fff;
}

.navLeisteLeft {
text-align: left;
font-weight: normal;
float: left;
width: 80px;
}

.navLeisteRight {
text-align: right;
float: left;
width: 80px;
}

.navLeisteCenter {
width: 460px;
text-align: center;
float: left;
}

/* NavigationsBox */

div#navLinks {
clear: both;
margin-bottom: 16px;
}

div#navLinks0 {
clear: both;
margin-bottom: 16px;
}

div.navLinks {
clear: both;
margin-bottom: 16px;
}

.navBox {
width: 620px;
border-bottom: 1px solid #fff;
}

.navBox2 {
float: left;
width: 309px;
line-height: 1.5em;
font-weight: normal;
background-color:#f1f1f1;
border-right:1px solid #fff;
}

.navBox4 {
float: left;
width: 154px;
line-height: 1.5em;
font-weight: normal;
background-color:#f1f1f1;
border-right:1px solid #fff;
}

.navBox5 {
float:left;
text-align:center;
width: 123px;
line-height: 1.5em;
font-weight: normal;
background-color:#f1f1f1;
border-right:1px solid #fff;
}

.navBox7 {
float: left;
width: 87px;
text-align:center;
line-height: 1.5em;
font-weight: normal;
background-color:#f1f1f1;
border-right:1px solid #fff;
}



/* Infobox */

div.tabelleTeaser120 {
position: static;
}

div.tabelleTeaser120 .angabenLi {
float: left;
}

div.tabelleTeaser120 .angabenRe {
float: left;
line-height: 18px;
}

div.tabelleTeaser120 .angabenLi {
background: #fff;
clear: left;
margin-bottom: .4em;
width: 115px;
}

div.tabelleTeaser120 .angabenRe {
width:  325px;
color: #000000;
margin-bottom: .4em;
padding: 0;
}

div.tabelleTeaser120 {
background: #FFFFFF;
overflow: hidden;
padding-top:6px;
width: 460px;
}


/* Öffnungszeiten */

div#tabelle {
position: static;
}

div#tabelle .angabenLi {
float: left;
}

div#tabelle .angabenRe {
float: left;
}

div#tabelle .angabenLi {
background: #fff;
clear: left;
margin-bottom: .1em;
width: 126px;
}

div#tabelle .angabenRe {
width: 224px;
color: #000000;
margin-bottom: .1em;
padding: 0;
}

div#tabelle {
background: #FFFFFF;
overflow: hidden;
padding:0;
width: 600px;
}

/* Impressum */

div#impressum {
position: relative;
}

div#impressum {
margin-top: 0em;
}

div#impressum .angabenLi, div#impressum .angabenRe {
float: left;
}

div#impressum .angabenLi {
clear: left;
padding-top: 0em;
padding-left: 0px;
width: 200px;
}

div#impressum .angabenRe {
width: 400px;
color: #000000;
margin-bottom: .6em;
padding: 0;
}

div#impressum .angabenRe a {
color: #003399;
text-decoration: none;
}

div#impressum {
background: #FFFFFF;
overflow: hidden;
padding:10px 0 30px 0;
width: 600px;
}

/* Drei Spalten */

div.sp2 { ;}
div.sp2Content { height:120px;padding-top:8px; }
div.sp2 p { width:280px; }

div.sp2 {padding-top:0px;}
div.sp3 {padding-top:0px;}
div.sp2, div.artikel, div.tool, div.userBeitraege, div.userWertung, div.headerAll { margin-bottom:10px; }
div.img4 { margin-bottom:10px; }
div.siteControl { margin-bottom:10px; }
.noDist { margin-bottom:0 !important; }
.topDist { margin-top:10px; }
div.sp2 img, div.sp3 img { margin-top:4px; }

div.teaserHead div.book a, div.sp2 div.book a, div.sp3 div.book a, table.locationList div a, table.eventList div a, div.teaserContent div.book a, div.bubbleShadow495 div.book a {
	padding:6px 0 6px 24px;
	background:url(/img/icon/ic_person.gif) no-repeat 0;
	text-transform:none;
	float:right;
	position:relative;
	top:-5px;
}

div.sp2 h3, div.sp3 h3 {
	clear:right;
	margin:0 0 0px 0;
}

div.sp2 p, div.sp3 p { margin-top:0; }
div.sp2 p, div.sp3 p, div.grayArea, div.floatingImg p, div.floatingImg p span, div.programmLocations p, .imgBoxBig p, p.suchErgebnis { line-height:16px; }

div.grayArea span, div.sp2 h3 span { display:inline; }
div.teaserContent h3, div.headerRight h3 { margin:-2px 0 4px 0; }

div.sp2 a, div.sp2 p, div.sp3 a, div.sp3 p, div.online, div.artikel h3, .noTransform, div.grayArea, div.footSortierung a, h3.schwarz { text-transform:none !important; }

div.sp3Links, div.sp3Mitte {
	width:200px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	overflow:hidden;
}

div.sp3Mitte {
	width:200px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	overflow:hidden;
}

div.sp3Mitte {
	border:0;
	padding:0 10px 0 10px;
}

div.sp3Rechts {
	width:200px;
	padding-left:0px;
	float:right;
	overflow:hidden;
}
div.sp3Content {
	/* height:123px; */
	min-height:120px;
	width:194px;
	overflow:hidden;
}
div.sp2 div.grayArea, div.sp3 div.grayArea, div.artikel div.grayArea {
	background:rgb(230,234,236);
	padding:4px;
}
div.sp2 div.grayArea {
	width:199px;
	padding:4px;
}

/* Drei Spalten 960 */


div.Spalte3Links, div.Spalte3Mitte {
	width:300px;
	padding-right:12px;
	float:left;
	overflow:hidden;
}
div.Spalte3Mitte {
	border:0;
	padding:0 12px 0 12px;
}

div.Spalte3Rechts {
	width:300px;
	padding-left:12px;
	float:right;
	overflow:hidden;
}
div.Spalte3Content {
	/* height:123px; */
	min-height:120px;
	width:300px;
	overflow:hidden;
}
div.Spalte3 div.grayArea {
	background:rgb(230,234,236);
	padding:4px;
}








/* Content Rechts */

div#contentRechts {
margin: 4px 0 0 20px;
width: 340px;
line-height: 18px;
}

div#contentRechts H2 {
padding: 6px 0 2px 0;
margin-bottom:6px;
text-indent: 1px;
color: #000000;
width: 339px;
}

div#contentRechts H2 a, div#contentRechts H2 a:visited {
color: #003399;
text-decoration: none;
	
}
div#contentRechts H2 a:hover {
color: #ff0000;
text-decoration: none;
}

p.datum {
border-bottom:1px solid #666666;
margin: 0 0 6px 0;
color: #333;
font-weight: normal;
margin-bottom: 2px;
}

.headlineRechts-start {
border-top:#00CC66 3px solid;
}

.headlineRechts-suche {
border-top:#ff0000 3px solid;
}

.headlineRechts-tipps {
border-top:#FFCC00 3px solid;
}

.headlineRechts-kalender h2 {
padding: 2px 0 0 0;
border-top:#FF9900 3px solid;
}

.headlineRechts-guide {
border-top:#FF6600 3px solid;
}

.headlineRechts-kontakt {
border-top:#6699cc 3px solid;
}

#contentRechts H3 {
padding: 1px 0;
}

#contentRechts .sidebarTeaserKasten H3 {
padding: 1px 2px;
}

#contentRechts p {
line-height: normal;
padding-bottom: 3px;
}

#contentRechts p.overhead {
line-height: 11px;
padding-bottom: 0px;
}

#contentRechts p.noUmbruch86 {
padding-left:86px;
}

/* NavLeiste Content Rechts */

div#contentRechtsNavLeiste {
width: 334px;
margin-bottom:0px;
padding:0;
color: #000;
background: #fff;
}

.navLeisteLeftcontentRechts, .navLeisteCentercontentRechts {
text-indent:0px;
background-color:#FFCC00;
border-right:1px #FFFFFF solid;
text-align:center;
padding:2px 0 0px 0;
float: left;
width:110px;
}

.navLeisteRightcontentRechts {
text-indent:0px;
background-color:#FFCC00;
text-align:center;
padding:2px 0px 0 0;
float: left;
width:112px;
}




/* Fussbereich */

div#fusszeile {
clear: left;
color: #000;
overflow: hidden;
margin-bottom:50px;
}

div#fusszeile {
background: #FFF;
border-top: 1px #ccc solid;
display: block;
height: auto;
padding: 1em 0 0 0;
text-align: center;
top: 0;
}

div#fusszeile i {
font-style: normal;
border-right: 1px solid #000;
margin: 0 7px 0 5px;
font-size: 8px;
}

div#fusszeile a {
color: #003399;
text-decoration:none;
}

div#fusszeile a:focus, div#fusszeile a:hover, div#fusszeile a:active {
color: #ff0000;
}
