/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

h1 {

	color: #999999;
	font-size: 38px;
	font-weight: 300;
}


h1 span {

	color: #004c93;
}

h3, .uk-h3 {
    font-size: 19px;
	font-weight: 500;
}

small {
	line-height: 0px;

}

aside {
	padding-top: 135px;

}

.uk-navbar {
    background: none repeat scroll 0 0 #FFFFFF;
}

.uk-dropdown-navbar {
    background: none repeat scroll 0 0 #ffffff;
}

.uk-nav > li > a {
    font-size: 14px;
}

.uk-search-field:focus, .uk-search.uk-active .uk-search-field {
    width: 155px;
}

.uk-panel-box-secondary {
    color: #444444;
}

.uk-panel-box-secondary h2 {
	color: #444444;
	font-weight: 300;
	text-align: center;

}

.uk-panel-box-secondary > a:not([class]), .uk-panel-box-secondary > *:not([class*="uk-nav"]) a:not([class]) {
    color: #004c93 !important;
}

.start-box {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
    padding: 0px;
}

.start-box h3, .start-box p {
	padding: 25px;
}

.start-box a {
	margin: 0 0 25px 25px;
}

.start-box .uk-margin-top {
    margin-top: 0px !important;
}

.tm-block-dark {
    color: #666666;
    background: none repeat scroll 0 0 #f6f6f6;
}


.tm-block-footer {
    background: none repeat scroll 0 0 #ffffff;
	border-top: 1px solid #DDDDDD;
}

.tm-footer a:hover, .tm-footer .uk-subnav > li > a:hover, .tm-footer .tm-totop-scroller:hover {
    color: #004C93;
}

#totop-scroller {
    background-image: url("../images/totop_scroller.png");
}
#totop-scroller {
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    margin: 0 auto 20px;
    position: relative;
    width: 32px;
}

#totop-scroller:hover {
    background-position: 50% -50px;
}


/* FORMULAR */
.gbs3 h3, h3.uk-panel-title  {

	color: #004c93 !important;
	font-size: 32px !important;
	font-weight: 300 !important;
}

.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
    background: none repeat scroll 0 0 #fff;
}


#kontakt-title {
    font-size: 41px;
    font-weight: normal;
    line-height: 48px;
    text-transform: none;
    color: #999999;
}


.chrono_credits {
	display: none;
}



.tm-bottom-c .uk-nav li {
	border-bottom: solid 1px #ddd;

}


.address {
    padding: 30px 30px 0;
}

.address div {
	text-align:right;
	margin-top: 53px;
}

article li {
	list-style-type:square;
}
.uk-list-striped > li:first-child {
    border-top: 1px solid #fff;
}
.uk-list-striped > li:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #fafafa;
}
.uk-list-striped > li {
    border-bottom: 1px solid #fff;
    padding: 5px;
}


.layout-layout3 .title {
	color: #004c93 !important;

} 

.service h3.uk-panel-title  {

	padding-bottom: 25px;
}

.service .zoo-item-list div.description {

    margin: 15px 0 0;
}

.broschueren .zoo-item-list div.description > div:first-child {
    text-align: right;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape)  { 

	
.uk-navbar-brand {
    padding: 0 !important;
}

	.tm-logo img {
		max-width: 70%;
	}

	.address {
    		padding: 30px;
	}

	.address div {
		margin-top: 15px;
		font-size: 14px;
	}

	.uk-navbar-content .uk-search-field {
		display: none;
	}

	aside {
		padding-top: 0px;

	}


}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 


	.address div {
		margin-top: 0px;
	}

	.address {
    		padding: 30px;
	}

	aside {
		padding-top: 0px;

	}


}