@charset "UTF-8";

/* Overwrite User Agent Style */

body {
	margin: 0;
}

address {
	font-style: normal;
}

/* --- Colors --- */

#angebote-heading, #anschrift-heading {
	display: none;
}

/* --- Colors --- */

.hilite-color, h1, h1 a, h2, h3, #name, #navTop, #navTop a {
	color: #009090 /* cyan */
}

.grey8-color, body, a {
	color: #424242   /* grey8 */
}

/* --- Fonts --- */

body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1,h2,h3 {
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
#bereiche {
	font-size: 1.1em;
}

/* --- Style / Layout --- */

a {
	text-decoration: none;
}

/* --- frame --- */

.frame {
	max-width: 860px;
	margin: 0 auto;
}

@media only screen {
	.content {
		padding: 8px;
		border-left: lightgrey 1px solid;
		border-right: lightgrey 1px solid;
	}
}
/* --- header --- */

#logo {
	display: inline-block;
	margin-bottom: 1em;
}

#bereiche {
	margin: 0;
}

#navTop {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
	/*
<div style="position: fixed;background: #336699; width: 100%;">
	*/
}

#navTop li {
	display: inline;
}

#navTop li + li:before {
	content: " | ";
}

/* --- banner --- */

.banner {
	content:url("../img/IMG_7630-1000.jpg");
	width: 100%;
	padding-bottom: 1em;
}

#name {
	margin: 0;
}

/* --- content --- */

.angebote-item {
	display: inline-block;
	width: 30%;
	margin-right: 1.5em;
	vertical-align: top;
}

/* --- footer --- */

footer {
	clear:both;
}

.contact-item {
	display: inline-block;
	width: 45%;
	margin-top: 0.5em;
}

.navBottom {
	font-size: 0.8em;
	padding-left: 0;
	float: right;
	clear: both;
}

.navBottom li {
	display: inline;
	list-style-type: none;
	padding-right: 2em;
}

.separator {
	padding-top: 1em;
}

.partner-logo, .partner-text {
	display: inline-block;
	vertical-align: top;
}

.partner-logo {
	width: 280px;
}

.partner-logo img{
	max-width:250px;
	max-height:80px;
	width: auto;
	height: auto;
}
.partner section {
	margin: 1em;
}

img#portrait-kr {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	max-width: 200px;
	width: auto;
}

@media only screen and (max-width:860px) {
	.angebote-item {
		display: inline-block;
		width: 45%;
		margin-right: 1.5em;
	}
}

@media only screen and (max-width:630px) {
	.angebote-item {
		display: block;
		width: 100%;
	}
	.contact-item {
		display: inline-block;
		width: 100%;
		margin-top: 0.5em;
	}
    #about-text {
		clear: both;
	}
}

@media only screen {
	#contact {
		background-color: gray;
		padding: 0.5em;
		padding-top: 1px;
	}

	#contact, #contact h2, #contact div, #contact a {
		color: white;
	}
}