/*****
 MAIN CSS
*****/

body{margin:0;padding:0;font-family: "Myriad Web Pro", Arial, sans-serif;color:#fff;background-color:#000;}
.float-left{float:left;}
.float-right{float:right;}
.clearer{clear:both;}
.only-mobile{display:none !important;}
#full-wrapper{ width: 100%; float: left;}
#content-wrapper {margin: 0 auto; width: 100%; max-width: 1200px;padding: 20px 0 0 0;}
#footer-wrapper{ width: 100%; float: left; background-color:#000;}
.row{width: 100%;float: left;}
.column {float: left;margin: 0 2% 0 0;}
.column:last-child {margin-right: 0;}
.full { width: 100%;}
.half { width: 49%;}
.third { width: 32%;}
.quarter { width: 23.5%;}
.two-thirds { width: 66%;}
.three-quarters { width: 74.5%;}
.abstand-unten{margin-bottom: 50px;}
.occio-feld img{ max-width:300px; float:right; margin-bottom: 20px;}
#kontakt .occio-feld img{ float:none;}

/* Menü */

#menu-wrapper{
	background-color:#000;
}

#menu-inner-wrapper{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    position:relative;
	padding: 15px 0 10px 0;
}

#menu-inner-left{
    width:75%;
}

#menu-inner-right{
    width:100%;
    text-align: center;
    padding:25px 0;
}

#menu-inner-right img{
    width:100%;
    height:auto;
	max-width:240px;
}

#menu,
#menu ul{
    margin:0;
    padding:0;
    list-style-type:none;
	padding-top:40px;
}

#menu li{
    margin:0 35px 0 0 ;
    padding:0;
}

#menu li a:active,
#menu li a:link,
#menu li a:visited,
#menu li a:focus,
#menu li a:hover{
    margin:0;
    padding:0;
    color:#989898;
    text-decoration:none;
    font-size:16px;
}

#menu li a:hover,
#menu li a.active{
    color:#fff;
}

#menu li{
    display:inline-block;
}

#menu ul{
    display:none;
}

#menu li:hover ul{
    display:block;
    position:absolute;
    z-index:100001;
    padding-top:11px;
}

#menu li:hover ul a:link,
#menu li:hover ul a:active,
#menu li:hover ul a:visited,
#menu li:hover ul a:focus,
#menu li:hover ul a:hover{
    color:#fff;
    font-weight:600;
    font-size:16px;
}

#menu li:hover ul a:hover{
    color:#000;
}

#menu li:hover ul li{
    display:block;
    border-top:2px solid #000;
    margin-left:0;
    padding:15px 15px;
    background:#00aa9b;
	min-width:200px;
}

.slicknav_menu img{ width:13px; height:auto; float: right;}

/*Slider*/

.flexslider{
	border: none;
	border-radius: none;
	box-shadow:none;
	margin-bottom:40px;
    position: relative;
	background-color:transparent;
}
.flex-control-nav{
    right:0;
    left:0;
    margin:0 auto;
    width:100%;
    max-width: 1200px;
    text-align:center;
    font-size:1px;
    color:#4d4d4d;
}
.flex-control-nav li {
    margin: 0 0 0 12px;
}
.flex-control-paging li a{
    text-indent:-9999px;
	font-size:1px;
	color:#4d4d4d;
}
.flex-direction-nav a{
	margin: -110px 0 0;
	width: 35px
}
.flex-direction-nav a.flex-next:before {
	background-image:url(../images/arrow-right.png) !important;
	background-position:center;
	z-index: 15;
	height: 39px;
	width: 37px;
	content: "" !important;
}
.flex-direction-nav a:before {
	background-image:url(../images/arrow-left.png) !important;
	background-position:center;
	z-index: 15;
	height: 39px;
	width: 37px;
	content: "" !important;
}
.flex-control-paging li a.flex-active {
    background: rgba(255,255,255,1) !important;
}

.flex-control-paging li a {
    background: #4d4d4d;
    box-shadow: none;
	border-radius:20px;
}
.flexslider:hover .flex-prev {
    opacity: 1;
}

@media only screen  and (max-width: 800px) {
.flex-control-nav, .flex-direction-nav {
	display:none;

}
.flexslider {
    margin-bottom: 0;
}
}
@media only screen  and (max-width: 430px) {
.flex-control-nav, ..flex-direction-nav {
	display:none;

}
}

/*Footer*/
#footer-wrapper { background-color:#333333;margin-top:40px;}
#footer a{ color:#fff; text-decoration:none;font-size: 14px !important;line-height:1.5em !important;}
#footer p{font-size: 14px !important;line-height:1.5em !important;}
#footer a:hover{ color:#989898;}
#footer img{ width:70%; height:auto;margin-bottom: 11px; max-width: 120px;}
#footer .mobile-break{display: none;}
#footer div.quarter:nth-child(1){width:15%;margin:0;}
#footer div.quarter:nth-child(2){width:15%;margin:0 2% 0 0;}
#footer div.quarter:nth-child(3){width:50%;margin:0;}
#footer div.quarter:nth-child(3) p{max-width: 400px;}
#footer div.quarter:nth-child(4){width:18%;margin:0;text-align:right;}

/*Typo*/
h1{ font-size:48px; margin:0 0 15px 0;line-height: 1.3em; font-weight:400;}
h2{ font-size:40px;}
h3{ font-size:25px; margin-bottom: 0;margin-top: 35px;	font-weight:400;}
h4{ font-size:21px; margin: 35px 0 0x 0;}
h5{ font-size:18px; margin:0;}
p{ font-size:16px; line-height: 1.6em;}
a { color: #fff; text-decoration: none;}
a:hover { color: #989898; text-decoration: none;}

/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::selection {
    background: #afafaf;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #afafaf;
}

/* Content */
img{width: 100%;}

/*
        media queries
*/

@media only screen  and (max-width: 1220px) {
	#content-wrapper {width: 94%;padding: 20px 3% 0 3%;}
	.flex-control-nav{width:94%;max-width: 1200px;bottom:-40px;}
	#menu-inner-wrapper{width: 94%;padding: 15px 3% 10px 3%;}
	#menu li {margin: 0 30px 0 0;}
    #footer p, #footer a, p, a{font-size:16px;}
	h1{ font-size:28px;}
	h3{ font-size:20px;}
}

@media only screen  and (max-width: 1030px) {
    #menu li {margin: 0 22px 0 0;}
}

@media (min-width: 750px) and (max-width: 1030px) {
	#footer .mobile-break{display: block;}#menu-inner-right img {max-width: 180px;}
}

@media (min-width: 1px) and (max-width: 980px) {
    #menu li {margin: 0 15px 0 0;padding: 0;}
    #menu li:hover ul {padding-top: 10px;}
    #menu{padding-top: 36px;}
}

@media (min-width: 1px) and (max-width: 880px) {
    .full, .two-thirds, .half, .third, .quarter{width: 100%;}
	.column {float: left;margin: 0 0;}
    .occio-feld img{ float:left; margin-right: 20px;}
    .abstand-unten {margin-bottom: 50px;}
    #header-inner p {display:none;}
    #header-wrapper {height: 20px;}
    .only-desktop{display:none;}
    .only-mobile{display:block !important;}
    #footer div.quarter:nth-child(1){width:20%;margin:0;height:90px;}
    #footer div.quarter:nth-child(2){width:80%;margin:0;height:90px;}
    #footer div.quarter:nth-child(3){width:60%;margin:0;}
    #footer div.quarter:nth-child(4){width:40%;margin:0;}
}

@media (min-width: 1px) and (max-width: 650px) {
     #menu-inner-right img {max-width: 200px;}
}

@media (min-width: 1px) and (max-width: 600px) {
    #footer div.quarter:nth-child(1){width:30%;margin:0;}
    #footer div.quarter:nth-child(2){width:70%;margin:0;}
}

@media (min-width: 1px) and (max-width: 500px) {
    #menu-inner-right {height: 80px;}
    #footer div.quarter:nth-child(1){width:40%;margin:0;height:70px;}
    #footer div.quarter:nth-child(2){width:60%;margin:0;height:70px;}
    #footer div.quarter:nth-child(3){width:100%;margin:0;}
    #footer div.quarter:nth-child(4){width:100%;text-align: left;}
    #footer img {max-width: 90px;}
    #footer p{ width:100%; margin-bottom: 0;}
    #footer .row{ margin-bottom:30px;}
    #menu-inner-right img {max-width: 150px;}
}

@media (min-width: 1px) and (max-width: 340px) {
    #footer p{ width:100%; margin-bottom: 0;}
    #footer .row{ margin-bottom:30px;}
}