/*Fonts*/

@font-face {
    font-family: 'julius_sans_oneregular';
    src: url('../fonts/juliussansone-regular-webfont.eot');
    src: url('../fonts/juliussansone-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/juliussansone-regular-webfont.woff') format('woff'),
    url('../fonts/juliussansone-regular-webfont.ttf') format('truetype'),
    url('../fonts/juliussansone-regular-webfont.svg#julius_sans_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-light-webfont.woff') format('woff'),
    url('../fonts/opensans-light-webfont.ttf') format('truetype'),
    url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
    url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*EndFonts*/

/*Layou*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-image: url('../img/concrete.jpg');
    background-position: center center;
    background-size: cover;

}

.box {
    margin: 0 0 15px 0;
    /*padding: 25px;*/
}

.cmsbox {
    padding: 10px;
}

h3, h4 {
    margin-top: 0px;
}

/*Formatierungen*/

body {
    font-family: 'open_sanslight', Lucida, Arial, Helvetic, sans-serif;
    font-size: 20px;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'open_sansregular', Arial, Helvetic, sans-serif;
}

h1 {
    text-transform: uppercase;
    font-size: 2em;
    display: inline-block;
    width: auto;

    padding: 25px;
    margin: -25px 0 20px -25px;
}

h2 {
    text-transform: uppercase;
    font-size: 2em;
    display: inline-block;
    width: auto;

    padding: 25px;
    margin: -25px 0 20px 0px;
}

.col30 {
    font-size: 0.9em;
}

.col30 h3 {
    text-transform: uppercase;
    font-size: 1em;
    display: inline-block;
    width: auto;

    padding: 25px;
    margin: -25px 0 15px -25px;

    /*color:						#fff;*/
    background-color: #fae100;
}

#contacts h3, #emergency h3 {
    text-transform: uppercase;
    font-size: 1em;
    display: inline-block;
    width: auto;

    padding: 25px;
    margin: -25px 0 15px -25px;

    /*color:						#fff;*/
    background-color: #fae100;
}

.nopaddingleft {
    padding-left: 0;
}

.nopaddingright {
    padding-right: 0;
}

.col30 h4 {
    text-transform: uppercase;
    font-size: 1em;
    display: inline-block;
    width: auto;

    padding: 25px;
    margin: -25px 0 10px 0;

    color: #fff;
    background-color: #fae100;
}

b, strong {
    font-family: 'open_sansregular';
}

/*NewsStyle*/

#news .title {
}

#news h4 {
    font-size: 1.5em;

    /*padding:					0 0 15px 0;
    border-bottom:				2px solid #000;*/
    display: inline-block;
    margin: 0 0 0px 0;
}

#news .important h4 {
    margin: 0 0 15px 0;
}
#news h4::before {

}

#news .important h4::before {
    content: '\f06a';
    font-family: 'FontAwesome';
    margin: 0 15px 0 0;
    color: #fff;

    padding: 10px;

    font-size: 0.8em;

    background: #db5054; /*red; /*#fae100;*/
}

#news .content {
    font-family: 'open_sansregular';
}

#news hr {
    border: none;
    height: 2px;
    background-color: #fff;
}

#news .news-item:first-child {
    /*margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #fff;*/
    padding: 22px;
    margin-bottom: 15px;
    background-color: #ffffff;
    border: 3px solid #F9B800;
}

.news-item {
    /*margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #fff;*/
    padding: 22px;
    margin-bottom: 15px;
    background-color: #ffffff;
    border-bottom: 3px solid #F9B800;
}


/*.news-item:first-child {
    margin-top: 0px;
    padding-top: 0rem;
    border-top: 0px solid #999;
}*/

#news .label {
    text-transform: uppercase;
    font-size: 0.85em;
    display: inline-block;
    width: auto;

    padding: 10px 25px;
    margin: 0;

    color: #000;
    /*background-color:			#fae100;*/

    background-color: #F9B800;
}

#news .label.today {
    font-size: 2em;
    padding: 25px 25px;
}

#news .label.tomorrow {
    font-size: 1.5em;
    padding: 25px 25px;
}

/*Ads Style*/
#ads {
    padding: 0px;
    height: 200px;
    overflow: hidden;
}

#ads div.slide {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


.adbox {
    text-align: center;
}

.adbox img {
    width: 40% !important;
    height: auto !important;
    left: 60% !important;
    margin-left: -30%;
}

/*Wetter*/

#simplepie_weather_content {
    font-size: 1.5em;
}

#simplepie_weather_content img {
    display: inline-block;

    width: 40px;
    height: auto;
    margin-top: 0px;
    margin-right: 15px;
}

#simplepie_weather_content table {
    display: inline-block;
    width: 60%;
}

#simplepie_weather_content table tr {
    width: 100%;
}

#simplepie_weather_content table tr td {
    width: 50%;
    padding: 5px;
}

.simplepie_weather_condition, .simplepie_weather_temperature, .simplepie_weather_units_temp,
.simplepie_weather_wind_speed, .simplepie_weather_units_speed {
    display: inline;
}

.simplepie_weather_condition {
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 10px;
}

.simplepie_weather_condition,
.simplepie_weather_wind_speed {
    display: none;
}

/*Date*/

.fixme {
    width: auto;
    position: absolute;
    right: 8px;
}

#datetime, #weather {
    display: inline-block;
}

#weather {
    border-left: 2px solid #F9B800;
    padding: 0 0 0 20px;
}

.datetimebox {
    padding: 15px 15px 12px; /*25px;*/
    margin: 0;

    border-bottom: 3px solid #F9B800;
}

.date {
    display: inline-block;
    /*width:					100%;*/
    font-size: 1.5em;
    margin-bottom: 0;
    margin-right: 20px;
    padding: 0 0 0 0px;
    /*border-bottom: 				2px solid #fae100;*/
}

.date::before {
    /*content:					'\f073';
    font-family:				'FontAwesome';	*/
    /*margin:						0 15px 0 0;
    color:						#fff;

    padding:					10px;

    font-size:					0.8em;

    background:					#fae100;*/
}

.time {
    display: inline-block;
    font-size: 2em;
    /*border-bottom: 			2px solid #fae100;*/
    margin-bottom: 0px;
    padding: 0 0 0px 0;
    font-weight: bold;
    margin-right: 20px;
}

.time {
}

.time::before {
    /*content:					'\f017';
    font-family:				'FontAwesome';	*/
    /*margin:						-5px 15px 0 0;
    color:						#fff;

    padding:					10px;

    font-size:					0.85em;

    background:					#fae100;'*/
}

/*Contact*/

#contacts p {

}

.label {
    font-weight: 900;
    text-transform: uppercase;
    color: #666;
}

/*Colors*/

a:link, a:visited, a:hover {
    color: #000;
	text-decoration:	none;
}

.typo_black {
    color: #000 !important;
}

.typo_white {
    color: #fff !important;
}

.typo_yellow {
    color: #fae100 !important;
}

.back_white {
    background-color: #fff !important;
}

.back_black {
    background-color: #000 !important;
}

.back_yellow {
    background-color: #fae100 !important;
}

.transparent_black {

}

.transparent_white {
    background-color: #fff; /*	rgba(255, 255, 255, 0.9);*/
}

.transparent_yellow {

}

.border_yellow {
    border-bottom: 10px solid #fae100;
}

#contacts h3, #emergency h3, #rentables h3 {
    display: none;
}

#emergency table td {
    width: 25%;
}