/* @override http://www.massar.de/css/global.css */

html {
	background-image:url(/images/bg_html.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-image:url(/images/bg_body.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 0 100px;
	padding:0 0 100px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

div, p, a, ul, li, dl { margin:0; padding:0; }

p { margin:0 0 15px 0; line-height:16px; }
p.anlaeufer { font-weight: bold; }

h1 {
	font-size:24px;
	/*color:#009DEB;*/
	color:#34c5fa;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0;
}
h2 {
	font-size:14px;
	/*color:#009DEB;*/
	color: #34c5fa;
	margin:0 0 20px 0;
}
h3 {
	font-size:16px;
	color:#001C48;
	margin:20px 0 13px 0;
}

a {
	color:#34c5fa;
	text-decoration:none;
}
a:hover {
	color:#313131;
	text-decoration:none;
}
a.invisible { color:#313131; }
a.invisible:hover { color:#34c5fa; }

a.weiter {
	background-image:url(/images/list_pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:0 0 0 10px;
}

a img {
	border: 0;
}

#middle ul { margin:0 0 15px 20px; }

.blue { color:#34c5fa; }

.h2 { font-size:24px; color:#31B8E5; display:block; margin:15px 0 15px 0; }

/********************************************** Allgemeine Klassen und IDs */
#page {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 980px;
	min-height:500px;
	position:relative;
}

#footer {
	width:100%;
	background-image:url(/images/line_horizontal.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin:30px 0;
	padding:10px 0 0 0;
	font-size:11px;
	color:#313131;
}

.clear {
	clear:both;
	height:0px;
	font-size:0px;
}

.line_vertikal {
	width:1px;
	background-image:url(/images/line_vertikal.gif);
	background-repeat:repeat-y;
	background-position:top left;
}
.line_horizontal {
	height:1px;
	background-image:url(/images/line_horizontal.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

.textbild,
.textbild_links,
.textbild_rechts {
	font-size:11px;
	margin:0 0 10px;
}

.textbild p,
.textbild_links p,
.textbild_rechts p {
	background: url(/images/line_horizontal.gif) repeat-x bottom;
	padding: 5px 0 !important;
	margin:10px 0 !important;
}

.textbild_links {
	float:left;
	margin-right: 20px;
}

.textbild_rechts {
	float: right;
	margin-left: 20px;
}


#content.leistungen #middle h2 {
	margin-bottom: 0;
}

#content.referenzen #middle p,
#content.leistungen #middle p {
	margin-right: 308px;
}

#content.leistungen #middle hr {
	background: url(/images/line_horizontal.gif) repeat-x bottom;
	border: 0;
	display: block;
	height: 1px;
	clear: both;
	margin: 2em 0 3em;
}

#content.leistungen #middle ul li {
	margin: .5em 0;
}

#content.leistungen #pictures,
#content.referenzen #pictures {
	float: right;
	list-style: none;
	margin: 0;
	width: 288px;
}

#content.referenzen #pictures {
	background: url('/images/img_referenzen_fillin.jpg');
}

#content.leistungen #pictures dt {
	text-align: center;
}

#content.referenzen #pictures dt {
	float: left;
	margin: 0 4px 4px 0;
}

#content.leistungen #pictures dt img,
#content.referenzen #pictures dt img {
	vertical-align: bottom;
}

#content.leistungen #pictures dd,
#content.referenzen #pictures dd {
	background: #fff;
	border-bottom: 1px dotted #567391;
	clear: left;
	font-size: .9em;
	margin: 0;
	padding: 11px 0 5px;
}

#content.leistungen #pictures dd {
	margin-bottom: 1em;
}

/********************************************** index.php */
#header_index {
	width:100%;
	height:165px;
	position: relative;
}
#header_index img.logo {
	margin:50px 0 0 288px;
}
#content_index a.poolpark {
	background: url(../images/poolpark-bt.png);
	width: 280px;
	height: 67px;
	display: block;
	text-indent: -9999em;
	margin-left: 20px;
	margin-bottom: 10px;
}

#header_index #hotline {
	position: absolute;
	right: 20px;
	top: 50px;
}

#content_index {
	width:100%;
	overflow: hidden;
}
#content_index table td { padding-bottom:4px; }
#content_index table td.verlauf {
	background-image:url(/images/bg_verlauf_hellblau.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
#content_index table td.verlauf div.content {
	width:438px;
	text-align:left;
	font-size:11px;
	margin:30px 0 0 0;
	color:#00285b;
}

#content_index div.division {
	float: left;
	width: 488px;
}

#content_index #wab {
	margin: 0 0 0 4px;
}

#content_index div.division h1,
#content_index div.division ul {
	margin: 0 0 4px;
}

#content_index div.division h1 a,
#content_index div.division ul {
	background: no-repeat top left;
}

#content_index div.division h1 a {
	display: block;
	height: 56px;
	width: 488px;
}

#content_index div.division a span {
	display: none;
}

#content_index #sbt h1 a {
	background-image: url(/images/start_sbt_header.jpg);
}

#content_index #wab h1 a {
	background-image: url(/images/start_wab_header.jpg);
}

#content_index div.division ul {
	padding: 205px 220px 10px 90px;
	list-style: none;
}

#content_index div.division ul a {
	display: block;
	height: 20px;
	margin: 0 0 1px;
}

#content_index #sbt ul {
	background-image: url(/images/start_sbt_img.jpg);
}

#content_index #wab ul {
	background-image: url(/images/start_wab_img.jpg);
}

#content_index div.division p.content {
	background: url(/images/bg_verlauf_hellblau.jpg) repeat-x top;
}

#content_index div.division p.office_hours strong {
	color:#34c5fa;
}

div.ansprechpartner { width:724px; height:161px; padding:0; margin-bottom:15px; background-repeat:no-repeat; background-position:top left; position:relative; }
div.ansprechpartner p.links { position:absolute; top:20px; left:170px; }
div.ansprechpartner p.rechts { position:absolute; top:20px; left:530px; }
div.ansprechpartner p span.h2 { font-size:14px; font-weight:bold; color:#31B8E5; display:block; margin:5px 0 5px 0; }
div.ansprechpartner p span.font10 { font-size:11px; line-height:14px; }


/********************************************** Folgeseiten */
#header {
	width:100%;
	height:145px;
	position:relative;
}
#header img.logo_small {
	float:right;
	margin:50px 20px 0 0;
}


#banner {
	height: 100px;
	margin: 3px 0;
}

#banner img,
#banner a img {
	border: 0;
}

#banner img.abstand {
	margin-right:3px;
}

div.slideshow {
	height: 280px;
	margin-bottom: 3px;
	overflow: hidden;
}

#content {
	overflow: hidden;
	position: relative;
}

#content #left {
	background: url(/images/bg_verlauf_hellblau.jpg) repeat-x top left;
	float: left;
	padding-bottom: 100px;
	width: 190px;
}

#content #left,
#content #right {
	min-height: 300px;
}

/**
 * Make sure that #content has position: relative;
 */
#content p#werksvertretung {
	position: absolute; 
	bottom: 0;
}

#content p#propartner {
	position: absolute; 
	bottom: 0;
	right: 34px;
}

#content #middle {
	/*background-image:url(/images/line_vertikal.gif);
	background-repeat:repeat-y;
	background-position:top left;*/
	border-right:1px dotted #567391;
	border-left:1px dotted #567391;
	min-height:400px;
	float:left;
	width:528px;
	padding:0 25px 7.5em 25px;
}

#content #right {
	/*min-height:350px;*/
	float: right;
	width: 210px;
	text-align:right;
	padding-top:50px;
}


#content #left ul {
	list-style: none;
}
#content #left ul li {
	background-image:url(/images/line_horizontal.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding:7px 0 7px 0;
}
#content #left p { font-size:11px; margin-top:40px; }


#content #middle #breadcrumb {
	margin:20px 0 20px;
	font-size:11px;
}

#content #middle #breadcrumb a {
	color: #333;
}

#content #middle table td.left { padding-right:20px; }
#content #middle table td.right { padding-left:20px; }

dl.img, dl.img dt {
	margin: 0;
}

dl.img dt, dl.img dd {
	float: none;
	width: auto;
}

dl.img dd {
	font-size: .9em;
	margin: .5em 0;
}

dl.img dt img {
	margin: 0;
}

dl.img.left {
	float: left;
	margin-right: 1em;
}

dl.img.right {
	float: right;
	margin-left: 1em;
}


/********************************************** menüs */
#menu_top {
	list-style: none;
}

#menu_top li {
	float: left;
	margin: 0 1px 0 1px;
}

#menu_top li a {
	background: no-repeat top left;
	height: 41px;
	display: block;
}

#menu_top li a:hover,
#menu_top li a.active {
	background-position: 0 -41px;
}

#menu_top li a#sbt {
	background-image: url(/images/menu/sbw.jpg);
	width:205px;
}

#menu_top li a#wab {
	background-image:url(/images/menu/wab.jpg);
	width:179px;
}

#menu_top li a#pools {
	background-image:url(/images/menu/pools.jpg);
	width:97px;
}

#menu_top li a span {
	display: none;
}



#menu_main {
	list-style:none;
	height:36px;
	position:absolute;
	bottom:0;
}
#menu_main li {
	display:block; 
	float:left;
	width:auto;
	margin:0 10px 0 10px 0;
	height:36px;
	background: #fff url(/images/bg_menu.jpg) repeat-x top;
	position:relative;
}
#menu_main li:hover { background-position: 0 -36px; }
#menu_main li:hover .lvl2 { display:block; }
#menu_main li#first { background: trasparent url(/images/bg_menu_left.jpg) no-repeat; width:6px; }
#menu_main li#last { background: transparent url(/images/bg_menu_right.jpg) no-repeat; width:6px; }
#menu_main li a {
	display:block;
	float:left;
	height:20px;
	margin-top:5px;
	padding:8px 20px 0 20px;
	width:auto;
	line-height:15px;
	border-right:1px dotted #567391;
	color:#001d49;
}
#menu_main li.active a { background-image:url(/images/bg_menu_aktiv.jpg); background-repeat:repeat-x; background-position:top left; color:#fff; font-weight:bold; }
#menu_main li a#home { background-image:url(/images/btn_home.jpg); background-repeat:no-repeat; background-position:top left; padding:0; width:27px; height:28px; border:none; margin:5px 0 0 0; }
#menu_main li a#home:hover { background-image:url(/images/btn_home_hover.jpg); background-color:transparent; }
#menu_main li a#home span { display:none; }

#menu_main li .lvl2 { list-style:none; display:none; position:absolute; top:36px; left:0; background-color:#fff; border:none; width:200px; margin:0; padding:0; z-index: 5; }
#menu_main li .lvl2 li { margin:0; padding:0; border:none; background-image:none; display:block; float:none; height:auto; }
#menu_main li .lvl2 li a { 
	display:block; 
	margin:0 0 0 20px; 
	padding:7px 0 7px 10px; 
	border:none; 
	border-bottom:1px dotted #567391; 
	float:none; 
	font-weight: normal;
	height:auto; 
	width:170px;
	background-image:url(/images/list_pfeil.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
}
#menu_main li.active .lvl2 li a {
	color:#001d49;
}
#menu_main li.active .lvl2 li.active a,
#menu_main li .lvl2 li a:hover { color:#009DEB; font-weight: normal; }
#menu_main li .lvl2 li.last a { border:none; }
#menu_main li .lvl2 li a span {}



/* Left Menu */

#content #left #menu_main_lvl2 {
	list-style: none;
	padding: 0; 
}

#content #left #menu_main_lvl2 li {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#content #left #menu_main_lvl2 li a,
#content #left #menu_main_lvl2 li.active li a {
	color: #313131; 
}

#content #left #menu_main_lvl2 li a { 
	background: url(/images/list_pfeil.gif) no-repeat 20px 10px; 
	border-bottom: 1px dotted #567391;
	display: block; 
	padding: 7px 5px 7px 30px;
	/*margin:0 0 0 20px;*/
}

#content #left #menu_main_lvl2 li ul,
#content #left.news #menu_main_lvl2 li ul {
	display: none;
}

#content #left #menu_main_lvl2 li:hover ul,
#content #left #menu_main_lvl2 li.active ul {
	display: block;
}

#content #left #menu_main_lvl2 li.active a,
#content #left #menu_main_lvl2 li.active a:hover {
	background-color:#b0dff9; 
}

#content #left #menu_main_lvl2 li a:hover,
#content #left #menu_main_lvl2 li li a:hover,
#content #left #menu_main_lvl2 li.active li a:hover {
	background-color:#d3edfb; 
}

#content #left #menu_main_lvl2 li.active a,
#content #left #menu_main_lvl2 li.active li.active a {
	color:#009DEB;
}

#content #left #menu_main_lvl2 li.active a {
	font-weight:bold;
}

#content #left #menu_main_lvl2 li li a {
	/*margin: 0 0 0 20px;*/
	padding-left: 45px;
}

#content #left #menu_main_lvl2 li li a,
#content #left #menu_main_lvl2 li li a:hover,
#content #left #menu_main_lvl2 li.active li a {
	font-weight: normal;
}

#content #left #menu_main_lvl2 li li a,
#content #left #menu_main_lvl2 li.active li a {
	background: none;
}



#content #right #image_button p img {
	float: none !important;
}


#content #right .wp-forecast {
	float: none;
	width: 190px;
	margin: 1em auto;
}

#content #right .wp-forecast-head,
#content #right .wp-forecast-curr,
#content #right .wp-forecast-curr-head,
#content #right .wp-forecast-curr-block,
#content #right .wp-forecast-curr-details {
	font-size: 12px;
	text-align: left;
}

#content #right .wp-forecast-curr-head,
#content #right .wp-forecast-curr-block,
#content #right .wp-forecast-curr-details {
	margin: 0 0 .5em;
}

#content #right .wp-forecast-copyright {
	font-size: 11px;
	margin: 1em 0 0;
}

#content #right .wp-forecast-curr-head {
	text-align: left;
}

#content #right .wp-forecast-curr-head div a {
	font-size: 16px;
}

#geschichte td {
	padding: .9em .2em;
}

#geschichte td h1 {
	margin: 0;
}

#footer {
	text-align: right;
}

#footer ul {
	list-style:none;
	display:inline;
}
#footer ul li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #313131;
}


/* Sitemap */
ul#sitemap,
ul#sitemap ul {
	list-style: none;

	margin: 0;
}

ul#sitemap li {
	font-size: 14px;
	margin: .5em 0 1em;
}

ul#sitemap li ul {
	border-top: 1px dotted #567391;
	margin: .5em 0 1em;
	overflow: hidden;
	padding: .5em 0 0;
}

ul#sitemap li ul li {
	float: left;
	font-size: 12px;
	margin: .25em 0;
	padding: 0 .5%;
	width: 19%;
}

ul#sitemap li ul li ul {
	border: 0;
	padding: 0;
}

ul#sitemap li ul li#sitemap-schwimmbad-jobs,
ul#sitemap li ul li#sitemap-wasseraufbereitung-jobs,
ul#sitemap li ul li#sitemap-pools-referenzen {
	clear: left;
}

/*ul#sitemap li ul li#sitemap-schwimmbad-service,
ul#sitemap li ul li#sitemap-wasseraufbereitung-service,
ul#sitemap li ul li#sitemap-pools-service {
	width: 10%;
}*/

ul#sitemap li ul li ul li {
	float: none;
	font-size: 11px;
	width: auto;
}

ul#sitemap li ul li ul li a { color:#313131; }
ul#sitemap li ul li ul li a:hover { color:#34c5fa; }









#content #middle #shop {
	padding: 3em 0 0;
}

#content #middle #news {
	width: 528px;
}

#content #middle #news #news-archive {
	margin: 0 0 40px;
}

#content #middle #news #news-archive h2 {
	border-bottom: 1px dotted #567391;
}

#content #middle #news #news-archive ul {
	list-style: none;
	margin: 0 .5em 1em;
}

#content #middle #news #news-archive ul li {
	background: url(/images/list_pfeil.gif) no-repeat 0 10px;
	padding: 7px 5px 7px 10px;
}


#content #middle #teaser {}

#content #middle #teaser ul {
	background:url(/images/line_vertikal.gif) repeat-y center;
	margin: 0;
	overflow: hidden;
}


#content #middle #teaser ul li {
	float: left;
	padding: 0 10% 0 0;
	width: 45%;
}

#content #middle #teaser ul li.post {
	clear: none;
	margin: 0;
	overflow: auto;
}

/*#content #middle #teaser ul li.post .entry {
	height: 64px;
	margin: 0 0 16px;
	overflow: hidden;
}*/

#content #middle #teaser ul li p.pic {
	background: transparent no-repeat center center;
	overflow: hidden;
	height: 100px;
}

#content #middle #teaser ul li p.pic img {
	display: none;
}

#content #middle #referenzen {}

#content #middle #referenzen h1,
#content #middle #partner h1,
#content #middle #presse h1,
#content #middle #video h1 {
	border-bottom: 1px dotted #567391;
}

#content #middle #referenzen ul,
#content #middle #presse ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #middle #referenzen ul li {
	background:url(/images/line_vertikal.gif) repeat-y 10%;
	padding: 0 0 0 10%;
	margin: 0 0 2em;
	width: 45%;
	float: left;
}


#content #middle #presse table,
#content #middle #video table {
	width: 100%;
}

#content #middle #presse table tbody,
#content #middle #video table tbody {
	border-bottom: 15px solid transparent;
}

#content #middle #presse table tbody th,
#content #middle #video table tbody th {
	font-weight: normal;
	text-align: left;
	width: 30%;
}

#content #middle #presse table tbody td.title,
#content #middle #video table tbody td.title {
	width: 50%;
}
#content #middle #presse table tbody td.view,
#content #middle #video table tbody td.view {
	text-align: right;
	width: 20%;
}

ul#sitemap_error,
ul#sitemap_error li ul {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
}

ul#sitemap_error li {
	float: left;
	padding: 0 3.33% 0 0;
	width: 30%;
}

ul#sitemap_error li ul {
	margin: .5em 0;
}

ul#sitemap_error li ul li {
	float: none;
	padding: 0;
	width: 100%;
}

ul#sitemap_error li ul li a {
	color: #333;
}

ul#sitemap_error li ul li a:hover {color:#34c5fa;}



#content #partner ul {
	background: no-repeat top center;
	height: 161px;
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	width: 726px;
}


#content #partner ul li {
	float: left;
	margin: 0;
	padding: 0 1.5% 0 2.5%;
	position: relative;
	width: 21%;
}

#content #partner ul li em {
	display: block;
	font-style: italic;
	margin: 9.5em 0 0;
}

#content #partner ul.mitgliedschaften li em {
	visibility: hidden;
}


#content #address {
	float: left;
	width: 40%;
}

#content #directions {
	margin-left: 45%;
	margin-bottom: 2.5em;
}

#content .opening_hours h2,
#content .opening_hours dl {
	line-height:16px;
}

#content .opening_hours h2 {
	color: #333;
	font-size: 1em;
	margin-bottom: 0;
}

#content .opening_hours dt {
	float: left;
	width: 50%;
}


#content #agb {
	font-size: .8em;
	margin: 0 0 2em;
	overflow: hidden;
}

#content #agb dl dd,
#content #agb p {
	line-height: 1.2em;
	margin: 0 0 1em;
	padding: 0;
}

#content #agb h2 {
	font-size: 1em;
	color: #333;
	margin: 5em 0 1em;
	text-transform: uppercase;
}

#content #agb dl {
	margin: 0;
	padding: 0;
}

#content #agb_1,
#content #agb_2 {
	width: 49%;
}

#content #agb_1 {
	float: left;
}

#content #agb_2 {
	margin-left: 51%;
}

#content #agb dl dt {
	font-weight: bold;
}

/*  Wordpress */

.post {
	clear: both;
	margin: 0 0 40px;
	overflow: hidden;
	}

.post hr {
	display: block;
	border: 0;
	border-top: 1px dotted #567391;
	margin: 0 0 2em;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/*.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}*/
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: url(/images/line_horizontal.gif) repeat-x bottom left;
	font-size: 11px;
}

.wp-caption.alignleft {
	margin: 0 20px 10px 0;
}

.wp-caption.alignright {
	margin: 0 0 10px 20px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0;
}

.wp-caption p.wp-caption-text {
	margin: 15px 0 5px 0;
}
/* End captions */


#c_banner {
	position:absolute;
	top:-4px;
	left:0;
	width:auto;
	height:auto;
	z-index:999;
}