/*
Theme Name: ZiFF 1.0
Theme URI: http://www.ziff.de/
Author: Miran Koc
Author URI: http://www.mirankoc.de/
Description: ZiFF Theme 1.0
License: ask me info@mirankoc.de
License URI: http://www.mirankoc.de/
Tags: white, rwd
Text Domain: mirankoc.de
*/

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('fonts/glyphicons-halflings-regular.eot');
	src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/glyphicons-halflings-regular.woff') format('woff'),
	url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
	url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
html,body {height:100%;}
body {font-family: 'Roboto', Arial, Helvetica, sans-serif;margin:0;padding:0;background:#F8F8F8;}
a {text-decoration:none;}
a:hover, a:active, a:focus {color:#00589F;text-decoration:none!important;}

#header {background:#FFF;z-index:9998;border-bottom:1px solid #eee;padding:10px 0 0;}
#header .contact {font-size:13px;list-style:none;color:#888;padding:0 15px 0 0;}
#header .contact a {color:#888;}
#header .contact li {float:left;}
#header .logo {height:auto;transition: all 0.5s ease 0s;}
#header.sticky {position:fixed;width:100%;top:0;}
#header.sticky .container {position:relative;}
#header.sticky .logo {}
#header.sticky .sticky-hidden {display:none;}
body.admin-bar #header.sticky {top:32px;}

#nav {z-index:999;}
#nav ul {list-style:none;margin:0;padding:0;display:inline;}
#nav ul li {position:relative;margin:0;display:inline-block;}
#nav ul li a {transition:color 0.4s ease;color:#555;display:block;text-decoration:none;font-weight:500;font-size:16px;line-height:35px;padding:0 15px;}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul .current-menu-item > a,
#nav ul .current_page_item > a,
#nav ul .current-post-ancestor > a,
#nav ul .current-page-ancestor > a {color:#00589F;}
#nav ul li ul {display:none;opacity:0;visibility:hidden;position:absolute;white-space: nowrap;}
#nav ul li:hover ul {display: block;opacity: 1;visibility: visible;}
#nav ul li ul li {display: block;width:auto;margin:0;}
#nav ul li ul li a {color:#FFF;background:#00589F;border-bottom:1px solid #EEE;}
#nav ul li ul li a:hover,
#nav ul li ul li a:focus,
#nav ul li ul .current-menu-item > a,
#nav ul li ul .current_page_item > a,
#nav ul li ul .current-post-ancestor > a,
#nav ul li ul .current-page-ancestor > a {color:#FFF;background:#83B217;}

.navbar {margin-bottom: 20px;border:none;}
.navbar-default {background-color:transparent;border:none;border-color:transparent;margin-bottom:5px;}
.navbar-default .navbar-nav > li > a {color:#777;font-weight:500;font-size:16px;padding:10px 10px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {color:#00589F;background-color:transparent;}

.dropdown:hover .dropdown-menu {display: block;}

#searchform {position:absolute;right:0px;bottom:10px;}
#searchform ::-webkit-input-placeholder {color:#fff;font-size:0.825em;}
#searchform :-moz-placeholder {color:#fff;font-size:0.825em;}
#searchform ::-moz-placeholder {color:#fff;font-size:0.825em;}
#searchform :-ms-input-placeholder {color:#fff;font-size:0.825em;}
#searchform .field {background:#EEE;text-indent:-9999px;border:1px solid #EEE;border-radius:0;}
#searchform .field:focus {text-indent:1px;color:#fff;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
#searchform .submit {
    text-indent:-9999px;
    background:#83B217 url(images/lupe.png) center center no-repeat;
    border:0;
    height:35px;
    width:35px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    border:0;
    border-radius:0;
}
#searchform .submit:hover {background:#00589F url(images/lupe.png) center center no-repeat;}
.wp-post-image {display:block;}
.wp-caption-text {font-size:0.825em;}

.alignleft {display:inline;float:left;margin-right:10px;margin-bottom:10px;}
.alignright {display:inline;float:right;margin-left:1.625em;margin-bottom:20px;}
.aligncenter {clear:both;display:block;margin-left:auto; margin-right: auto;}

.page-header {padding:0;margin:20px 0px 10px;border-bottom: 1px solid #EEE;}

.wp-post-image.attachment-slide {width:100%;height:auto;display:block;}

h1.title {font-size:28px;font-weight:400;color:#0062a7;margin:0 0 0.5em;}
h2.subtitle {font-size:20px;font-weight:400;line-height:1.2em;color:#83B217;margin:0 0 0.5em;}

.hentry {}
.hentry h3 {font-size:18px;color:#00589F;margin:0 0 0.825em 0;}
.hentry h4 {color:#83B217;margin:0.825em 0;}
.hentry h5 {color:#333;margin:0.825em 0;}
.hentry h6 {color:#333;margin:0.825em 0;}

.hentry p {margin:0 0 1em;}

.hentry table {color:#333333;border-top:3px #ffd900;margin-bottom:30px;}
.hentry table.coloured {}
.hentry th {background:#d9d9d9;padding:3px 5px;border:none;border-top:3px #ffd900;}
.hentry tr td {padding:3px 5px;border:none;border-top:1px solid #d9d9d9;}
.hentry tr:nth-child(odd) td {background:#f0f0f0;}

.hentry a {color:#00589F;font-weight:500;}
/* .hentry a[href$=".pdf"] {background: url(icons/pdf.png) no-repeat 0 50%;padding:16px 0 16px 50px;} */

.hentry ul {margin:20px 0 20px 0;padding:0 0 0 20px;list-style:none;}
.hentry ul li {line-height:1.5em;position:relative;}
.hentry ul li:before {display:block;position:absolute;top:0px;left:-20px;width:10px;height:10px;content:'\21D2';color:#00589F;font-size:1em;}

.widget-title {}
.textwidget {}

.post-edit-link {position:absolute;right:0;bottom:0;background:#666;padding:0px 5px;color:#FFF!important;font-size:0.825em;}
.post-edit-link:hover {background:#111;}

/* ### Themen ### -------------------- */
.carousel {}
.carousel .item .wp-post-image {width:100%;}
.item, .active, .carousel-inner {height:100%;}
.carousel-caption {text-shadow:0 0 0;right:55%;left:10%;padding-bottom:40px;text-align:left;}
.carousel-control {width:8%;}
.carousel-indicators {bottom: 3px;}

#start {padding:20px 0;}
#start .wp-post-image {width:100%;height:auto;}
#start h1 {line-height:24px;font-size:18px;font-weight:400;color:#00589F;margin:0 0 5px;}
#start h1 a {color:#00589F;}
#start h2 {line-height:20px;font-size:16px;font-weight:400;color:#333;margin:0;}
#start .covertext {background-color: rgba(255, 255, 255, 0.7);padding:10px 20px;}

#start #infobar {background:#00589F;color:#FFF;bottom:30px;right:30px;z-index:99;}
#start #infobar a {color:#FFF;}
#start #infobar .frame {padding:20px 30px;width:240px;}

#start #infobar span:before {content:"";display:block;position:absolute;}

#start #infobar .download,
#start #infobar .tel,
#start #infobar .fax,
#start #infobar .mail {display:block;position:relative;line-height:32px;padding-left:48px;margin-bottom:5px;}

#start #infobar .download:before {top:4px;left:0px;content:"";position:absolute;background:url(images/download.png) no-repeat;background-size:24px 24px;width:32px;height:32px;}
#start #infobar .tel:before {top:4px;left:0px;background:url(images/phone.png) no-repeat;background-size:24px 24px;width:32px;height:32px;}
#start #infobar .fax:before {top:4px;left:0px;background:url(images/fax.png) no-repeat;background-size:24px 24px;width:32px;height:32px;}
#start #infobar .mail:before {top:4px;left:0px;background:url(images/mail.png) no-repeat;background-size:24px 24px;width:32px;height:32px;}

.home #sidebar .content {margin-top:20px;}
#sidebar .asides {font-size:13px;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:25px;}
#sidebar .asides .wp-post-image {width:100%;height:auto;margin:5px 0 10px;}
.sidebar .title,
#sidebar .title {margin:0 0 5px;color:#0062A7;font-weight:600;font-size:14px;font-weight:500;}
#sidebar ul {list-style:none;padding:0;margin:0;}
#sidebar ul li {font-size:14px;}
#sidebar li a {display:block;padding:3px 0;color:#666;border-bottom:1px solid #ddd;}
#sidebar li:hover > a {color:#0062A7;}

.grid-item {width:24.5%;margin-bottom:10px;margin-right:0.5%;}
.grid-item:hover {-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.grid-item h3 {font-size:16px;margin-top:0;margin-bottom:5px;}
.grid-item p {font-size:12px;}
.grid-item ul {list-style:none;padding:0 0 0 20px;}
.grid-item ul li:before {color:#D9E3E8;content:"\e043";position:absolute;left:-20px;top:0;font-family: Glyphicons Halflings;}
.grid-item ul li {position:relative;font-size:12px;}

#karte {
	font-size:18px;
	line-height:1.6em;
	margin:0 0 30px;
	padding:20px;
	background: rgba(228,215,183,1);
	background: -moz-linear-gradient(45deg, rgba(228,215,183,1) 0%, rgba(250,244,232,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(228,215,183,1)), color-stop(100%, rgba(250,244,232,1)));
	background: -webkit-linear-gradient(45deg, rgba(228,215,183,1) 0%, rgba(250,244,232,1) 100%);
	background: -o-linear-gradient(45deg, rgba(228,215,183,1) 0%, rgba(250,244,232,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(228,215,183,1) 0%, rgba(250,244,232,1) 100%);
	background: linear-gradient(45deg, rgba(228,215,183,1) 0%, rgba(250,244,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4d7b7', endColorstr='#faf4e8', GradientType=1 );
}
#karte .day {}
#karte .dinner {font-weight:600;}

.switch {background:#83B217;padding:5px 20px;margin:10px 0 0 0;font-size:13px;}
.switch select {width:100%;}

.cover .wp-post-image {width:100%;height:auto;display:block;margin: 0px 0px 10px;}

#kurse .hentry {position:relative;background:#FFF;padding:20px;font-size:14px;line-height:1.4em;margin:0 0 10px;}
#kurse .hentry.active-kurs:before {top:50%;left:-30px;content:"";position:absolute;background:url(images/scroll.png) no-repeat;background-size:24px 24px;width:32px;height:32px;}
#kurse .hentry p {margin:0 0 10px;}
#kurse .hentry h2 {color:#00589F;margin:0 0 10px 0;}
#kurse .hentry h3 {color:#83B217;margin:0 0 10px 0;}

#kurse .info {color:#333;background:#D9E3E8;}
#kurse .info .topic {width:100%;}
#kurse .info .details {display:none;}
#kurse .info .dates {display:none;}
#kurse .info .topic .frame {padding:0px;}

#kurse .kurse .topic {width:70%;}
#kurse .kurse .topic .frame {padding:0 30px 20px 0;}
#kurse .kurse .details {margin:20px 0 0;}
#kurse .kurse .tag {margin:0 3px 3px 0;}
#kurse .kurse .kursleitung .tag a {color:#FFF;font-weight:400;}
#kurse .kurse .dates {width:30%;}
#kurse .kurse .dates p {margin:0 0 3px;}
#kurse .kurse .dates .frame {padding:0 0 20px 20px;border-left:1px dotted #ddd;}

#kursliste {font-size:90%;}

.doz-card {background-color:#FFF;padding:10px;margin-bottom:10px;}
.dozenten {height:100px;}
.dozenten h3 {margin:0 0 5px;font-size:15px;}
.dozenten p {margin:0;font-size:13px;}
.dozenten img {height:80px;width:53px;}

#hotels li {}
#standort {width:100%;height:300px;margin:20px 0 0 0 ;}

/* ### Themen Ende ### -------------------- */
#slogan {background-color:#78909C;width:100%;height:50px;}

#teaser h3 {font-size:18px;margin:0;line-height:30px;padding:0 0 0 30px;background-repeat:no-repeat;background-size:24px 24px;background-position:0 0;}
#teaser h3 a {color:#555;}
#teaser .subtitle {font-size:11px;}
#teaser .hentry {color:#555;float:left;text-align:left;font-size:13px;}
#teaser .post-1794 h3 {background-image:url(images/themen.png);}
#teaser .post-2756 h3 {background-image:url(images/kurse.png);}
#teaser .post-2758 h3 {background-image:url(images/dozenten.png);}
#teaser .post-3194 h3 {background-image:url(images/about.png);}

.list {margin:0;padding:20px 0;list-style:none;-moz-column-count:1;-webkit-column-count:1;column-count:1;}
.list li {padding:5px 0;}
.list h3 {margin:0 0 3px;}

#news {padding:20px 0;}
#news .posthead {margin-bottom:5px;}
#news h3.title {font-size:22px;margin:0 0 10px 0;}
#news .col-md-6 h3.title {font-size:16px;margin:0 0 10px 0;}
#news .postinfo {color:#666;font-style:italic;}
#news .datebg {float:left;margin-right:5px;font-size:10px;background-color:#00589F;display:inline-block;padding:3px;text-align:center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#news .day {color:#111;background-color:#FFF;padding:0 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#news .month {color:#FFF;font-weight:500;}
#news .item {font-size:14px;margin:0 0 20px;position:relative;}
#news .col-md-6 .item {height:240px;}
#news .item .wp-post-image {display:inline;float:left;margin:0 10px 10px 0;}
#news .item .text {overflow:hidden;}
#news .item .text p {margin:0 0 10px;}

.gallery {}
.gallery p {margin:0;}
.gallery img {display:inline;float:left;margin:0 2px 2px 0;}
.gallery-small img {width:80px;height:80px;}

#footer {background-color:#EAEDEE;font-size:13px;padding:25px 0 0;margin:25px 0 0;}
#footer .end {background-color:#DBE2E4;padding:15px 0;}
#footer h6 {color:#83B217;font-size:16px;font-weight:600;margin:10px 0;}

#footer ul {padding:0 0 0 20px;list-style:none;}
#footer ul li {position:relative;}
#footer ul li:before {display:block;position:absolute;top:0px;left:-20px;width:10px;height:10px;content:'\21D2';color:#0062a7;font-size:1em;}
#footer a {color:#00589F;}

/* ### search ### -------------------- */
.serp li {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #999;}
.serp h3.title {font-weight:400;margin:8px 0;}
.serp .postinfo a {text-decoration:none;color:#009704;font-weight:500;font-size:0.875em;font-style:italic;}
.serp .serpkey {font-weight:800;}

/* -------------------- ### Breadcrumbs ### -------------------- */
#breadcrumbs {list-style:none;margin:15px 0 15px 25%;overflow:hidden;padding:0;}
#breadcrumbs li {float:left;margin-right:10px;line-height:1.2em;}
#breadcrumbs li a {color:#d0d3d4;line-height:1.2em;font-size:12px;}
#breadcrumbs .separator {font-weight:400;font-size:12px;color:#d0d3d4;}
#breadcrumbs .current {color:#00589F;font-size:12px;}

/* -------------------- ### Stil Elemente ### -------------------- */
/* ### buttons ### -------------------- */
.btn-search {}

/* ### list styles ### -------------------- */
ol.alpha {list-style-type:lower-alpha;}
ol.upper-alpha {list-style-type:upper-alpha;}
ol.lower-latin {list-style-type:lower-latin;}
ol.decimal {list-style-type:decimal;}

ul.unstyled {list-style-type:none;margin:0;padding:0;}
ul.disc {list-style-type:disc;}
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}

ul.showcase {list-style-type:none;}
ul.showcase li {}
ul.showcase li:before {}

.content {padding:15px;background-color:#FFF;border-right:1px solid #ececec;border-bottom:1px solid #e8e8e8;border-left:1px solid #f1f1f1;border-top:1px solid #f1f1f1;}
.divider {
	width:100%;height:1px;background: #d6e1eb;
	background: -moz-linear-gradient(left, #d6e1eb 0%, #fefefe 50%, #d6e1eb 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #d6e1eb), color-stop(50%, #fefefe), color-stop(100%, #d6e1eb));
	background: -webkit-linear-gradient(left, #d6e1eb 0%, #fefefe 50%, #d6e1eb 100%);
	background: -o-linear-gradient(left, #d6e1eb 0%, #fefefe 50%, #d6e1eb 100%);
	background: -ms-linear-gradient(left, #d6e1eb 0%, #fefefe 50%, #d6e1eb 100%);
	background: linear-gradient(to right, #d6e1eb 0%, #fefefe 50%, #d6e1eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1eb', endColorstr='#d6e1eb', GradientType=1 );
	margin:10px 0;
}
.rel {position:relative;}
.abs {position:absolute;}
.left {float:left;}
.right {float:right;}
.mbot {margin-bottom:20px;}

a.more {}
.shadow {-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
.tag {display:inline-block;color:#FFF;padding:3px 6px;}
.blue {background:#00589F;}
.lightblue {background:#D9E3E8;}
.green {background:#83B217;}
.fff {background:#FFF;}

.last {margin-right:0!important;}
.clear {clear:both;line-height:0;font-size:0;height:0;}
.clearfix:after {content:".";display:block;clear:both;font-size: 0;height:0;visibility:hidden;}

#scrolltop {
    cursor:pointer;
    display:none;
    position:fixed;
    z-index:9999;
    bottom:0;
    right:0;
    padding:0 15px;
    background:#0062a7;
    text-decoration:none;
    line-height:40px;
    font-size:16px;
    color:#FFF;
}

#TB_overlay {background:#000;opacity:0.7;filter:alpha(opacity=70);}
#TB_caption {height:25px;padding: 7px 30px 10px 25px;float: none;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border:none;}



/* Custom, iPhone Retina */
@media only screen and (min-width: 160px){
	#header .logo {width:140px;padding-left:15px;}
	#header.sticky .logo {width:140px;}
	#header .contact li {margin-left:8px;}
	.navbar-default .navbar-form {border-top:none;margin:3px -15px;}
	.navbar-default .navbar-form:after {content:".";display:block;clear:both;font-size: 0;height:0;visibility:hidden;}
	.navbar-default .navbar-form .form-group {width:80%;float:left;}

	.navbar-default .navbar-form .btn-search {float:right;}
	.carousel-caption {text-shadow:0 0 0;right:10%;left:10%;padding-bottom:20px;text-align:left;}
	#start h2 {display:none;}
	#start .more {display:none;}
	.grid-item {width:100%;margin-bottom:3px;margin-right:0;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
	.grid-item {width:49.5%;margin-bottom:5px;margin-right:0.5%;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	#header .logo {width:160px;padding-left:0;margin-top:-20px;}
	#header.sticky .logo {width:120px;margin-top:0px;}
	#header .contact li {margin-left:12px;}
	.navbar-default .navbar-form {margin:3px -15px 3px 15px;}
	.navbar-default .navbar-form .form-group {width:auto;float:none;}
	.navbar-default .navbar-form .form-control {width:100%;}
	.navbar-default .navbar-form .btn-search {float:none;}
	.carousel-caption {text-shadow:0 0 0;right:45%;left:10%;padding-bottom:40px;text-align:left;}
	#start h2 {display:block;}
	#start .more {display:block;}
	.grid-item {width:33%;margin-bottom:10px;margin-right:0.3333%;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	#header .contact li {margin-left:20px;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
	.grid-item {width:24.5%;margin-bottom:10px;margin-right:0.5%;}
}

.mobile-visible {
	display: none;
}

@media(max-width: 750px) {
	.mobile-visible {
		display: block;
	}
}