/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*-----  
 * Standard-Stylesheet 
 * Contao Theme: schwimmteich
 * Author: Christian Urban
 * Generator: Geany
-----*/

* {
	margin: 0; padding: 0;
	border: 0;
}

ul, li {
	list-style-type: none;
}

h1 {}
h2 {
	font-size: 2em;
	border-bottom: 2px solid rgb(58,193,222);
	line-height: 2em;
	font-weight: 400;
	padding: 0.15em 0 0.1em 0;
	color: rgb(58,193,222);
}
	
h3 {
	font-size: 1.4em;
	margin: 0 0 0.2em 0;
	line-height: 1.3em;
	font-weight: 800;
	color: rgb(58,193,222);
}

h4 {
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 1em;
}
h5 {
	font-size: 1.2em;
	font-weight: 400;
	color: rgb(58,193,222);
}

h6 {
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: .3em;
}

strong, b {
	font-size: 1em;
	font-weight: 800;
	color: rgb(58,193,222);
}

p, label, input, textarea {
	font: 400 1.4em 'Exo 2.0', Arial; 
	line-height: 1.3em;
	margin-bottom: 1.3em;
}

a {
	color: rgb(58,193,222);
	text-decoration: none;
	font: 400 1.4em 'Exo 2.0', Arial;
	line-height: 1.5em;
}

p > a {
	font-size: 1em;
}

a:hover {
	color: rgb(0,0,0);
}

body {
	/*background: url("../../files/schwimmteich/images/background_temp/home_nav_secondnav.png") center 0px;
	background: url("../../files/schwimmteich/images/background_temp/schwimmteich.png") center 0px;*/
	background: url("/files/schwimmteich_data/images/background/schwimmteich_gb_bw.png") center 0px;
	background-repeat: no-repeat;
	background-position: center 0;
	font: 400 10px 'Exo 2.0', Arial;
	width: 100%; height: 100%;
	position: absolute;
}

	#container {
		/*background: url("/files/schwimmteich_data/images/background/schwimmteich_wasserflaeche.png") center 0px;*/
		background-repeat: no-repeat;
		background-position: center 0;
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto;
		//margin: 0 auto -5.2em auto;
		overflow: hidden;
		z-index: 0;
	}
		
		/**
		 * Header
		 */
		header {
			color: rgb(0,0,0);
			width: 100%;
			border-top: .2em solid rgb(153,153,153);
			//border-bottom: .2em solid rgb(153,153,153);
			margin-top: 1.5em;
			z-index: 1;
		}
		
			header a {
				color: rgb(0,0,0);
			}
			
			header a:hover, header a.active, header a.trail {
				color: rgb(58,193,222);
			}
											
			.grey-line {
				width: 100%; height: .2em;
				background: rgb(153,153,153);
				clear: both;
			}
			
			/**
			 * Navigation
			 */	
			header > nav {
				background: rgba(255,255,255,0.85);
				padding: 0 .7em;
				z-index: 120;
				position: relative;
			}
			
				header > nav > div#logo {
					float: right;
					width: 5em;
					background-image: url("/files/schwimmteich/logo/logo_urban.png");
				}
			
				header > nav > ul {
					width: 97.6em; height: 4.5em;
					margin: 0 auto;
				}
			
					header > nav > ul > li {
						float: left;
						display: inline-block;
					}
					
					/*
					
					header > nav > ul > li.logo {
						width: 4.4em;
						height: 4.4em;
						background-image: url("/files/schwimmteich/logo/logo_urban.png");
						font-size: 0;
					}
					
						header > nav > ul > li.logo > a {
							border: 0;
							font-size: 0;
						}
						
						*/
				
						header > nav > ul > li > a {
							padding: .45em;
							display: inline-block;
							font-size: 1.9em;
							border-top: 2px solid rgb(153,153,153);
							border-bottom: 2px solid rgb(153,153,153);
							margin: -2px 0;
						}
						
						header > nav > ul > li > a:hover, header > nav > ul > li > a.active, header > nav > ul > li > a.trail {
							border-top: 2px solid rgb(58,193,222);
							border-bottom: 2px solid rgb(58,193,222);
						}
						
						header > nav > ul > li > ul {
							position: absolute;
							display: none;
							padding: 0;
						}
						
						header > nav > ul > li:hover > ul {
							display: block;
						}
						
							header > nav > ul > li > ul > li {
								background-color: rgba(255,255,255,.85);
								margin: 0;
								padding: .5em 1.4em;
								text-align: center;
							}
							
							header > nav > ul > li > ul > li:first-child {
								padding-top: .6em;
							}
							
							header > nav > ul > li > ul > li:last-child {
								border-bottom: 2px solid rgb(58,193,222);
								padding-bottom: .6em;
							}
						
							header > nav > ul > li > ul > li:hover, header > nav > ul > li > ul > li.active {
								background-color: rgba(58,193,222,.85);
							}
						
								header > nav > ul > li > ul > li > a {
									font-size: 1.9em;
								}
						
								header > nav > ul > li > ul > li:hover > a, header > nav > ul > li > ul > li > a.active {
									color: rgb(255,255,255);
								}
			
			/**
			 * Stage
			 */
			header > .stage {
				//background-color: rgba(255,255,62,0.5);
				width: 99em; height: 54.2em;
				margin: 0 auto;
			}
			
				header > .stage > a.camera {
					background: url("../../files/schwimmteich/symbols/camera.svg") 0 -32px;
					width: 3.2em; height: 2.2em;
					position: absolute;
					font-size: 10px;
				}
			
				header > .stage > a.camera:hover {
					background: url("../../files/schwimmteich/symbols/camera.svg");
				}
			
		/**
		 * Pagetitle
		 */
		.page_title {
			width: 100%;
			position: relative;
			background-color: rgba(255,255,255,0.85);
			border-width: 2px 0;
			border-color: rgb(153,153,153);
			border-style: solid;
			margin: -2px 0;
		}
		
			.page_title > div {
				width: 96em;
				margin: -2px auto;
				border-width: 2px 0;
				border-color: rgb(58,193,222);
				border-style: solid;
			}
			
				.page_title > div > h2 {
					border: none;
				}
				
					.page_title > div > h2 > span.black {
						color: rgb(0,0,0);
					}
			
		/**
		 * nav_breadcrumb
		 */
		/*	
		header > .page_title {
			border-top: 2px solid rgb(153,153,153);
		}
		
			header > .page_title > ul {
				width: 96em;
				margin: 0 auto;
				border-top: 2px solid #f09;
				border-bottom: 2px solid #f09;
				margin-top: -2px;
				background: rgba(147,158,169,0.5);
				clear: both;
			}
			
				header > .page_title > ul > li {
					float: left;
					font-size: 2em;
					line-height: 2em;
					font-weight: 400;
					padding: 0.15em 0 0.1em 0;
					color: rgb(58,193,222);
					background: rgba(147,158,169,0.5);
					display: block;
				}
				
				header > .page_title > ul > li.first {
					display: none;
				}
				
					header > .page_title > ul > li > a {
						font-size: 1em;
					}
		*/
			
		#openlayer {
			width: 100%; height: 100%;
			position: fixed;
			z-index: -1;
		}
		
			#openlayer div.ol-zoom {
				top: 72px;
			}
		
				#openlayer .ol-control > button {
					//background: rgba(153,153,153,0.85);
					background: rgb(0,0,0);
				}
		
				#openlayer .ol-control > button:hover {
					background: rgba(8,193,222,0.85);
				}
			
			#openlayer div.ol-attribution {
				top: 72px;
				bottom: auto;
			}
		
		/**
		 * Content
		 */
		#content {
			width: 100%;
			background: rgba(255,255,255,.85);
			margin: 0 auto -5.2em auto;
			z-index: 1;
		}
			
			#content > ul {
				width: 99em;
				margin: 0 auto;
			}
			
				#content > ul > li {
					width: 30em;
					float: left;
					padding: 1.3em 1.5em 0 1.5em;
				}
				
				#content > ul.onerow > li {
					width: 100%;
				}
				
					/**
					 * Image
					 */
					#content > ul > li img {
						border-bottom: .2em solid rgb(58,193,222);
						margin: .4em 0;
					}
				
				/**
				 * mod_projects
				 */
				#content > ul > li.mod_projects {
					width: 99em;
					float: left;
					padding: 0;
					//background: rgba(255,0,200,.5);
				}
				
					#content > ul > li.mod_projects > ul {
						//background: rgba(0,255,200,.5);
					}
					
						#content > ul > li.mod_projects > ul > li {
							//background: rgba(255,200,0,.5);
							width: 30em;
							float: left;
							padding: 1.3em 1.5em 0 1.5em;
						}
					
						#content > ul > li.mod_projects > ul > li.last {
							//background: rgba(255,200,250,.5);
							width: 64em;
							padding: 1.3em 1em 0 1em;
						}
						
							#content > ul > li.mod_projects > ul > li.last > ul {}
							
								#content > ul > li.mod_projects > ul > li.last > ul > li {
									padding: .4em .5em;
								}
								
									#content > ul > li.mod_projects > ul > li.last > ul > li > figure {}
									
										#content > ul > li.mod_projects > ul > li.last > ul > li > figure > a {}
										
											#content > ul > li.mod_projects > ul > li.last > ul > li > figure > a > img {
												border-bottom: 0.2em solid rgb(58,193,222);
											}
											
				/**
				 * Form
				 */
				#content > ul > li.ce_form {
					//background: #f09;
				}
				
					#content > ul > li.ce_form > form {}
					
						#content > ul > li.ce_form > form > fieldset {}
						
							#content > ul > li.ce_form > form > fieldset > input {
								//background: rgba(0,255,158,0.5);
								float: left;
								margin-bottom: .5em;
								border-bottom: 2px solid rgb(58,193,222);
							}
							
							#content li.ce_form input.hundert {
								width: 100%;
							}
							#content li.ce_form input.achtzig {
								width: 76%;
							}
							#content li.ce_form input.siebzig {
								width: 62%;
							}
							#content li.ce_form input.dreisig, #content li.ce_form input.captcha {
								width: 34%;
							}
							#content li.ce_form input.zwanzig {
								width: 20%;
							}
							
							#content li.ce_form input.front {
								margin-right: 2%;
							}
							#content li.ce_form input.back {
								margin-left: 2%;
							}
							
							#content > ul > li.ce_form > form > fieldset > textarea  {
								//background: rgba(0,155,158,0.5);
								margin-bottom: .2em;
								border-bottom: 2px solid rgb(58,193,222);
								width: 100%;
							}
							
							#content > ul > li.ce_form > form > fieldset > span.captcha_text {
								font-size: 1.3em;
								line-height: 2em;
								margin-left: .5em;
							}
							
							#content > ul > li.ce_form > form > fieldset > div.submit_container {
								width: 100%;
								clear: both;
							}
					
		/**
		 * Footer
		 */
		footer, #push {
			width: 100%; height: 5.2em;
			clear: both;
			margin: 0 auto;
			padding: 0;
			//background: #f09;
		}
		
		#push {
			height: 12.2em;
		}
		
		footer {
			border-top: .2em solid rgb(58,193,222);
			background: rgba(255,255,255,0.85);
			z-index: 100;
			
			position: absolute;
			bottom: 0px;
		}
		
			footer > ul {
				width: 99em;
				margin: 0 auto;
			}
			
				footer > ul > li {
					float: left;
					width: 46.7em;
					padding: 1.6em 1.4em 0 1.4em;
				}
				
					footer > ul > li > nav {
						float: right;
					}
					
					footer > ul > li > p, footer > ul > li > nav > a, footer > ul > li > nav > span {
						font-size: 1.4em;
						color: rgb(0,0,0);
					}
					
					footer > ul > li > nav > span {
						margin: 0 .4em;
						padding: 0;
					}
					
					footer > ul > li > nav > a:hover {
						color: rgb(58,193,222);
					}
					
					footer > ul > li > nav > ul > li
					{
						float: left;
						margin-left: 1em;
					}

		/* content: ""; */