/*----------------------------------------------------------------------------
BODY
------------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	border: 0px solid #eee;
	list-style:none;
	font-family: 'Ropa Sans', sans-serif;
}

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

body {
	background-color:#0060ad;
	color:#fff;
	background-image:url(../bilder/hg.jpg);
	background-repeat:repeat-x;
	font-size:16px;
	line-height:20px;
	margin-top:30px;
}

p {
	padding-bottom:15px;
}

.clear 	{
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
	}

a {
	color:#f2c966;
	text-decoration:none;
}

a:hover { color:#000;}
	
	
a:focus {outline: none;}


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#fff;
	font-size:30px;
	line-height:34px;
	padding:20px 0 20px 0;
}


	
.center {text-align:center;}



.w28 {width:28%;float:left;}
.w33 {width:33%;float:left;}
.w39 {width:39%;float:left;}
/*----------------------------------------------------------------------------
Content
------------------------------------------------------------------------------*/
.rahmen {
	width:983px;
	height:auto;
	margin:0 auto;
	text-align:left;
}



#open, #reservierung {
	width:370px;
	height:137px;
	overflow:hidden;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
}
#open {
	background-image:url(../bilder/girl-open.png);
}
#reservierung {
	background-image:url(../bilder/girl-open.png);
	background-position:right;
}
#logo {
	width:243px;
	height:137px;
	float:left;
	overflow:hidden;
	text-align:center;
}

.blau, a.blau {
	color:#83cde8;
}
.orange {
	color:#f2c966;
}

.centered { text-align: center; }

#content {
	background-image:url(../bilder/hg-content.png);
}

.choose #content {
	background-image:none;
}

#links, #right {
	width:190px;
	float:left;
	text-align:center;
}
#right {
	margin:80px 0 20px 0;
}

#right img  {
		margin-top:20px;
}
#right a:link img, 
#right a:visited img, 
#text img {
	border:solid 4px #0d0c72;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#frontpage-text {
	width:543px;
	margin: auto;
	padding:110px 0 0 0;
}

#frontpage-text img { padding: 0 20px; }

#right a:hover img {
	border:solid 4px #f2c966;
}

.bildOhne {border:0 !important;}


#text {
	width:543px;
	float:left;
	padding:110px 0 0 60px;
}


.abstand {
	padding-top:200px;
}

#footerHg {
	padding:0 0 20px 0;
	background-image:url(../bilder/footer.png);
	background-position:center 0cm;
	background-repeat:no-repeat;
}

#footerHg iframe {
	border:solid 5px #fff;
	margin-bottom:5px;}

#folgeUns {
	background-color:#271e75;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
	width:220px;
}

#folgeUns img {
    width: 32px;
}

#footerHg a.tel {
	color:#FFF;
}


#faceKasten iframe {border:0;}

#my_plusone { float:left;}

*+html #faceKasten{display:none; float:left;}
#faceKasten { height:28px; overflow:hidden; float:left;}

.facebookEm {border:none; overflow:hidden; width:110px; height:25px;}	




/*----------------------------------------------------------------------------
Kontakt
------------------------------------------------------------------------------*/
	
.buttonForm {
	color:#fff;
	background-color:#F90;
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:30px;
	cursor:pointer;
}
	
	form {
	display:inline;
	}	
	
	.highlight { display:none; }
	
	.wichtig {color:#ff0000;}
	.erfolgreich {color:#55d40f;}

	
	form input, form textarea {  width:50%; padding:5px; border:1px #d2d1ca solid; color:#8b8b87; background-color:#ffffdd; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin:10px 6px 0 0;}
	
	form input[type="submit"] { width:89px; height:31px; border:0; color:#FFF; font-size:16px;
	
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */


	}



.bildergalerieGruppe {
	height:170px;
	width:100%;
	margin:0 0 40px 0;
	overflow:hidden;
	border:solid 4px #0d0c72;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}

a:link.galerieGruppe, a:visited.galerieGruppe {
	display:block;
	height:210px;
	padding:3px;
	color:#211962;
	font-size:18px;
	border-bottom:solid 1px #999;
}
a:hover.galerieGruppe {
	background-color:#FFF;
	display:block;
	padding:3px;
	border-bottom:solid 1px #999;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity: 0.60; /* Mozilla */
	opacity: 0.60; /* Opera */
}
.galerieGruppe strong {
	background-color:#fff;
	padding:3px;
	width:97%;
	display:block;
	font-size:18px;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */
}

#Gallery li {
	list-style:none;
	margin:0;
	float:left;
	padding:0 2px 0 0;
}

#Gallery img {
	float:left;
	width:220px;
	padding:3px;
	margin:0 10px 10px 0;}


#adminLogin {
	padding:20px; border:solid 1px #666666; width:350px; color:#fff;
}




/* ------------------------
:: Nur Webseite
------------------------- */
@media only screen and (min-width: 983px){
.primary-nav li {
	margin:0 0 7px 40px;
	background-repeat:no-repeat;}

.primary-nav a {
	color:#c40c32;
	height:49px;
	display:block;
	line-height:49px;
	font-size:16px;
	font-family: 'Ropa Sans', sans-serif;
	font-weight:bold;
	background-repeat:no-repeat;
}
.primary-nav a:hover {
	color:#2c2b8d;
	background-image:url(../bilder/over.png);
	background-position:75px 5px;
}
.navi1 {background-image:url(../bilder/navi1.png); width:105px;}
.navi2 {background-image:url(../bilder/navi2.png); width:113px;}
.navi3 {background-image:url(../bilder/navi3.png); width:105px;}
}

/* ------------------------
:: Mobile
------------------------- */
@media only screen and (max-width: 983px){
	body {
		margin-top:70px;
		background-image:url(../bilder/hg-mobile.jpg);
	}
	.rahmen {
		width:95%;
	}
	#open, #reservierung, #logo, .w28, .w39 {
		float:none;
		width:100%;
	}
	#logo {
		padding:20px 0 20px 0;
	}
	.mobile, #right, #reservierung  {
		display:none;
	}
	.abstand {
		padding-top:0px;
	}
	#content {
		background-image:none;
	}
	#text, #frontpage-text {
		padding:0px;
		width:95%;
	}
	#text img {
		width:95%;
		height:auto;
	}
	#footerHg {
		background-image:none;
		background-color:#191060;
	}
	#folgeUns {
		width:250px;
	}
	#Gallery li {
		float:none;
	}
	#Gallery img {
		float:left;
		width:100%;
		padding:3px;
		margin:0 0 10px 0;}
	
}