@import url(http://fonts.googleapis.com/css?family=Dancing+Script|Lora:400,700);

body
{
	background: rgba(0, 0, 0, 0) url("img/bg.jpg") repeat scroll 0 0;
    color: #444;
    font-family: Lora;
    font-size: 16px;
    height: 100%;
    margin: 0;
    outline: medium none;
    width: 100%;
}

.clear
{
	clear:both;	
}

.h1, .h2, .h3, h1, h2, h3{margin-top:0;}

a{color:#666;outline:none;}
a:hover, a:focus, a:active
{
	color:#222222;
	text-decoration:none;
	outline:none;
}

.grey{color:#666;}

h1{font-size:38px;}
h2{font-size:30px;}

.hmont
{
  color:#111;
  font-family:Dancing Script;
  margin:0;
}

.nwfont
{
  color:#fff;
  font-family:Dancing Script;
  margin:0;
  font-size:36px;
  text-shadow: 1px 1px #111;
}

.h2mont
{
  color:#666;
  font-family:Dancing Script;
  margin:0 0 15px 0;
  font-size:28px;
}

.hlora
{
  color:#111;
  font-family:Lora;
  font-size:18px;
  margin-bottom: 30px;
  margin-top: 5px;
}

header
{
	position: absolute; z-index: 500; top: -3px; width: 100%	
}

.logo
{
	background:url(img/header_bg.jpg) #222222;
	padding:45px 0 45px 0;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.7);
	margin-top:-70px;
}

.logo img
{
	max-width:340px;
}

.navigation
{
	background:url(img/header_bg.jpg) #222222;
	padding:20px 0;
	margin-top:3px;
	height:100px;
}

.navigation ul{padding-left:0;margin-bottom:0;}

.navigation_a:hover, .navigation_a:focus, #navigation_a_active {
    color: #d29c32;
    text-decoration: none;
}
.navigation_a {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    margin: 10px 26px;
    text-decoration: none;
	font-family:Dancing Script;
	float:left;
}

.carousel-control.right, .carousel-control.left
{
	background:none;	
}

.topcontainer
{
	margin-top:130px;	
}

.topcontainer-minus
{
	margin-top:-160px;
}

#contcont .topcontainer-minus
{
	margin-top:-350px;
}

.newsletterhead{margin-bottom:15px;}

.input-group-addon {
    background: #111 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
}

.btn-default, .btn-default:focus, .btn-default:active {
    background: #111 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
}

.btn-default:hover {
    background: #d29c32 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
}

.topbox
{
	mardgin-top:-100px;
	background:#fff;
	padding:1px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	min-height:300px;
}

.topbox-top
{
	background: url(img/topbox-top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    left: 50%;
    margin: 0 0 0 -25px;
    position: absolute;
    top: -23px;
    width: 50px;	
}

.topbox-inner
{
	border: 2px solid #ece7d8;
    color: #7f7863;
    margin: 5px;
    padding: 30px 15px;
}

.hmont-marg
{
	margin-bottom:20px;
}

.topbox_small
{
	background:#fff;
	padding:1px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.topbox_small_pic1
{
	outline: 2px solid white;
   outline-offset: -10px;	
}

.topbox_small_pic_inner_border
{
	border: 2px solid #fff;
	height:100%;
	display:block;
}

.topbox_small p
{
	margin:25px 0;	
}

i{font-size:12px;}

.col-center{float:none; margin:0 auto;}
.dividercontent{margin:40px auto;}

footer{font-size:14px;color:#666;background:#222222; margin-top:60px;background:#222222 url("img/header_bg2.jpg") repeat scroll 0 0}
.footer_top{padding:20px 0; border-bottom:1px solid #333;}
.footer_top img{position:absolute; left:50%; margin-left:-72px;}
.footer_container{padding:50px 0; border-bottom:1px solid #333;}
.footer_btm{padding:15px 0;}
footer .glyphicon {margin-right: 5px;}
footer a, footer a:focus, footer a:active{color:#666; text-decoration:none;}
footer a:hover{color:#d29c32;}
.btn-footer{color:#999; background:#444;}
.btn-footer:hover{background:#d29c32; color:#fff;}
#ntagas-text, #ntagas-text a {
    color: #666;
    float: left;
    font-size: 9px;
    line-height: 10px;
    margin-right: 10px;
    text-decoration: none;
}

.headertel{font-size:24px; font-weight:700; color:#222222;line-height:1;}
.headertel span{margin-right:7px;}
.smallfont{font-size:12px;color:#222222; }

.btn-red {
    background: #222222 none repeat scroll 0 0;
	border:0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin-top: -30px;
    min-width: 160px;
    padding: 10px;
}

.btn-red:hover, .btn-red:focus, .btn-red:active
{color:#d29c32;}

#slider { 
    background: url(img/slider1.jpg) 50% 0 fixed; 
    height: auto;  
    margin: 130px auto 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 220px 0;
}

.containerbox
{
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 1px;	
}
.containerbox .img-responsive
{margin-top:0;}

.containerbox h2, .containerbox h3
{margin:0 0 15px 0;} 

#fotos .col-lg-3, #fotos .col-md-4, #fotos .col-sm-4, #fotos .col-xs-6 {
    padding: 5px;
}

#fotos img {
    border: 1px solid #ece7d8;
    height: 185px;
    overflow: hidden;
    padding: 5px;
    width: 250px;
}

.google-maps {
    height: 0;
    overflow: hidden;
    padding-bottom: 70%;
    position: relative;
}
.google-maps iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}


textarea {
    min-height: 200px;
}

.nopadding{padding:0;}


/* =================== Gästebuch ========================= */

.gaestebucheintrag
{
	border: 2px solid #ece7d8;
	padding: 10px;
}

.gaestebucheintrag .btn-red
{
	margin-top:15px;
	font-size:14px;
	min-width:150px;
}

.comment{padding-bottom:15px; padding-top:15px; border-bottom:2px dotted #ece7d8;}
.comment-h{color:#d29c32; font-size:18px; font-weight:700;}
.comment p{margin:0; font-size:14px;}

/*============= Email Popup ==============*/

#bg_pop
{
	background:url(img/bg_pop.png);
	width:100%;
	height:100%;
	position:fixed;
	z-index:5000;
}

#email_box
{
	left:50%;
	top:50%;
	position:absolute;
	display:block;
	width:430px;
	margin-left:-215px;
	margin-top:-90px;
	background-color:#fff;
	
}

#email_box a
{
	color:#fff;
	
}

#email_box_top
{
	background-color:#75b934;
	width:100%;
	display:block;
	color:#fff;
	padding:20px;
	text-align:center;
}

#email_box_top_red
{
	background-color:red;
	width:100%;
	display:block;
	color:#fff;
	padding:20px;
	text-align:center;
}

#success_icon
{
	float:left;	
}

#success_h
{
	float:left; margin-left:15px;margin-top:10px;	
}

#success_x
{
	float:right;font-size:24px; cursor:pointer;	
}

#email_box p
{
	padding:20px;
}


.fbicon
{margin-left:12px;margin-top:8px;}

.display1, .displaysliderpic
{display:none;visibility:hidden;}

.display2, .headercontainer
{display:block;visibility:visible;}

.displaynonemobtab
{display:block;visibility:visible;}

#ntagas-text, #ntagas-text a {
    color: #444;
    font-size: 9px;
    line-height: 10px;
    text-decoration: none;
	margin-top:2px;
}


@media screen and (min-width:992px) and (max-width:1200px) {
	
	.navigation_a{font-size:24px;margin: 10px 16px;}
	.logo{padding:50px 10px;}
	.logo img{max-width:275px;}
	#start .topcontainer-minus{margin-top:-155px;}
	.topcontainer-minus{margin-top:-300px;}
	#fotos img{width:100%; max-height:150px;}
}

@media screen and (min-width:768px) and (max-width:992px) {
	
	.container{padding:0;}
	.headercontainer{display:none;visibility:hidden;}
	 header{top:41px;}
	.display1{display:block;visibility:visible;}
	.displaynonemobtab{display:none;visibility:hidden;}
	.navbar{border:0;border-radius:0;background:#222222;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.7);}
	.navbar-inner {text-align: center;}
	.mednav{float: none;display:inline-block;}
	.navbar-default .navbar-nav > li > a{color:#fff; font-family:Dancing Script; font-size:22px;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#d29c32;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#d29c32;color:#fff;}
	.topcontainer-minus{margin-top:-300px;}
	#fotos img{width:100%; max-height:150px;}
	.logo img{max-width:500px; width:100%;}
	.logo{padding:40px 15px;}

}

@media screen and  (max-width:768px) {
	
	#contcont .topcontainer-minus{margin-top:-325px;}
	.headercontainer{display:none;visibility:hidden;}
	 header{top:41px;}
	.display1{display:block;visibility:visible;}
	.displaynonemobtab{display:none;visibility:hidden;}
	.navbar{border:0;border-radius:0;background:#222222;box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.7);margin-top:25px;}
	.navbar-default .navbar-nav > li > a{color:#fff;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:#d29c32;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#d29c32;color:#fff;}
	.topcontainer-minus{margin-top:-300px;}
	#fotos img{width:100%; max-height:170px;}
	.navbar-default .navbar-toggle{border:0;}
	.navbar-default .navbar-toggle .icon-bar{background:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:transparent;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#303030;}
	#email_box, email_box_red{left: 0;margin: 0 10px;top: 25%;width: 95%;}
	.gaestebucheintrag{margin-top:40px;}
	.newsletterhead{display:none;visibility:hidden;}
	.hlora{font-size:16px;}
	.logo img{max-width:500px; width:100%;}
	.logo{padding:40px 15px; min-height:180px;}
	header .navigation .row{margin:0;}
	header .navigation .mobclass{padding:0;}
}