html {

	position: relative;
	min-height: 100%;

}


body {

		margin: 0 0 120px;
		background: #F5F5F5;
}


a {

	color: black;
	text-decoration: none;

}


header {

	height: 350px;
	width: 100%;
	background: -webkit-linear-gradient(left, #008d81 , #008d81); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #008d81, #008d81); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #008d81, #008d81); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #008d81 , #008d81); /* Standard syntax */

}

#head {

		display: none;
		width: 100%;
		height: 70px;
		background-color: rgba(0,0,0,0.07);


}


#headline {

		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding-top: 20px;
		width: 900px;
		color: #004C4D;
		text-shadow: 1px -1px 2px #004c4d;
		font-family: 'Raleway';
		font-size: 20pt;
		/*background-color: rgba(0,0,0,0.1);*/

}

#quote {
		display: none;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding-top: 75px;
	width: 860px;
	color: white;
	font-family: 'Raleway';
	font-size: 35pt;
	text-shadow: 1px -1px 5px #004C4C;
}


#nav_box {
/*
		position: fixed;*/
		top: 0px;
		width: 100%;
	background: #F3F3F3;
	box-shadow: 3px 3px 3px #E6E6E6;

}


#nav {

	margin-right: auto;
	margin-left: auto;
	height: 50px;
	width: 1035px;		

}


.menu {

	width: auto;
	height: auto;
	float: left;
	font-family: 'Roboto';
	text-align: center;
	font-size: 12pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 17px;

}


.menu a:hover {

	color: #008d81;

}


h1 {
	margin: 0px;
	padding: 0px;
	font-size: 30pt;

}

h3 {

	color: grey;
	margin-top: 3px;
	padding: 0px;
	/*margin-bottom: 25px;*/
	
}

.shadow {
		display: block;
		margin-left: auto;
		margin-right: auto;


}

#circle_1 {

		width: 200px;
		height: 200px;
		background-color: #008d81;
		border-radius: 100px;
		float: left;
		margin-bottom: 50px;
		margin-left: 20px;
		text-align: center;
		color: white;		
}


#circle_2 {

		width: 200px;
		height: 200px;
		background-color: rgba(0,0,0,0.1);
		border-radius: 100px;
		float: left;
		margin-bottom: 50px;
		margin-left: 20px;
		text-align: center;
		
}


#circle_3 {

		width: 200px;
		height: 200px;
		background-color: rgba(0,0,0,0.1);
		border-radius: 100px;
		float: left;
		margin-bottom: 50px;
		margin-left: 20px;
		text-align: center;
		
}


#circle_4 {

		width: 200px;
		height: 200px;
		background-color: rgba(0,0,0,0.1);
		border-radius: 100px;
		float: left;
		margin-bottom: 50px;
		margin-left: 20px;
		text-align: center;
		
}


#opener_l {

		clear:both;
		font-size: 17pt;
		margin-left: 80px;
		margin-top: 80px;
		color: white;
}

#opener_r {
		clear:both;
		margin-left: 80px;
		margin-top: 80px;
		font-size: 17pt;
		color: white;

}


.content {

		clear:both;
	font-family: 'Dosis';
	font-size: 13pt;
	height: auto;
	width: 900px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 220px;
		text-align: justify;
}


#start_pic {
	box-shadow: 1px 1px 6px 3px grey;

}

#start_pic:hover {
	box-shadow: 1px 1px 10px 3px grey;
}



.content a:hover {
		color: #008d81;
		
}

.button {

		margin-top: 80px;
		background-color: #008d81;
		width: 75px;
		color: white;
		font-size: 16pt;
		padding: 30px;

}


.button_frame:hover {
		box-shadow: 0px 0px 3px black;
		width: 135px;
}


#ref {
		color: black;
		font-style: italic;


}


.first {
		width: 100px;
		padding-right: 30px;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
		padding-top: 10px;
		padding-bottom: 10px;
}


#second {
		width: 400px;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
}


.contact-button {
		float: left;
		margin-left: 12px;
		margin-right: 12px;
		margin-bottom: 50px;
		width: 155px;
		height: 155px;
		background-color: #008d81;
		color: white;

}

.contact-button:hover {
		color:#ce0000;
		box-shadow: 0px 0px 5px 1px grey;

}

#links {
		background-image: url(images/links.png);
		background-size: 350px 350px;
		clear:both;
		margin-left: 100px;
		float:left;
		background-repeat:no-repeat;
		height: 350px;
		width: 350px;
		margin-top: 40px;
}


#rechts {
		background-image: url(images/rechts.png);
		float:left;
		background-repeat:no-repeat;
		height: 350px;
		width: 350px;
		background-size: 350px 350px;
		margin-top: 40px;
		margin-bottom: 60px;
}


footer {

	background: -webkit-linear-gradient(left, #008d81 , #008d81); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #008d81, #008d81); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #008d81, #008d81); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #008d81 , #008d81); /* Standard syntax */
	left: 0;
	bottom: 0;
	position: absolute;
	height: 120px;
	width: 100%;
	box-shadow: 0 2px 4px #337070 inset;

}


#foot {

		width: 900px;
		margin-left: auto;
		color: #004c4d;
	margin-right: auto;
	padding-top: 15px;
	text-align: right;
	font-family: 'Roboto'; 
	font-size: 10pt;

}

#foot a {
		color: #003133;
}

#foot a:hover {
	
	color: white;

}