/* 
------------------- FONTS -----------------------
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);


/*
------------------ ALLGEMEIN ------------------
*/

body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size:13pt;
	margin-top:3%;

}

*{
margin:0px;
padding:0px;

}

a{
	text-decoration:none;
}

a:link {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}   /* visited link */
a:active {color:#000000;}    /* selected link */

p{
	padding-bottom:0.8em;
}

/*				1.  HEADER
 *				2.  NAVIGATION
 *				3.  CONTENT
 *				4.  FOOTER
 *				  4.1 Footer Navigation
 *				  4.2 Geschaefte
 *
 *
 *
 *
 *
 *
 */


/* 
------------------- 1. HEADER -------------------
*/
header{
	width:75%;
	max-width:700px;
	margin:0px auto;

	background-image: url(header.png);

	background-repeat: no-repeat;
	background-position: -5% 25%;
	background-size:100%;
	padding-bottom:2%;
	margin-bottom:1.4%;
}

#logo{

}

#logoImage{
	width:40%;

}

/*
------------------- 2. NAVIGATION ---------------
*/

nav{
	width:75%;
	max-width:700px;
	margin:0% auto;
	margin-bottom:3%;
}

nav ul{
	list-style:none;
}
nav ul li{
	display:block;
	float:left;
	width:33%;
}

.navImages{
	width:100%;
	display:block;
}

.navLink{
	width:94%;
	margin: 0% 3%;
	display:block;
	float:left;
	text-decoration:none;
}
.labelBackground{
	width:100%;
	height:36px;

	position:relative;
	top:181px;
	
	background-color:rgba(255,255,255,0.7);
	z-index:5000;
}

.label{
	position:relative;
	top:-30px;
	left:5px;
	display:block;
	width:100%;
	padding-left:3%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:100%;
	z-index:5001;
	color: #000000;
	text-decoration:none;

}

.navLink:active{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:100%;
	
	color: #000000;	
	text-decoration:none;
}

.navLink:visited{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:100%;
	
	color: #000000;
	text-decoration:none;
}	

.label:hover{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:100%;
	
	color: #DD011D;
	text-decoration:underline;
}
	




#produkte{

}


#produktImage{

}

#herstellung{

}

#herstellungImage{

}

#maps{

}

.tab{
	float: left;
	margin-right: 1em;
	
}

.hours{
	
}

#mapsImage{

}

/*
------------------- 3. CONTENT ------------------
*/

#main{
	width:75%;
	max-width:700px;	
	margin:0px auto;
	margin-top:3%;
}

/* Startseite */
#fb-root{

}

.fb-like-box{

}

#videoContainer{
	clear:both;
}

/* Produkte */
.article h2{
	margin-top:10px;
	margin-bottom:10px;
}
.article img{
	float:left;
	padding-right: 10px;
	width:200px;
}

.article{
	margin-bottom: 0px;
	display:block;
	height:300px;
}

/* Maps */
.maps{
	clear:both;
	padding-top:10px;

}

.googleMaps{
	padding-right:10px;
	float:left;
}

/*
------------------- 4. FOOTER -------------------
*/
.devider{
	clear:both;
	margin-top:5%;
	height:20px;
	background-image: url("karos.jpg");
	background-repeat: repeat-x;
}

footer{
	width:100%;
	max-width:700px;
	margin:0px auto;
	margin-top:3%;
	font-size:11pt;


}

/* 4.1 Footer Navigation */
#footerNav{
	width:29%;
	padding: 0% 2%;
	float:left;
}

#footerNav ul{
	list-style:none;
}

#footerNav ul li{
	clear:both;
}

footer a:hover {color:#DD011D; text-decoration:underline;}     /* mouse over link */

#impressum{

}

#kontakt{

}



.subNav{

}

/* 4.2 Geschaefte */

#anschriften{
	width:66%;
	float:right;
	padding-bottom:40px;
}

#hqFriedberg{
	width:50%;
	float:left;

}

#filialeBadNauheim{

}