*{margin:0; padding:0}
*, *::before, *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
:focus{outline:0}
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
  line-height: 16px;
  font-size:13px;
  margin:0; padding:0;
  -ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
#header {
		position: relative;
		background: #fff url('/images/miami-playa-ferienhaus.jpg') no-repeat 0px 0px;
		height: 178px; width:1090px;
		background-size: 1090px 178px;
		margin:0 5px
	}

.logo {
			position: absolute;
			display:block;
			top:0px; left:0px;
			text-decoration: none;
			width:360px; height:55px; text-indent:-3000px;
		}

a {text-decoration: underline;color: #0f57d3; font-weight:bold}
a:hover {text-decoration: none;color: #0f57d3; font-weight:bold}

h2{font-size:26px; line-height:1.0em; text-transform:none; border:0px; color:#0f57d3; font-weight:normal;
margin-bottom:20px;
}
h3{font-size:18px; line-height:1.2em; text-transform:none; border:0px; color:#222; font-weight:bold;
margin-bottom:20px;
}
h4{font-size:14px; line-height:1.2em; text-transform:none; border:0px; color: #222; font-weight:bold;
margin-bottom:14px;
}
#nav h2 a{font-size:14px; line-height:1.2em; text-transform:none; color:#fff; font-weight:bold;
text-decoration:none; display:block; padding:7px; text-align:left; background:#0f57d3;
}
#nav h2{margin-bottom:1px; font-size:14px;}


#nav { }
#nav ul {list-style: none; background:#fff;}
#nav li{padding:0px; border-bottom:1px dotted #ccc}
#nav li li{border-bottom:none; border-top:1px dotted #ccc}
#nav li.ng{margin-top:20px; border-top:1px dotted #ccc}
#nav li a{display: block; font-size: 13px; line-height:28px; font-weight:normal; background:#fff; color:#222;text-decoration: none; padding:0 0 0 20px; background:url(/images/square.gif) no-repeat 3px center;}
#nav li li a{padding-left:30px; background-image:none;}
#nav li a:hover {text-decoration: none; background-color: #E4F2FC; color:#0f57d3; font-weight:normal }


#footer{ clear:both; padding:15px 0px; margin:0px 5px; font-size:13px; color:#fff; text-align:center; background:#0f57d3;}
#footer a{text-decoration:underline; color:#fff; font-weight:normal}
#footer a:hover{text-decoration:none; color:#fff; font-weight:normal}



	.size-full {
		max-width: 100%; height:auto
	}
	.entry img {
		max-width: 100%; height:auto;
	}
	
.container{background-color:#fff; margin:20px auto; padding:5px 0px 5px 0px; width:1100px;
-webkit-box-shadow: 0px 0px 8px 0px #222;
box-shadow: 0px 0px 8px 0px #222;}


.content{ padding-top:0px; font-size:14px; line-height:1.4em;}

p{margin:0px 0 14px 0; padding:0px; text-align:left; font-size:14px; line-height:1.4em}

	strong {font-weight:bold;}
	b {font-weight:bold;}
	em {font-style: italic}


.adright{float:right; margin:0 0 15px 15px;}
.adleft{float:left; margin:0 15px 15px 0;}
.admid{margin:15px 0px 15px 0px;text-align:center}
.ad160x600{margin:25px 0 15px 0;text-align:center}



.ferien_link {
border:1px solid #0F60EC;
width:100%;
text-align:center;
padding:10px;
margin:0 0px 15px 0;
background:#f2f2f2;
font-size:13px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.ferien_link hr{
background-color: #aaa;
color: #aaa;
border: 0;
height: 1px;
margin:4px 0px;
}
.ferien_link img {border:2px solid #FFF; width:100%; margin:5px 0px;}
.ferien_link p{font-size:12px; margin-bottom:8px; color:#222}
.ferien_link a {color:#0f57d3;text-decoration:underline;font-weight:bold;}
.ferien_link a:hover {color:#0f57d3;text-decoration:none;font-weight:bold;}


.boxcontent {
border:1px solid #0F60EC; width:100%; padding:0px; margin:0 15px 15px 0; width:336px; float:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;}

.boxcontent h3 {margin:0 0px 5px 0; border-bottom:1px solid #0F60EC;background:#f4f4f4; padding:5px 10px 5px 10px; color:#000; font-size:13px; font-weight:bold;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;}
.boxcontent img {border:1px solid #000; margin:5px 15px 5px 10px; float:left; padding:1px; width:130px; height:auto;}
.boxcontent p { margin:0px; padding:5px 10px 5px 10px; font-size:12px; line-height:1.2em; font-style:italic; color:#666;}

.boxcontent a {color:#0f57d3;text-decoration:underline;font-size:13px; font-style: normal;}
.boxcontent a:hover {text-decoration:none;}

.boxcontent p:last-child:after{content: "."; clear: both; display: block; visibility: hidden; height: 0px;}


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

.map{border:1px solid #000;float:right;margin:5px 0px 15px 15px;}

.row {
    margin: -20px 0 -1px -20px;
}
.row {
    border-bottom: solid 1px transparent;
}
.row{padding:10px 10px 80px 10px;}
.row::after, .row::before {

    content: "";
    display: block;
    clear: both;
    height: 0;

}
.row > * {
    padding: 20px 0 0 20px;
}
.\32 u, .\32 u\$ {
    width: 16.6666666667%;
    clear: none;
    margin-left: 0;
}
.\38 u, .\38 u\$ {
    width: 66.6666666667%;
    clear: none;
    margin-left: 0;
}
.row > * {
    float: left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

#titleBar{display:none}
.only-mobile{display:none}

@media (max-width: 800px) {
/*allgemein*/
.not-mobile{display: none}
.only-mobile{display:block}

section {padding-bottom: 2em;}
.row{padding:0px 0px 80px 0px; margin:0}
.content{ margin-top:0}

.row > * {
padding: 0px 10px 15px 10px !important;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
}

/*divers*/
body{background:none}
#header {
display: block;
width: 100%;
height: auto;
padding-top: 16.36%;
margin: 45px 0 0 0;
background-size: contain;
}
.logo{display:none}
.container {
  padding: 0 0px 1em 0px; border:none; margin:0px auto; width:100%
}
.ferien_link { max-width:220px; margin:0px auto 10px;}

.adright{float:none; width:300px; margin:0px auto 15px;}
.adleft{float:none; width:300px; margin:0px auto 15px;}

.map{border:1px solid #000;float:none; display:block;margin:0px auto 15px; max-width: 100%; height:auto}

#titleBar a, #titleBar a:hover{font-weight:bold;text-decoration:none; display:block; color:#FFF}



/*titlebar*/
#titleBar {
display:block;
text-align: center;
color: #fff;
font-size: 1.25em;
background-color: #0f57d3; /*background*/
backface-visibility: hidden;
transition: transform 0.25s ease-in-out 0s;
z-index: 10000;
position: fixed;
width: 100%;
height: 44px;
top: 0px;
left: 0px;
transform: translate(0px, 0px);
}

#titleBar .title {
line-height: 44px;
}

#titleBar .toggle {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 60px;
cursor:pointer;
}

#titleBar .toggle:after {
content: '';
position: absolute;
left: 4px;
top: 4px;
color: #fff;
text-align: center;
line-height: 31px;
font-size: 0.8em;
width: 50px;
height: 35px;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
}

#titleBar .toggle:before {
content: '';
position: absolute;
width: 20px;
height: 30px;
background: url(../css/images/mobileUI-site-nav-opener-bg.svg);
top: 16px;
left: 19px;
}

#titleBar .toggle:active:after {
background: rgba(0,0,0,0.2);
}
/*menu*/			
#nav {background: #0f57d3; color:#FFF;padding:0px; margin:0px;width:270px; float:none; position:fixed; z-index:4000; height:calc(100% - 45px); top:45px; left:-270px; font-size:12px; overflow-y: auto;}
#nav.show{ left:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
#nav.hide{ left:-270px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
/*menu links*/
#nav li{margin-top:0; background:none; padding:0; border:0 }
#nav ul{margin-bottom:0px; border:none; padding:0}
#nav br{display:none}
#nav h2{margin-bottom:0}
#nav li.ng {border-top: none; margin-top:0}

#nav h2 a, #nav h2 a:hover, #nav ul li a, #nav ul li a:hover {
display: block;
border-top: solid 1px rgba(255,255,255,0.1);
border-bottom: solid 1px rgba(0,0,0,0.2);
height: 55px;
line-height: 55px;
font-size:14px;
padding: 0 15px 0 15px;
text-decoration: none;
border-right:0;
border-left:0;
background: #0f57d3; /*background*/
color: #fff;
font-weight:normal}

}