/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom:1;
}


.logo img{
	width:180px
}


.sl-slider-wrapper {
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
}


.bg-img {
	padding:0;	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: -55px;
	width: 100%;
	height: 400px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-image:url(../images/9opt.jpg);
	background-position: center center;
}



/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current,
.nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}


/* Custom background colors for slides in first demo */



/* Fifth Slide */



#content {
	float:left;
	margin-top:2%;
	margin-bottom:5%;
	background:#FFF;
	width:100%;
	padding:8% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
}

#content section {
	background:white;
	border: 1px solid black;
	margin-bottom:8%;
	padding:4% 4% 6% 4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	position:relative;
	border-radius:3px;
	box-shadow:0 0 15px rgba(0,0,0,.05);
}

#content section:after {
	content:'';
	height:10px;
	width:100%;
	display:block;
	background:url(../schatten.png) top center no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:-10px;
}

#content section h1 {
	font-size: 1.4em;
	margin-bottom:.2em;
}

#content section p {
	margin-top:0;
	margin-bottom:.2em;
}

#content section img {
	width:100%;
	margin-bottom:10px;
}

#content section a {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	box-shadow: 0 1px 2px rgba(0,0,0,.29), inset 0 -1px 0 rgba(46,97,0,.75);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1OTMxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1YTU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #006666 0%, #009999 100%);
	background-image: -o-linear-gradient(bottom, #006666 0%, #009999 100%);
	background-image: -webkit-linear-gradient(bottom, #006666 0%, #009999 100%);
	background-image: linear-gradient(bottom, #006666 0%, #009999 100%);
	padding:4%;
	text-align:center;
	color:white;
	text-decoration:none;
	width:50%;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
	border-radius:3px;
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
	margin-left: auto;
	margin-right:auto;
	margin-top:15px;
}

footer {
	margin-top:20px;	
	margin-bottom:8%;
	max-width:800px;
	margin-left: auto;
	margin-right:auto;
	padding:4%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
}
footer section h2 {
	margin-top:5%;	
}

footer h2 {
	font-size: 1.4em;
	margin-bottom:.2em;
	margin-top:.4em;
}

footer p {
	margin-top:20px;
}
cite {
	color: #009999;
}



/* Media Queries for custom slider */

@media screen and (min-width:500px) {
.sl-slider-wrapper {
		height: 280px;
	}
.bg-img {
	top: -35px;
}
	
	#content section a {
		padding:3%;
	}
	
	#content section {padding:3% 3% 4% 3%;}
	
}
@media screen and (min-width:550px) {

#content section {padding:2.5% 2.5% 3.5% 2.5%;}
}
@media screen and (min-width:600px) {
.sl-slider-wrapper {
		height: 300px;
	}
}
@media screen and (min-width: 660px) {


	.sl-slider h2 {
		font-size: 36px;
	}

	.sl-slider blockquote {
		font-size: 16px;
	}
#content {padding:4% 4% 0 4%;}
	
	#content section {
		float:left;
		width:48%;	
		margin-right:4%;
		margin-bottom: 4%;
		padding:2% 2% 3% 2%;
	}
	
	#content section:nth-of-type(even) {
		margin-right:0;	
	}
}
@media screen and (min-width:800px) {
	.sl-slider-wrapper {
	height: 320px;
}
.bg-img {
	top: -20px;
}

}
@media screen and (min-width: 980px) {
	.sl-slider-wrapper {
	max-width:1600px;
	height: 400px;
	margin-left:auto;
	margin-right:auto;
}
.bg-img {
	padding:0;	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: -50px;
	width: 100%;
	height: 500px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-image:url(../images/9.jpg);
	background-position: center center;
}
	div#content{
	float:none;	
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}

		
		#content section, 
	#content section:nth-of-type(even) {
		width:30.666666666666664%;	
	    margin-right:4%;
		padding:1.2% 1.2% 2.2% 1.2%;
		-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	}
	
	#content section:nth-of-type(3n+3) {
		margin-right:0;	
	}
	
	#content section a {
		padding:4%;	
	}
	
	}