@font-face {
    font-family: 'open_sans';
    src: url('webfonts/OpenSans-Regular-webfont.eot');
    src: url('webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('webfonts/OpenSans-Bold-webfont.eot');
    src: url('webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('webfonts/OpenSans-Semibold-webfont.eot');
    src: url('webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

strong {
	font-family: 'open_sansbold';
	font-weight: normal;
}

body {
	margin: 0;
	padding: 0;		
}

#mobilemenu { display: none; } 

#menu {
	position: absolute;
	display: inline-block;	
	left: 76px;
	width: 283px;
	height: 244px;
	background-color: #fff;
	box-shadow:5px 5px 6px -3px #888;
}

#menu ul, #mobilemenu ul
{
	list-style: none;
	font-family: 'open_sanssemibold';
	font-weight: normal;
	margin: 15px 0 0 15px;
	color: #AA8F5D;
	padding: 0;
}

#menu ul li {
	height: 31px;
	
}


#menu ul li a, #mobilemenu ul li a
{
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	color: #AA8F5D;
}

#menu ul li a:hover, #menu ul li a.activ { color: #b65b4f; }

/***** flowmenu *****/
#flowmenu {
	position: fixed;
	z-index: 99;
	display: none;	
	width: 100%;
	height: 40px;
	top: 0px;
	background-color: #fff;
	box-shadow:5px 5px 6px -3px #888;
}

#flowmenu ul
{
	list-style: none;
	font-family: 'open_sanssemibold';
	font-weight: normal;
	margin: 0 auto;
	color: #AA8F5D;
	padding: 0 0 0 100px;
	width: 1000px;
}

#flowmenu ul li {
	height: 31px;
	display: inline-block;
	float: left;
	padding: 6px 22px 0 22px;
}


#flowmenu ul li a
{
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	color: #AA8F5D;
}

#menu ul li a:hover, #menu ul li a.activ { color: #b65b4f; }

h1 {
	font-family: 'Walter Turncoat';
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 35px;
	color: #fff;
	letter-spacing: 1px;
	margin: 75px 0 15px 536px;
}
h2 {
	font-family: 'open_sans';
	font-weight: normal;
	font-size: 21px;
	line-height: 26px;
	color: #aa8f5d;
	margin: 10px 0 6px 0;
	padding: 0;
}

h3 {
	font-family: 'open_sans';
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #aa8f5d;
	margin: 10px 0 6px 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 10px 0 10px 0;
	font-family: 'open_sans';
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #7d9566;
}

li {
	font-family: 'open_sans';
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: #7d9566;
	margin-left: 15px;
}

p a, li a {
	text-decoration: none;
	color: #b65b4f;
}

p a:hover { color: #aa8f5d;  }

.wrapper {
	position: relative;
	width: 100%;
	max-width: 1600px;	
	min-width: 1002px;
	margin: 0 auto;
}

#welcome {
	background-image: url(imgs/B1600_1.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
	height: 1310px;
	padding-top:1px;
}


.container
{
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 1px;
}

.imgfix {
	position: absolute;
	padding: 15px;
	box-shadow:5px 5px 6px -3px #888;
	background-color: #fff;
	display: inline-block;
}

.if01 { 
	top: 430px; 
	left: 70px; 
	z-index:1;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.if02 { 
	top: 600px; 
	left: 40px; 
	z-index:2;
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.if03 { 
	top: 790px; 
	left: 190px; 
	z-index:3;
}


.imgdiv {
	padding: 15px 15px;
	box-shadow:5px 5px 6px -3px #888;
	background-color: #fff;
}

.i01 { margin: 0 0 25px 385px; width: 561px; }

.txtdiv {
	padding: 5px 0;
	box-shadow:5px 5px 6px -3px #888;
	background-color: #fff;
}

.t01 {margin: 0 0 0 385px; width: 591px;}

.txtdiv p, .txtdiv h2 {
padding: 0 15px;
}

/***** ausstattung *****/




#ausstattung
{
	background-image: url(imgs/floral1.jpg);
	background-repeat: repeat;
	height: 820px;
	padding: 1px;
}

.i02 {
	float: left;
	display: inline-block;
	margin: 0 25px 25px 0;
}
.t02 {
	float: left;
	display: inline-block;
	width: 591px;
	height: 220px;
	margin: 0 25px 25px 0;
}


#ausstattung .row
{
	display: block;
	margin: 40px 0 0 76px;
	width: 925px;
	height: 750px;
}

/***** umgebung *****/

#umgebung
{
	background-image: url(imgs/umgebung_a.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
	height: 954px;
	padding-top:1px;
}

.t03 {margin: 60px 0 0 385px; width: 591px;}
.i03 { margin: 25px 0 25px 385px; width: 561px; }

.if04 { 
	top: 510px; 
	left: 50px; 
	z-index:3;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

.if05 { 
	top: 700px; 
	left: 190px; 
	z-index:2;
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}


/***** preise *****/

#preise
{
	background-image: url(imgs/preis.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
	height: 580px;
	padding-top:1px;
}

.t04 {float: left; margin: 60px 0 0 76px; width: 283px;display: inline-block;}
.t05  {float: left; display: inline-block; margin: 60px 0 0 25px; width: 591px; height: 216px;}

.if06 { 
	top: 311px; 
	left: 76px; 
	z-index:3;
}

.if07 { 
	top: 311px; 
	left: 540px; 
	z-index:3;
}

/***** kalender *****/

#kalender
{
	background-image: url(imgs/kalenderkachel.jpg);
	background-repeat: repeat;
	height: 750px;
	padding-top: 1px;
}



/***** kontakt *****/


#kontakt
{
	background-image: url(imgs/anfahrt2.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
	height: 890px;
	padding-top: 1px;
}

#kontakt .row {
	margin: 80px 25px 0 76px;
}

#google {
	float: left;
	display: inline-block;
	width: 590px;
	height: 450px;	
	background-color: #fff;
	box-shadow:5px 5px 6px -3px #888;
}

#googlelink { display: none; }

#gmap {
	margin: 15px;	
	width: 561px;
	height: 420px;	
}

.t07 { float: left; margin: 0 0 0 25px; width: 283px; display: inline-block; height: 440px;}

.if08 { 
	top: 620px; 
	left: 5px; 
	z-index:1;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);}

.if09 { 
	top: 680px; 
	left: 260px; 
	z-index:2;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);}	

.if10 { 
	top: 630px; 
	left: 580px; 
	z-index:3;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);}

/***** freizeit *****/

#freizeit {
	background-image: url(imgs/ausfluege.jpg);
	background-repeat: no-repeat;
	background-position: center -3px;
	height: 810px;
	padding-top: 1px;
}

.t08 {float: left; display: inline-block; margin: 60px 0 0 76px; width: 448px; min-height: 216px;}
.t09  {float: left; display: inline-block; margin: 60px 0 0 25px; width: 448px; min-height: 216px;}

/*** footer ***/

.footer p {
	margin-left: 90px;
	text-align: right  ;
}
.footer p a { color: inherit; }

h1.datenschutz {
	color: #aa8f5d;
	margin: 35px 0 35px 0;
}

h1 a {
	display: inline-block;
	text-decoration: none;
	color: #aa8f5d;

}