body {
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	margin:0;
	padding:0;
	font-size: 14px;
}

a {
   outline: none;
   color: #666;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.clear {
	clear:both;
}

.slicknav_menu {
	display:none;
}

.stick{
	position: relative;
	float: right;
	right: 15px;
	top: -85px;
	margin-bottom: -200px !important;
	background: url(../img/stick.png) top center no-repeat;
	width: 200px;
	height: 200px;
	z-index: 999;
	 -moz-transform: rotate(7.5deg);
-ms-transform: rotate(7.5deg);
-o-transform: rotate(7.5deg);
-webkit-transform: rotate(7.5deg); 
	}	
	
.box{
	position: relative;
	background: url(../img/bg_full_1.jpg);
	margin-top: -8px;
	padding-top: 1px;
	min-width: 100%;
	height: 100%;
	z-index: 2;
	}
	
.service_box1{margin: 60px auto; padding: 0px 20px 0px 20px;}

.service_box2{margin: 60px auto; padding: 0px 20px 0px 20px;}

.service_box3{margin: 60px auto; padding: 0px 20px 0px 20px;}	

.box_img {
	width: 250px; margin: 0 auto;
    opacity: 0.3;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.box_img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.ueb_box{
	color: #fff;
	text-shadow: 1px 1px #000;
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	font-size: 18px;
	margin: 25px 0px 10px 0px;
	text-transform:uppercase;
	text-align: center;
	}

.ueb_box_ser{
	color: #5a9b37;
	text-shadow: 1px 1px #000;
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
	text-align: center;
	}

.box_cont{
	color: #666;
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	font-size: 14px;
	text-align: center;
	}

select {
  appearance: none;
	color: #999;
	border: 1px solid #999;
	font-size: 13px;
    width: 310px;
	padding: 10px 28px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
    margin-bottom: 20px;
    background: #fff;
}

input {
  appearance: none;
	color: #999;
	border: 1px solid #999;
	font-size: 13px;
    width: 280px;
	padding: 10px 28px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
    margin-bottom: 20px;
}

.form-control  {
    appearance: none;
	color: #999;
	border: 1px solid #999;
	font-size: 13px;
    width: 340px;
	padding: 10px 28px;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.3s;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
    margin-bottom: 20px;
}

textarea{
	font-size: 13px;
	padding: 10px 28px;
	border-radius: 5px;
    width: 280px !important;
}
	
	
.i1{width: 95%; border: 1px solid #ccc; padding: 5px;  font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px; text-align:left;}

.i2{width: 100%; border: 1px solid #ccc; padding: 5px;  font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px;}

.i3{width: 96.3%; border: 1px solid #ccc; padding: 5px;  font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px; background: #fff;}

td{text-align: left;}
	
.button{position: relative; width: 150px; text-align:center; margin: 25px auto;}
	
.button a{
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	font-size: 14px;
	background: url(../img/button_hig.jpg) repeat-x;
	position:relative;
	padding: 3px 10px 5px 10px;
	height: 49px;
	border-radius: 5px;
	color: #fff;
	text-decoration:none;
	}
	
.button_term a{
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	font-size: 14px;
	background: url(../img/button_term.jpg) repeat-x;
	position:relative;
	padding: 3px 10px 5px 10px;
	height: 49px;
	border-radius: 5px;
	color: #999;
	text-decoration:none;
	}
	
.button_term a:hover{color: #fff;}

.button_form{width: 150px; text-align:center; margin: 20px auto; position: relative; font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	font-size: 14px;
	background: url(../img/button_hig.jpg) repeat-x;
	position:relative;
	padding: 3px 10px 5px 10px;
	height: 49px;
	border-radius: 5px;
	color: #fff;
	text-decoration:none;
	border: 0;
	}
	
.ueb_h1{
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	line-height:22px;
	color: #5a9b37;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.ueb_h2{
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	line-height:1.1em;
	color: #666;
	font-size: 16px;
	margin-top: 13px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.ueb_h3{
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	line-height:1.1em;
	color: #999;
	font-size: 14px;
	margin-top: 16px;
	margin-bottom: 14px;
	text-transform:uppercase;
}

.ueb_h4{
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	line-height:1.1em;
	color: #666;
	font-size: 14px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.ueb_h5{
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	line-height:1.1em;
	color: #5a9b37;
	font-size: 16px;
	margin-left: 0px;
	margin-bottom: 12px;
	text-transform:uppercase;
}

.ueb_h6{
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
	line-height:1.1em;
	color: #666;
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.line{
	border-top: 1px solid #ddd;
	clear: both;
	margin: 30px 0px 30px 0px;
	}
	
.herst_cont{width: 100%;}
	
.herst_logo1{background: url('../img/logos/3m.jpg') no-repeat; position: relative; float: left; width: 150px; height: 75px; margin: 0 auto;}

.herst_logo2{background: url('../img/logos/oracal.jpg') no-repeat; position: relative; float: left; width: 150px; height: 75px; margin: 0 auto;}

.herst_logo3{background: url('../img/logos/avery.jpg') no-repeat; position: relative; float: left; width: 150px; height: 75px; margin: 0 auto;}

.herst_logo4{background: url('../img/logos/iq.jpg') no-repeat;position: relative; float: left; width: 150px; height: 75px; margin: 0 auto;}
	
.content{
	position: relative;
	background: #fff;
	padding: 40px 10px 10px 20px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
 	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	overflow: hidden !important; /* FF Scroll-leiste */ 
	z-index: 1;
	text-align:center;
	}
	
.content_left{
	position: relative;
	background: #fff;
	padding: 40px 20px 20px 20px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
 	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	overflow: hidden !important; /* FF Scroll-leiste */ 
	z-index: 1;
	}
	
.mapoverlay
{
    background:transparent;
    position:relative;
    width:100%;  /* iframe Breite*/
    height:250px; /* iframe Höhe */
    top:250px;  /* iframe Höhe*/
    margin-top:-250px;  /* iframe Höhe*/
}

.le{
	float:left;
	width: 160px;
	font-size: 16px;
	margin-bottom: 10px;
	}

.re{
	float: right;
	width: 154px;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 6px;
	}
	
.folie{
	top: 10px;
	}
	
.kast{
	position: relative;
	background: #eee;
	top: 15px;
	padding: 20px; 
	text-align: center;
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
  	font-weight: 400;
}

.kast2{
	position: relative;
	background: #eee;
	top: 15px;
	padding: 20px; 
	font-size: 16px;
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	clear:both;
}

.konserv{
	position: relative;
	float: right;
	width: 142px;
	height: 200px;
	background: url(../img/konserv.png) no-repeat;
	top: -5px;
	right: 0px;
	z-index: 99;
}
	
.kast3{
	background: url(../img/kast3.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.kast4{
	background: url(../img/kast4.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.kast5{
	background: url(../img/kast5.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.kast6{
	background: url(../img/kast6.png) no-repeat;
	width: 160px;
	height: 20px;
	}		
	
.kast7{
	background: url(../img/kast7.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.kast8{
	background: url(../img/kast8.png) no-repeat;
	width: 160px;
	height: 20px;
	}	

.kast9{
	background: url(../img/kast9.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.kast10{
	background: url(../img/kast10.png) no-repeat;
	width: 160px;
	height: 20px;
	}
	
.line_f{
	border-top: 1px solid #ddd;
	clear: both;
	margin: 10px 0px 10px 0px;
	}

.clear_f {
	margin-bottom: 40px;
	clear:both;
}

.voll_fo_left{
	position:relative;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.voll_fo_right{
	position:relative;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.lis{
	position: relative;
	z-index: 99;
	width: 100%;
	text-align:center;
	}

.lis li{
	margin-bottom: 10px;
	margin-left: -20px;
	background:url(../../img/arrow_right_menu.png) left center no-repeat;
	color: #666;
	padding-left: 10px;
	text-decoration: none;
	list-style:none;
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	font-size: 16px;
	text-align:left;
	}
	
.part_left{
	float: left; background: rgb(255, 255, 255); margin-top: 10px; margin-bottom: 10px; padding: 10px; position: relative; z-index: 9; text-align:center; color: #666666; text-decoration:none; width: 41%; border: 1px solid #3c7224;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.part_left{
    opacity: 0.4;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.part_left:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}
	
.part_right{
	float: right; background: rgb(255, 255, 255); margin-top: 10px; margin-bottom: 10px; padding: 10px; position: relative; z-index: 9; text-align:center; color: #666666; text-decoration:none; width: 41%; border: 1px solid #3c7224;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}
	
.part_right{
    opacity: 0.4;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.part_right:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.footer{
	position: relative;
	background: url(../img/bg_full_1.jpg);
	width: 100%;
	height: 100%;
	z-index: 2;
	bottom: 0;
	}

.footer_center{
	padding: 40px 20px 20px 20px;
	margin: 0 auto;
	text-align:center;
	color: #444;
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	}
	
.fb-video{
    opacity: 0.3;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}

.fb-video:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: opacity 1s linear;
}
	
.cr{
	position: relative;
	color: #444;
	padding: 20px 0px 20px 0px;
	margin: 15px auto;
	font-family: 'Oswald', sans-serif;
  	font-weight: 300;
	border-top: 1px solid #333;
	text-align: center;
	}
	


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx)  {

.stick{
	position: relative;
	float: right;
	background: url(../img/stick.png)no-repeat;
	background-size: 130px 130px;
	width: 130px; 
	}
	
boxes dialog {
background: url('../images/ft_urlaub2_mobile.png') no-repeat;
	background-size: 250px 177px;
	width: 250px;
}	
	
	
.herst_logo1{
	background: url('../img/logos/3m.jpg') no-repeat;
	background-size: 80px 40px;
	position: relative; float: left; width: 80px; margin: 0 auto;
	}
.herst_logo2{
	background: url('../img/logos/oracal.jpg') no-repeat;
	background-size: 80px 40px;
	position: relative; float: left; width: 80px; margin: 0 auto;
	}
.herst_logo3{
	background: url('../img/logos/avery.jpg') no-repeat;
	background-size: 80px 40px;
	position: relative; float: left; width: 80px; margin: 0 auto;
	}
.herst_logo4{
	background: url('../img/logos/iq.jpg') no-repeat;
	background-size: 80px 40px;
	position: relative; float: left; width: 80px; margin: 0 auto;
	}	
	
}


@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
}