@charset "UTF-8";
*, html { margin:0; padding:0; color:#000; }

html {
    height: 100%;
    overflow-y: scroll;
}

/* monda-regular - latin */
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/monda-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/monda-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/monda-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/monda-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/monda-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/monda-v16-latin-regular.svg#Monda') format('svg'); /* Legacy iOS */
}
/* monda-700 - latin */
@font-face {
  font-family: 'Monda';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/monda-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/monda-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/monda-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/monda-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/monda-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/monda-v16-latin-700.svg#Monda') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-400regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-400italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */

body {background-image: url('design/theme.jpg');
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
	font-family: 'Play', sans-serif; 
}

video {
    width: 100%;
    height: auto;
}


.h1 { text-align:center;}
.h1a { color:#333;}

.text-shadow {text-shadow: 3px 3px 0px grey;}
.text-shadow_w {text-shadow: 3px 3px 0px #333;}

.box-shadow {box-shadow: 3px 3px 5px white;}

h1 {
	font-family: 'Monda', sans-serif;
	font-size:40px;
	color: #ffffff;
	text-align: left;
	}
	
h2 {
	font-size:20px;
	font-weight:400;
	text-align: left;
	}

p {
   font-size:14px; color:#000;
    }

blockquote {
	font-size:16px; text-align:center; 
	}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited { color:#000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active { color:#000;
	text-decoration: none;
}
.clear {clear:both;}
.box { background-image:url(design/white.png);}
.box1 { background-image:url(design/produkte.png);}
.box2 { background-image:url(design/shop.png);}
.box3a { background-image:url(design/fisch.png);}
.box3b { background-image:url(design/video.png);}
.footer { font-size:10px; text-align:center;}
.boxheadline {
	font-size: 36px;} 
	
.title {background-image:url(design/header.png);
    background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;} 	

#hinweis {
	margin-top:-52px;
	float:right;
	width:500x;
	height:250px;
}
	
#title { width:100%; height:120px; padding-top:10px; padding-left:30px; padding-right:42px; margin-top:0; position:fixed; background-image:url(design/3.jpg); z-index:10; }

#logo{ width:185px; height:100px; float:left; margin: 5px; z-index:20;}

#mainnav {
	width:100%;
	height:30px;
	margin-top:120px;
	padding-left:15px;
	padding-top:10px;
	font-size:14px;
	background-color:#cccccc;
	box-shadow: 5px 5px 5px #CCC;
	position:fixed;
	z-index:10;
}	
#wrapper { width:100%; height:150px; border:1px solid #F00;}

#slider_stretch {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 50px; /* height of thumbs (if not required set to 0) */
    height: auto;
    width: auto;
	
}



#slider { 
width:100%; 
height:350px; 
margin-top:0px; 
margin-left:auto; 
margin-right:auto;  
padding-top:0px; z-index:-10;
 

background-image: url(design/ofen.jpg);background-position: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;}
	
#wrapper2 {
	width:1100px;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	
	background-color: transparent;
	border:0px solid #Fff;
	z-index:100;
} 

#box { width:400px; height:auto; padding-left:20px;}

#box1 {width:550px;
	float:left;
	height:822px;
	margin:10px;
	border:0px solid #0F3;
	box-shadow: 5px 5px 5px grey; z-index:100; 
}

#box2 { width:498px; height:400px; margin:10px; float:left; border:0px solid #FF0; box-shadow: 5px 5px 5px grey; }

#box3 {float:left; width:235px; height:400px; margin:0px; border:0px solid #000; box-shadow: 5px 5px 5px grey;  }

#box4 { width:505px; height:400px; margin:10px; float:left; border:0px solid #FF0; }

#space {float:left; width:29px; height:400px; margin:0px; }

#footer { width:100%; height:100px; margin:0; border-top: 1px #000 solid; padding-top:10px; padding-left:10px; background-image:url(design/grey.png); color:#CCC;}

#adress { width:100%; height:auto; margin-top:0px; padding-top:0px; padding-bottom:5px; text-align:center; 
}