@CHARSET "UTF-8"; 

@font-face { font-family: TGA; src: url('../schrift/texgyreadventor-regular.otf'); }
@font-face { font-family: TGA Bold; src: url('../schrift/texgyreadventor-bold.otf'); }

body {
	background: #ffffff;
	color: #666666;
	font-family: TGA, Arial, Helvetica;
	font-size:11pt;
	line-height:1.4em;
	margin:0;
	padding:0;
}

a {
	font-family: TGA, Helvetica;
	font-size:12pt;
}

a:link { text-decoration:none; color:#666666; font-family:TGA; }
a:visited { text-decoration:none; color:#666666; }
a:hover { text-decoration:none; color:#e2007a; }
a:active { text-decoration:none; color:#666666;}
a:focus { text-decoration:none; color:#666666; }

h1 {
	font-family: TGA, Helvetica, Arial; font-size: 16pt; color:#e2007a;text-transform:uppercase;text-align:center;letter-spacing:0.1em; font-weight:200;
}

#nav {
	height: 120px;
	width: 990px;
	background:none;
	line-height: 120px;
	letter-spacing:0.1em;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	
}

#left {float:left; width:320px;margin-left:90px;}
#right {float:left;width:320px;margin-left:30px;}

#nav li {
	display: inline-block;
	list-style: none;
	padding-right: 40px;
}

#logo {
	float:left;
	width:160px;
	max-height:120px;
}

#logo img {padding-top:35px;}

#nav a {
	color: #000;
	text-transform:uppercase;
	font-family:TGA, Helvetica, Arial;
}

#left a:hover, #right a:hover {
	color:#e2007a;
	border-bottom: 1px solid;
}

#wrapper {
	width:100%;
	height:auto;
}

#start {
	width:980px;
	height:550px;
	margin-left:auto;
	margin-right:auto;
}

#starttext {
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#footerback {
	width:980px;
	margin-left:auto;
	margin-right:auto;

}

#footer {
	background: #000;
	color:#fff;
	display:block;
	width:100%;
	padding-top:40px;
	min-height:80px;
	}

.footerlang a, .footer a {
	font-size:10pt;
	color:#fff;
}

.footerlang a:hover, .footer a:hover {
	color:#e2007a;
}

.footer {
	width:180px;
	float:left;
	font-size:10pt;
	height:40px;
}
.footerlang {
	width:240px;
	float:left;
	font-size:10pt;
	height:40px;
}

.fb {
	width:40px;
	height:40px;
	float:right;
}

.fb-link {
	background: url(../img/fb.png) no-repeat;
}

.fb:hover {
	background: url(../img/fb_pink.png) no-repeat;
}

#bildwrap {
	width:615px;
	margin-left:auto;
	margin-right:auto;
}

#bildwrap2 {
	width:615px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.smartbild {
	
	float:left;
    margin-left:55px;
	position: relative;
}

.smartbild img {
    display: block;
}

.smartbild .text {

	color: #e2007a;
    text-decoration: none;
    text-align: center;
    font-family:TGA Bold, Helvetica, Arial;
}

.teambild {
	
	float:left;
    margin-left:55px;
	position: relative;
}

.teambild img {
    display: block;
}
.teambild .text {
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 0px;
    color: #fff;
    background: #e2007a;
    text-decoration: none;
    text-align: center;
    font-family:TGA Bold, Helvetica, Arial;  
   }
.teambild:hover .text {
    opacity: 1;
}

.teambild1 {width:250px;height:250px;background:url("../img/silke-1.jpg");}
.teambild1:hover {background:url("../img/silke-2.jpg");}
.teambild2 {width:250px;height:250px;background:url("../img/daniela-1.jpg");}
.teambild2:hover {background:url("../img/daniela-2.jpg");}
.teambild3 {width:250px;height:250px;background:url("../img/steffi-1.jpg");}
.teambild3:hover {background:url("../img/steffi-2.jpg");}
.teambild4 {width:250px;height:250px;background:url("../img/kaya-1.jpg");}
.teambild4:hover {background:url("../img/kaya-2.jpg");}

.projektbild {
	float:left;
    margin-left:55px;
}

.projektbild img {	
	width:250px;
	height:150px;
}

.projekttext {
	height:25px;
	text-align:center;
	text-transform:uppercase;
	font-family:TGA Bold, Helvetica, Arial;  
	font-size:10pt;
	letter-spacing: 0.1em;
}

#kontakttext {
	width:300px;
	height:auto;
	float:left;
}

#mapcontent {
	width:100%;
	height:100%;
	line-height:1.35;
	overflow:hidden;
	white-space:nowrap;
}

#map_canvas {
	background: #fff;
	color:#999;
	display: inline-block;
	float:right;
	width:650px;
	margin-left:auto;
	margin-right:auto;
}  

@media screen and (min-width: 44.5em) {
.smartbild {
	display:none;
	
}	
#bildwrap2 {display:none;}
}

@media screen and (max-width: 44em) {
	
	#nav {
	height:100px;
	width: 100%;
	line-height: 30px;
	}
	
	#left {margin-left:0px;width:100%;} 
	#right {width:100%;margin-left:0px;}
	#logo {width:100%;}
	#logo img {padding-top:0px;}

	h1 {font-size:12pt;text-align:center;}
	#start {width: 100%;max-height:300px;}
 	.flexslider .slides img, .flexslider {max-width:95%; margin-left:5%;max-height:300px;}
 	#starttext {max-width: 90%;text-align:justify;margin-left:5%;}
 	#footer {max-width:100%;min-height:160px;}
 	.fb {float:left;margin-top:20px;}
 	.footer {float:none;}
 	#starttext img {max-width:100%; height:auto;}
 	#footerback {width:90%;margin-left:20px;}
 	#bildwrap{display: none;}
 	#bildwrap2{width:250px;}
 	.smartbild {
 		width:auto;
	height:auto;
	margin-left:0px;
    margin-bottom:20px;
 	}
 	.teambild {
	display: none;
	}
	.teambild1 img, .teambild2 img, .teambild3 img, .teambild4 img {
    display: none;
	}
	.projektbild {
	float:none;
    margin-left:0px;
    margin-bottom:20px;
	}
	.projektbild img {
	width:100%;		
	}
	#kontakttext {
	width:100%;
	float:none;
	}
	#map_canvas {
	display:none;
		
	}

	
}