@charset "UTF-8";
/* CSS Document */

body
{
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #cccccc;}

h2
{
	font-size: 1.4em;
	margin-top:1.2em;
	margin-bottom: 0.6em;
	line-height: 1.5em;
}

p
{
margin: 5px 0;
line-height: 1.6em;}

ul
{
	margin-left: 2em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

li{
	list-style-position: outside;
	list-style-type: square;
	line-height: 1.5em;
	margin-top: 0.3em;
	margin-left: 0.5em;
}

img{
	max-width: 100%;
	height: auto;
}
a
{
text-decoration: none;
color: inherit;
transition: color .5s ease;}

strong
{
font-weight: bold;}

.top
{
	background-color:#999;
	border-radius: 5px;
	color: #FFF;
	font-size: 0.8em;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.clear
{
clear:both;}

.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);}

/* hier beginnt der header-Bereich */
header
{

position:relative;
width:auto;
height:120px;
max-width:900px;
margin: 0 auto 20px auto;
padding-top:25px;
}


header h1
{
margin: 35px 0 0 0;
font-size: 55px;
color: #e56038;
font-family: 'Baumans', cursive;
display:none;
}


header p
{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4A463B;
margin-left:132px;}

/* hier beginnt der Navigations-Bereich */
nav
{
position:relative;
margin-left:300px;
margin-top:0px;
}


nav ul
{
list-style:none;}


nav ul li
{
display:block;
float:left;
padding:3px 15px;}


nav ul li a
{
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
transition: all .25s ease;	text-decoration: none;
}


nav ul li a:hover
{
color: #007ea5;}

/* hier beginnt der member-Bereich */
#member {
	color: #007ea5;
}


/* hier beginnt der Slider-Bereich */
#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5, #slider_content6
{
line-height: 25px;
font-family: 'Open Sans', sans-serif;
width:350px;
position:absolute;
top:15%;
left:15%;
display:none;
z-index:11;}

#slider_content1
{
display:block;}

.container
{
width:auto;
margin: 0 auto;
position:relative;}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3, #slider_content6 h3

{
color:rgba(255,255,255,0.8);
font-size:25px;
font-weight:bold;
margin-bottom:10px;
background-color:#666666;
padding:10px 15px;
border-radius: 15px 0 15px 0;
display:inline-block;}


#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p, #slider_content6 p
{
margin:0 0px 0;
color:#fff;
background-color:rgba(0,126,165,0.7);
padding:10px 15px;
border-radius: 0px;}

/* hier beginnt der about-Bereich */
#about
{
	background-color:#007ea5;
	padding: 30px 0;
}
.wrapper
{
	max-width:900px;
	margin: 0 auto;
	overflow:auto;
}
.column
{
	float:left;
	max-width:420px;
	padding-right:30px;
	position: relative;
}
#about .wrapper .column p a {
	color: #eee;
}
#about .wrapper .column p a:hover {
	color: #666;
}

.column p
{
	margin-bottom: 10px;
}
.column p a
{
	color: #007ea5;
}

.column p a:hover
{
color: #666666;}

/* hier beginnt der Referenzbereich */

#ref1, #ref2, #ref3, #ref5, #ref7, #ref9, #ref11
{
	color:#FFF;
	background-color:#cccccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2em;
	padding-left: 0px;
}

#ref2, #ref4, #ref6, #ref8
{
	color:#B4B4B4;
	background-color:#fff;
}

.ref_img
{
	max-width:900px;
	margin: 0 auto;

}

/* hier beginnt der contact-Bereich */
#contact 
{
	max-width:900px;
	margin: 0 auto 20px auto;
	padding-top:25px;
	color:#007ea5;
}
#contact .column {
	width: 100%;
}

#contact .column p a
{
color: #007ea5;}



@media screen and (max-width: 915px)
{
h2{
	font-size:1.2em;
	padding-left:20px;
}

#logo
{
	margin-left: 20px;
}
	.container
{
	display: none;
}

#about
{
	min-width: 100%;
}

.column
{
	float: none;
	max-width:auto;
	margin:0 auto;
	padding: 0px 20px;
	position: relative;
}
.wrapper
{
	max-width:950px;
}
#contact
{
	padding: 20px;
}
nav
{
position:static;
margin-left: 5px;
margin-top:10px;
}

.wrapper p.clear
{
	margin-left:20px;
}

}