*{
	outline:none;
	}
html,body{
	margin:0;
	padding:0;
	background:url(images/bg.png);
	}
	
#wrapper{
	margin:auto;
	width:100%;
	max-width:903px;
	min-width:796px;
	height:100%;
	}
#kontakt{
	height:70px;
	width:100%;
	}
#header{
	width:100%;
	height:104px;
	background:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	}
#home {
	width:300px;
	display:block;
	height:104px;
	}
#content{
	min-height:60%;
	width:100%;
	background-image:url(images/content_hintergrund.png);
	}
#content_border{
	margin:-10px 10px 10px 15px;

	}
#content_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	margin:0px 10px 10px 15px;
	}
#footer{
	height:46px;
	width:100%;
	background-image:url(images/footer.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	}
#impressum{
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	font-weight:bold;
	line-height:2em;
	letter-spacing:1px;
	}
#impressum a{
	color:#FFF;
	text-decoration:none;
}
#impressum a:hover{
	color:#3796dd;

}
/*---------- E-MAIL -------------*/
#mailbutton{
	background:url(images/mail.png);
	background-repeat:no-repeat;
	background-position:right;
	width:34px;
	height:34px;
	margin-left:10px;
	float:right;
	
	-webkit-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-ie-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	}
.mail{
	cursor:default;
	color:#FFF;
	height:34px;
	width:0px;
	overflow:hidden;
	margin:0px 34px 0px 0px;
	word-break:keep-all;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:34px;
	background-color:#3796dd;
	}
.mail a{
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
	outline:none;
	}
.mail a:hover{
	color:#003;
	}
#mailbutton:hover .mail{
	width:auto;
	padding:0px 5px 0px 10px;
	}
#mailbutton:hover{
	width:229px;
	background:url(images/mail_hover.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#3796dd;
	}
/*------------------------*/
/*---------- TELEFON -------------*/
#telebutton{
	background:url(images/tele.png);
	background-repeat:no-repeat;
	background-position:right;
	width:34px;
	height:34px;
	margin-left:10px;
	float:right;
	
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	-ie-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	}
.tele{
	cursor:default;
	color:#FFF;
	height:34px;
	width:0px;
	overflow:hidden;
	margin:0px 34px 0px 0px;
	word-break:keep-all;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	background-color:#3796dd;

	}
#telebutton:hover .tele{
	width:auto;
	padding:3px 5px 5px 10px;
	}
#telebutton:hover{
	width:189px;
	background:url(images/tele_hover.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#3796dd;
	}
/*------------------------*/
/*---------- ADRESSE -------------*/
#homebutton{
	background:url(images/home.png);
	background-repeat:no-repeat;
	background-position:right;
	width:34px;
	height:34px;
	margin-left:10px;
	float:right;
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	-ie-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	}
.home{
	cursor:default;
	color:#FFF;
	height:52px;
	width:0px;
	overflow:hidden;
	margin:0px 34px 0px 0px;
	word-break:keep-all;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	background-color:#3796dd;

	}
#homebutton:hover .home{
	width:auto;
	padding:3px 5px 5px 10px;
	}
#homebutton:hover{
	width:219px;
	background:url(images/home_hover.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#3796dd;
	}
/*------------------------*/

/*---------- NAVIGATION --------------*/
#nav{
	height:70px;
	width:100%;
	color:#FFF;
	position:relative;
	float:left;
	left:50%;
	}
.menu > a{
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	display:block;
	outline:none;
	}
.menu {
	max-height:35px;
	line-height:35px;
	text-align:center;
	position:relative;
	right:50%;
	width:20%;
	float:left;
	top:0;
	background:url(images/content_hintergrund.png);
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:93.75%;
	}
.menu:hover {
	cursor:default;
	background:url(images/content_hintergrund_2.png);
	}
.subnav_bg_1 {
	width:500%;
	height:0px;
	background:url(images/content_hintergrund_2.png);
	position:relative;
	top:0px;
	left:-100%;
	overflow:hidden;
	-webkit-transition: height 0.2s ease-in-out ;
	-moz-transition: height 0.2s ease-in-out ;
	-o-transition: height 0.2s ease-in-out ;
	-ms-transition: height 0.2s ease-in-out ;
	transition: height 0.2s ease-in-out ;
	}
.subnav_bg_2 {
	width:500%;
	height:0px;
	background:url(images/content_hintergrund_2.png);
	position:relative;
	left:-200%;
	overflow:hidden;
	-webkit-transition: height 0.2s ease-in-out ;
	-moz-transition: height 0.2s ease-in-out ;
	-o-transition: height 0.2s ease-in-out ;
	-ms-transition: height 0.2s ease-in-out ;
	transition: height 0.2s ease-in-out ;
	}
.subnav {
	position:relative;
	width:100%;
	}
.subnav a{
	outline:none;
	float:left;
	width:20%;
	position:relative;
	line-height:35px;
	text-decoration:none;
	display:block;
	color:#FFF;
	font-size:93.75%;
	font-weight:normal;	
	}
.subnav a:hover {
	background:url(images/content_hintergrund_4.png);
	}
.menu:hover  .subnav_bg_1 {
	height:35px;
	}
.menu:hover  .subnav_bg_2 {
	height:35px;
	}
/*------------------------------------*/

/*------------INHALT------------------*/

.fotoquadrat{
	border:1px solid #ffffff;
	width:116px;
	height:116px;
	margin:10px;
	display:inline-block;
	}
.fotoquadrat a{
	display:table-cell;
	vertical-align:middle;
	width:116px;
	max-width:116px;
	height:116px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	background:url(images/content_hintergrund_4.png);
	color:#FFF;
	text-decoration:none;
	opacity:0;
	filter: alpha(opacity = 0);
	outline:none;
	outline:none;
	
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}
.fotoquadrat:hover a{
	opacity:1;
	filter: alpha(opacity = 100);
	}
	
.referenz_link {
	text-decoration:none;
	display: inline-block;
	margin:10px 15px 10px 5px;
	outline:none;
	}

.active, .active:hover {
	background:url(images/content_hintergrund_4.png);
	}
/*-----------------------------IMPRESSUM-------------------------------*/
.impressum{
	font-size:0.8em;
	}
.impressum a{
	color:#3796dd;
	text-decoration:none;
}
.impressum a:hover{
	color:#fff;
	border-bottom:dashed 1px #fff;
}
h1 {
	margin-top:-10px;
	font-size:2.5em;
	}
h2 {
	margin-bottom:10px;
	margin-top:35px;
	}
strong {
	display:block;
	margin-bottom:-10px;
	letter-spacing:0.1em;
	}