@import url(/css/impressum.css);
@import url(/css/elements.css);
@import url(/common/popup.css);


html, body {background-color: #b1b1b0;}
html, body, div, table, td, input, textarea, select, img, p, h1, h2, h3, h4, span, ul, li, a {
		margin: 0px; padding: 0px; border: 0px; 
		font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; line-height: 1.1em;
		}

h1, h2, h3, h4, .datum, th	{font-weight: normal; letter-spacing: 0.05em;}

h1, h2, h3, h4	{color: #000000;}
h1 { font-size: 1.19em; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 0.88em; font-weight: bold;}
h3 { font-size: 0.86em; font-weight: bold; letter-spacing: 0.01em; }

.datum	{color: #FFFFFF; margin-bottom: 4px; font-size: 0.66em; font-weight: bold;}

p     { font-size: 0.75em; margin-bottom: 10px;}
li	{list-style-type: none;}

a {color: #000000; text-decoration: none; font-size: 0.88em;}
a:hover { color: #FFFFFF;}
a:focus, a:active     { background-color:black; color:gold; }

img	{padding-bottom: 10px;}

table	{border-collapse: collapse; }
th	{	background-color: #000; border: 0px;
		padding-left: 8px; padding-right: 10px;
		font-size: 0.69em; text-align: left; color: #FFFFFF;
		}
		
tr.row2	{background-color: #ffb94f;}
td	{padding: 0.31em;}
td h1	{font-weight: bold; padding-left: 7px; margin-bottom: 3px; font-size: 0.69em;}
td p	{padding-left: 7px; margin-bottom: 2px; font-size: 0.67em;}


div.element { clear: both; margin-bottom: 10px; padding-bottom: 10px;}



/* ********************* PAGE / Header / Pool / Menues ********************* */
/* ************************************************************************ */
div.page {	margin: 0px auto; width: 935px; position: relative;
			background-image: url(/files/allgemein/page_bg.jpg); background-repeat: repeat-y;
			padding-left: 8px;
			}

div#site-head {	width: 920px; height: 79px; top: 0px; padding-bottom: 10px;
				background-image: url(/files/allgemein/img_header.jpg);
				background-position: left top; background-repeat: no-repeat;
				position: relative; background-color: #FFFFFF;
				}

div#site-head img	{position: absolute; top: 19px; width: 180px; height: 60px; left: 740px;}
div#BBU	{position: absolute; top: 33px; width: 400px; height: 45px; left: 35px; z-index: 50;}

div.page div#poolbig	{position: relative; top: 0px; width: 569px; height: 251px; left: 0px; border-bottom: 5px solid #FFFFFF;}
div.page div#poolbig img	{padding-bottom: 0px;}
div.page div#poolsmall	{	top: 0px; width: 569px; height: 129px; left: 0px; border-bottom: 5px solid #FFFFFF;
							background-image: url(/files/allgemein/small.jpg);
							background-repeat: no-repeat;
							}
div.page div#poolsmall img	{padding-bottom: 0px;}
div.page div#fuss	{position: relative; top: 122px; width: 352px; height: 17px; float: right;  right: 12px;}
.home div.page div#fuss	{top: 0px;}



/* ************** MENU / main / sub / top / impressum ******************** */
/* ************************************************************************ */
div#menu	{ width: 550px; float: left; margin-top: -29px; position: relative;}
div#menucontainer	{	background-image: url(/files/allgemein/img_menu.jpg);
                        background-repeat: repeat-x; height: 50px;
                        }

div#main-menu {position: relative; height:25px; left:10px; top: 5px; padding-right: 10px;}
div#main-menu ul, div#sub-menu ul  { list-style-type: none;}
div#main-menu ul li {display: inline; color: #FF9B03;}
div#main-menu ul li.active a { color: #FF9B03; }
div#main-menu a:hover {color: #FF9B03;}
div#main-menu ul li a, div#sub-menu ul li a, div#third-menu a {
				text-decoration: none; text-transform: uppercase;
				color: #FFFFFF; font-size: 0.79em; 
				padding-right: 10px; padding-left: 10px;
				}

div#main-menu ul li a   {font-weight: bold; }

div#sub-menu {position: relative; height:25px; left:10px; top: 5px; padding-right: 10px; z-index: 20;}
div#sub-menu ul li {display: inline;}
div#sub-menu ul li a {color: #000000;}
div#sub-menu ul li.active a {color: #FFFFFF;}
div#sub-menu ul li a:hover {color: #1f499a;}

div#third-menu {position: relative;  width: 540px; left: 10px; z-index: 10;}
div#third-menu a {color: #000000;}
div#third-menu a.active, div#third-menu a:hover {color: #FFFFFF; }



div#topmenucontainer	{	position: absolute; top: 89px; right: 14px;
							width: 352px; height: 251px;
							background-image: url(/files/allgemein/bg_topmenue.jpg); background-repeat: no-repeat;
							border-bottom: 5px solid #FFFFFF;
							}

div#topmenucontainer p	{	color: #FF9B03; font-weight: bold;
							padding-left: 150px; margin-top: 40px; margin-bottom: 10px;
							}

div#top-menu a, div#top-menuM a, div#top-menuW a {	color: #FFFFFF; padding-right: 10px; display: block;
													text-decoration: none; font-size: 0.79em;
													}

div#top-menu {padding-left: 150px;}
div#top-menu a.active, div#top-menu a:hover {color: #FF9B03;}

div#top-menuM {position: relative; width: 80px; float: left; left: 150px;}
div#top-menuM a.active, div#top-menuM a:hover {color: #FF9B03;}

div#top-menuW {position: relative; width: 80px; float: right; right: 40px;}
div#top-menuW a.active, div#top-menuW a:hover {color: #FF9B03;}

div#top-menuImpressum {position: relative; float: right; top: 1px; right: 10px; color: #FFFFFF;}
div#top-menuImpressum a {	color: #FFFFFF;
							text-transform: uppercase; font-size: 0.71em;
							padding-right: 3px; display: inline;
							}
							
div#top-menuImpressum a.active, div#top-menuImpressum a:hover {color: #FF9B03;}


/* ******************************** CONTENT ******************************* */
/* ************************************************************************ */
div#content-area	{   background-color: #FF9B03; width: 920px;  
                        background-image: url(/files/allgemein/img_verlauf.jpg);
                        background-repeat: repeat-x; padding-top: 100px;
                        *margin-top: -39px;  
						}
                        
div#content {	width: 530px;
				float: left; padding-left: 20px;
                padding-bottom: 5px;
                margin-top: -50px;  
                }


/* ------------------------------- NEWS / Home / Details ----------------------------------- */
.home div.news {margin-top: -52px;}

.home div.newsaktuell {padding-bottom: 20px; margin-top: 10px;}
.home div.newsaktuell img	{float: left; padding-right: 15px;}
.home div.newsaktuell p a	{float: right;}

div.news {width: 350px; float: right; margin-top: 70px;}
div.news div#inforechtsText	{width: 140px; float: left; left: 20px; top: 0px;}
div.news div#inforechtsText p	{ font-size: 0.78em; margin-bottom: 30px;}
div.news div#inforechtsText p a	{color: #FFFFFF;}
div.news div#inforechtsText h3	{ margin-bottom: 7px;}
div.news div#inforechtsText h3 a	{ font-size: 1em; color: #000000; }
div.news div#inforechtsText a:hover	{color: #FFFFFF;}

div.news div#inforechtsBild	{width: 180px; float: right; right: 0px; top: 0px;}
div.news div#inforechtsBild img	{padding-bottom: 20px; float: right;}

.aktuellenews div.newsaktuell	{	width: 510px; min-height: 110px;
									margin-bottom: 10px; margin-top: 10px; padding-left: 20px;
									border-bottom: 1px solid #c87900;
									}

.aktuellenews div.newsaktuell img {float: left; padding-right: 10px;}
.aktuellenews div.newsaktuell a	{ float:right; margin-top: 15px; font-size: 1em; }

.termine p.blaettern { text-align: center; margin-top: 10px; font-weight: bold; }

/* ------------------------------- BILDGALERIE / Vorschau / Galerie ----------------------------------- */
p.pagelink	{font-size: 0.69em;}

.bildgalerie div.vorschau	{width: 250px; border-bottom: 1px solid #c87900; float: left; margin-top: 10px;}
.bildgalerie div.vorschau img	{float: left; padding-right: 10px; padding-left: 20px;}
.bildgalerie div.vorschau h2	{margin-top: 2px;}

.bildgalerie div.galerietext h1	{color: #000000;}
.bildgalerie div.galerietext a {font-size: 0.69em; }

 .bildgalerieSite div.galerietext h1	{font-size: 1.13em;}
.bildgalerieSite div.galerie	{width: 530px;}
.bildgalerieSite div.galeriethumb	{width: 150px; float: left; padding-bottom:10px;}
.bildgalerieSite div.galeriethumb a      {
                              text-indent:-1000px; background-color: #ffb94f;
                              margin-right: 5px; margin-bottom: 8px;
                              display: block; width: 65px; height: 65px;
                              float: left; background-position: center;
                              background-repeat: no-repeat; 
                              }
                              
.bildgalerieSite div.galeriereal {
                        background-color: #ffb94f;
                        width: 350px; height: 350px; float: right;
                        background-repeat: no-repeat;  background-position: center;
                        }

.bildgalerieSite div.empfehlen	{width: 520px; margin-top: 20px; }
.bildgalerieSite div.empfehlen h2  {margin-bottom: 15px;}

div.clear	{clear: both;}


/* ****************************** FOOTER ********************************** */
/* ************************************************************************ */
div#bottom {background-color: #1F499A; clear: both; height: 20px; margin-top: 5px; width: 920px;}



/* ****************************** KONTAKT ********************************** */
/* ************************************************************************ */

table.formular {	margin-bottom: 30px; 
					width: 33em; border-top: 1px solid #c87900;
					background-image: url(/files/allgemein/bg_form.jpg);
					background-repeat: repeat-x;
					}
					
table.formular tr td.name {	font-size: 0.69em; color: white; text-align: right; font-weight: bold;
							padding-right: 15px; border: 1px solid #FF9B03;
							background-color: #1f499a; width: 11.5em;
							}

table.formular tr.submit td.name { background-color: #FF9B03; border: 0.06 solid #FF9B03;}
table.formular td.name { width: 100px; border: 1px solid #FF9B03;}
table.formular td.field {	padding: 0.19em; padding-left: 0.38em;
							font-size: 0.63em; line-height: 1em;
							}
							
table.formular td.field label	{padding-left: 0.44em; }
table.formular td.color { width: 0.31em; padding: 0px; margin: 0px;} 
table.formular tr.pflicht td.color { border: 0.06em solid #FF9B03; background-color: #FFFFFF; }
table.formular tr.error td.field input,
table.formular tr.error td.field textarea { background-color: #FAD7AD; border-color: #FD9921;}
table.formular input, button	{border: 0.06em solid #43729C;}
table.formular textarea { border: 0.06em solid #43729C; width: 31.6em;}
table.formular tr.submit input { margin-top: 0.63em; width: 8em; }
table.formular tr.checkbox input    { margin-right: 0.63em;}
table.formular tr.checkbox input,
table.formular tr.multicheckbox input,
table.formular tr.option input{ border-width: 0px; }
table.formular tr.text td.field input { width: 25em; }
table.formular tr.email td.field input { width: 25em; }
table.formular tr.format td.field input { border: 0px; }
table.formular div.captchafield input { width:8.75em; margin-top:0.19em; }
table.formular div.captchafield div { float:left; margin-right:0.31em; }
table.formular div.captchafield p { font-size:0.88em; padding-bottom:0.38em;}
table.formular div.captchafield p a	{font-size: 1em;}

div.pflicht { margin-bottom: 0.63em; font-size: 0.69em;}
div.pflicht div {	font-size:0.69em; line-height:1px;
					width: 5px; height: 5px; float: left;
					margin-top:5px; margin-right:3px;
					background-color: #FFFFFF;
					}

div#fehler {	font-size: 0.69em;
				width: 25em; border: 1px solid #FD9921;
				padding: 5px; margin-bottom: 10px;
				background-color: #FAD7AD;
				}

div#fehler p {font-size: 1em;}
div#fehler ul {padding-left: 15px;}



img.plus { margin-left: -10px; }