html {
border-top:8px solid #fff
}

body {
background:url(8.png);
margin:5px
}

#container {
max-width:1070px;
margin:0 auto;
padding:30px
}

header {
float:left;
width:21.495327102804%;
margin-right:4.6728971962617%
}

#logo {
background:url(casa_logo.jpg) 0 0 no-repeat;
height:94px;
display:block;
width:147px;
margin-bottom:50px;
text-indent:-9999px;
border-radius:9px
}

#toggleNavMain {
display:none
}

#navMain {
list-style:none;
padding:0
}

#navMain li {
float:left;
width:100%
}

#navMain li a {
padding:0 7% 6.5% 0;
color:#252960;
margin:0 0 4%;
display:block;
text-decoration:none;
font-size:1.525em;
font-family:'Kaushan Script',cursive;
font-weight:400
}

#navMain li a:hover {
color:#281c0b
}

#content {
float:left;
width:73.831775700935%;
padding-top:80px;
margin-bottom:5%
}

#content figure {
margin-bottom:4%
}

#content h1 {
font-size:2.125em;
color:#252960;
font-family:'Kaushan Script',cursive;
margin-bottom:0!important
}

#content img {
max-width:100%;
height:auto;
border:10px solid #fff;
-moz-box-shadow:0 1px 2px rgba(109,72,0,.2);
-webkit-box-shadow:0 1px 2px rgba(109,72,0,.2);
box-shadow:0 1px 2px rgba(109,72,0,.2);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

#content section {
margin:0 0 1%;
width:100%;
float:left
}

#content section:nth-of-type(1),#content section:nth-of-type(2) {
width:46.835443037975%;
float:left
}

#content section:nth-of-type(1) {
margin-right:6.3291139240506%
}

@media screen and (max-width:1190px) {
body {
margin:10px;
font-size:.95em
}

#container {
padding:20px
}
}

@media screen and (max-width:910px) {
header,#content {
width:100%
}

#logo {
margin-bottom:3%
}

#navMain li {
width:19.2%;
text-align:center;
background:#252960;
margin-right:1%
}

#navMain li:last-child {
margin-right:0
}

#navMain li a {
padding:11% 7% 10%;
height:2.8em;
font-size:1.2em;
margin-bottom:0;
color:#F8F8ff
}

#navMain li a:hover {
background:#281c0b;
color:#fff2e1
}

#content {
padding-top:2%
}

#content img {
width:100%
}
}

@media screen and (max-width:620px) {
body {
margin:0
}

#container {
padding:10px 15px
}

#toggleNavMain {
display:block;
position:absolute;
right:15px;
top:40px;
background:#252960;
color:#F8F8ff;
padding:2% 3%;
font-family:'Kaushan Script',cursive;
font-size:1.2em;
cursor:pointer
}

.js #navMain {
display:none
}

#navMain li {
float:left;
width:100%;
margin-bottom:1%
}

#navMain li a {
padding:3.5% 0
}

#content section:nth-of-type(1),#content section:nth-of-type(2) {
width:100%
}

#content section img {
float:left;
margin:2% 5% 3% 0;
border:5px solid #fff
}

footer #footer_oben {
height:290px
}
}

fieldset {
border:1px solid #C2D2E5
}

legend {
color:#4A6491;
font-size:1.375em;
padding:0 .5em
}

.formset {
margin:.5em 0
}

.formset label,.formset input,.formset textarea {
display:inline-block
}

.formset label {
width:100%;
padding-right:2%
}

.formset input,.formset textarea {
width:100%;
border:1px solid #C2D2E5;
padding:.2em
}

.submit-btn {
float:right;
border:1px solid #C2D2E5;
padding:.4em;
color:#fff;
background:#30395C;
margin-right:2.5%
}

input:required {
padding-right:3%;
background:url(./gfx/char_asterisk.svg) no-repeat scroll right top / 4% auto transparent
}

input[type='number']:out-of-range {
border-color:red
}

em {
left:98%
}

@media only screen and (min-width: 30em) {
.formset label {
width:34%;
text-align:right
}

.formset input,.formset textarea {
width:62%
}

em {
left:32.5%
}
}

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
outline:none
}

.slides,.flex-control-nav,.flex-direction-nav {
margin:0;
padding:0;
list-style:none
}

.flexslider {
margin:0;
padding:0
}

.flexslider .slides > li {
display:none;
-webkit-backface-visibility:hidden
}

.flexslider .slides img {
width:100%;
display:block
}

.flex-pauseplay span {
text-transform:capitalize
}

.slides:after {
content:"./";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

html[xmlns] .slides {
display:block
}

* html .slides {
height:1%
}

.no-js .slides > li:first-child,.js-off .slides > li:first-child {
display:block
}

.flexslider {
margin:0 0 60px;
background:#fff;
border:4px solid #fff;
position:relative;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
box-shadow:0 1px 4px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);
zoom:1
}

.flex-viewport {
max-height:2000px;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease
}

.loading .flex-viewport {
max-height:300px
}

.flexslider .slides {
zoom:1;
box-shadow:none
}

.carousel li {
margin-right:5px
}

.flex-direction-nav {
*height:0
}

.flex-direction-nav a {
width:38px;
background:url(./gfx/prev-next.gif) no-repeat scroll left 50% #000;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:10;
text-indent:-9999px;
opacity:.5;
overflow:hidden
}

.flex-direction-nav a.flex-next {
background-position:right 50%;
left:auto;
right:0
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
opacity:1
}

.flex-direction-nav .flex-disabled {
opacity:.3!important;
filter:alpha(opacity=30);
cursor:default
}

.flex-control-nav {
width:100%;
position:absolute;
bottom:-40px;
text-align:center
}

.flex-control-nav li {
margin:0 6px;
display:inline-block;
zoom:1;
*display:inline
}

.flex-control-paging li a {
width:11px;
height:11px;
display:block;
background:#666;
background:rgba(0,0,0,0.5);
cursor:pointer;
text-indent:-9999px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}

.flex-control-paging li a:hover {
background:#333;
background:rgba(0,0,0,0.7)
}

.flex-control-paging li a.flex-active {
background:#000;
background:rgba(0,0,0,0.9);
cursor:default
}

.flex-control-thumbs {
margin:5px 0 0;
position:static;
overflow:hidden
}

.flex-control-thumbs li {
width:20%;
float:left;
margin:0
}

.flex-control-thumbs img {
width:100%;
display:block;
opacity:.7;
cursor:pointer
}

.flex-control-thumbs img:hover {
opacity:1
}

.flex-control-thumbs .flex-active {
opacity:1;
cursor:default
}

@media only screen and (min-width: 46.875em) {
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next {
opacity:0
}

.flexslider:hover .flex-next,.flexslider:hover .flex-prev {
opacity:.5
}
}

.map-canvas {
position:relative;
padding-bottom:56%;
height:0;
overflow:hidden
}

.map-canvas iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

footer {
clear:both;
margin:auto;
width:98%
}

#footer_oben {
height:245px;
padding-bottom:20px;
background-color:rgba(0%,0%,50%,0.1);
opacity:.7;
filter:Alpha(Opacity=99);
border-radius:6px
}

#about_txt_top {
float:left;
width:38%;
font-size:1.1em;
text-align:left;
padding-left:5%;
padding-right:20px;
vertical-align:top
}

#about_txt_top p {
color:#252960
}

#about_txt {
float:left;
width:46%;
text-align:left;
font-size:1.1em
}

#about_txt h4,p {
color:#252960
}

#line {
padding-left:100%
}

#footer_unten {
float:left;
width:100%;
height:70px;
margin:0;
text-align:justify;
vertical-align:middle
}

#footer_unten li {
list-style:none;
display:inline-block;
padding-right:30px
}

#footer_unten li a {
text-decoration:none;
color:#333
}

#footer_unten li a:hover {
text-decoration:underline
}