html, body {
  /* height: 100%;  */
  margin: 0;
  padding: 0;
}

body{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	background-image:url('../images/background.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

img{
	-ms-interpolation-mode: bicubic;
	max-width:100%;
}

*{
color:#683c11;
}

a{
	color:#683c11;
	text-decoration:none;
}

a:hover, a.aktiv{
	text-decoration:underline;
}

h1{
	font-family: 'Mr De Haviland', cursive;
	font-size:42pt;
	font-weight:300;
	font-style:normal;
}

h2{
	font-size:14pt;
	font-weight:normal;
	margin-bottom:6px;
	text-transform:uppercase;
}

h3{
	font-size:13pt;
	font-weight:normal;
	margin-bottom:6px;
}

h4{
	font-size:12pt;
	font-weight:normal;
	margin-bottom:6px;
}


.clear{
	clear:both;
	height:0px;
}

.signature{
	font-family: 'Mr De Haviland', cursive;
	font-size:27pt;
}

#slideshowbox .flexslider .flex-viewport{
	/* max-height:400px;  */
}


/* div.galerie img{
	float:left;
	width:25%;
} */

/* div.galerie a{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	border:2px #d5d5d5 solid;
	display:block;
	width:215px;
	height:143px;
	overflow:hidden;
	padding:0px;
}

div.galerie a.last{
	margin-right:0px;
}

div.galerie a:hover{
	border:2px #CD1719 solid;
}

div.galerie img{
	width:215px;
	padding:0px;
	margin:0px;
} */

div.pixliebox{
	margin-top:25px;
	margin-bottom:25px;
}

div.pixliebox a{
	display:inline-block;
	border:3px transparent solid;
	width:145px;
	height:145px;
	overflow:hidden;
}

div.pixliebox a:hover{
	text-decoration:none;
	background-color:#6B392D;
	color:white;
	border:3px #6B392D solid;	
}

div.pixliebox img{
	width:236px;
	max-width:none;
	position:relative;
	left:-50px;
}



div.positionhelper{
	width:auto;
	margin:0 auto;
}

div.paddinghelper{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#page{
	width:970px;
	margin:0 auto;
	background-color:white;
}

#banner{

}

#banner div.paddinghelper, #content div.paddinghelper{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}

#logo{
	background-image:url('../images/banner_home.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	height:253px;
}

body.home #logo{
	background-image:url('../images/banner_home.jpg');
}

body.floristik #logo{
	background-image:url('../images/banner_floristik.jpg');
}

body.hochzeit #logo{
	background-image:url('../images/banner_hochzeit.jpg');
}

body.trauer #logo{
	background-image:url('../images/banner_trauer.jpg');
}

body.gaertnerei #logo{
	background-image:url('../images/banner_gaertnerei.jpg');
}

body.geschenke #logo{
	background-image:url('../images/banner_geschenke.jpg');
}

body.termine #logo{
	background-image:url('../images/banner_termine.jpg');
}

body.kontakt #logo{
	background-image:url('../images/banner_kontakt.jpg');
}

body.datenschutz #logo{
	background-image:url('../images/banner_datenschutz.jpg');
}

body.impressum #logo{
	background-image:url('../images/banner_impressum.jpg');
}


#logo img{
	width:auto;
	padding-left:50px;
	padding-top:40px;
}

#topnav{
	background-color:#A8D05E;
}

#topnav ul.nav{
	display:inline-block;
}

#topnav ul{
	list-style-type:none;
	margin:0;
}

#topnav ul li{
	float:left;
}

#topnav ul li a{
	display:block;
	padding:10px;
	padding-left:12px;
	padding-right:11px;
	margin:0;
	text-transform:uppercase;
	font-weight:500;
	font-size:16pt;
	color:white;
}

#topnav ul li a:hover, #topnav ul li a.aktiv{
	background-color:#6B392D;
	text-decoration:none;
}

#footer{
	background-color:#A8D05E;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
}

#footer div.paddinghelper{
	padding-top:0;
	padding-bottom:0;
}

#footer a, #footer p{
	color:white;
	margin:0;
	text-transform:uppercase;
	font-size:10pt;
}

#topnav ul.toggle{
	display:none;
}

#topnav ul.nav{
	display:block;
}

.display-none{
	display:none!important;
}

.display-block{
	display:block!important;
}

#topnav ul.toggle.display-block{
	display:none!important;
}

#topnav div.togglehelper{
	display:none;
	height:0px;
}

#content{
	padding-top:40px;
}

#contentleft{
	float:left;
	width:660px;
}

#contentleft div.paddinghelper{
	padding-left:40px;
}

#contentright{
	float:right;
	width:270px;
	font-size:10pt;
}

#contentright div.paddinghelper{
	padding-left:20px;
	padding-right:5px;
	border-left:1px #6B392D solid;
}

#contentright h1{
	text-transform:none;
	font-family:'RaleWay', sanf-serif;
	font-size:13.2pt;
	font-weight:400;
	margin-bottom:12px;
}

#contentright div.box{
	border-bottom:1px #6B392D solid;
	margin-bottom:20px;
}

#contentright div.box.last{
	border-bottom-width:0;
}

table#oeffnungszeiten tr td{
	padding:3px;
	padding-bottom:10px;
}

table#oeffnungszeiten tr td:first-child{
	white-space:nowrap;
	padding-right:10px;
}

table#oeffnungszeiten span.small{
	font-size:7.5pt;
}

div.galerie{
	padding-top:25px;
	padding-bottom:25px;
}

div.galerie a{
	display:inline-block;
	margin-right:2px;
	margin-bottom:2px;
}

#homeicon{
	position:relative;
	top:3px;
}


@media all and (max-width: 970px) {

	#page{
		width:100%;
	}

}


@media all and (max-width: 970px) {
	#logo img{
	text-align:center;
	}
	#topnav ul{
	margin-top:0;
	}
	#logo, #topnav{
	
	}
		
}



@media all and (min-width: 970px) {
	#topnav ul.nav{
		display:inline-block;	
	}
}

@media all and (max-width: 970px) {

	#contentleft, #contentright{
	float:none;
	width:auto;
	}
	
	#contentleft div.paddinghelper, #contentright div.paddinghelper{
	padding-left:30px;
	padding-right:30px;	
	}
	
	#contentright{
	margin-top:80px;
	text-align:center;
	font-size:14pt;
	}

	#contentright div.box:first-child{
	border-top:1px #6B392D solid;
	padding-top:25px;
}

	#contentright h1{
	font-size:20pt;
	}

	table#oeffnungszeiten{
	margin:0 auto;
	}

	#topnav{
	width:100%;
	}
	#topnav ul li{
	float:none;
	}
	#topnav ul{
	width:100%;
	/* background-color:#ECECEC */
	}
	#topnav ul li a{
	width:100%;
	text-align:center;
	}
	#topnav ul li{
	border-top:1px #6A6868 solid;
	}
	#topnav ul li:first-child{
	border-top-width:0;
	}
	#logo{
	width:100%;
	text-align:center;
	}
	#logo img{
	width:initial;
	padding-bottom:15px;
	}
	#content_kontakt{
	height:auto;
	}
	#topnav ul.nav{
	display:none;
	}
	#topnav ul.toggle{
	display:none;
	}
	#topnav ul.toggle.display-block{
	display:block!important;
	}
	
	#topnav div.togglehelper{
	display:block;
	}
	
	#footer{
	text-align:center;
	}
	#footer a, #footer p{
	font-size:14pt;
	}

}