@charset "utf-8";
/* CSS Document */
/* Farben
--------------------------------------------------- 
Schrift: color:#6B6B6B;
Rot: color:#cf1c28;
*/
/* --------------------------------------------------- */
body, html, header, div, ul{margin:0; padding:0;}
img { max-width: 100%; height: auto; } 
hr{ border-top: 1px solid #9fc7cc; border-bottom: 0px solid #4f98a1; margin:20px 0;}
body{
	background-color: #fff;
	color:#595959;
	color:#6B6B6B;
	font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif;
	font-size: 16px;
	line-height: 160%;
}
/* header
--------------------------------------------------- */
header{
	max-width: 1100px;
	margin: 45px auto;
	padding:0 50px;
	letter-spacing: 1px;
}

@media all and (min-width : 910px) {
	#headerright{
	float: right;
	}
	#headerleft{
		float: left;
	}
	.button, nav{
		display:none!important;
	}
}
nav p{
	display:none!important;
}
.clear{
	clear: both;
}
#name{
	margin: 9px 0 27px 0;
}
#name a, #footer a {text-decoration: none; color:#6B6B6B; }

/* navigation
--------------------------------------------------- */
 a {
    color:#6B6B6B;
}
a:hover {
	color:#cf1c28;
}


@media all and (min-width : 1201px) {
	#navigation{ position:relative; z-index: 10;} /* navigation over jsPane*/
}
@media all and (max-width : 911px) {
	#navigation{display: none;}
	#headerright, #headerleft{
		text-align: center;
	}
	#headerright{
	padding-bottom: 15px;
	}
	header{
	padding:0 40px;
	}
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation ul li {
    display: block;
    position: relative;
    float: left;
	padding: 0 22px 0 0;
}
#navigation li ul {
    display: none;
}
 #navigation ul li a {
    display: block;
    text-decoration: none;
    color:#6B6B6B;
}
#navigation ul li a:hover {
	color:#cf1c28;
}
#navigation li:hover ul {
    display: block;
    position: absolute;
	padding-top: 15px;
}
#navigation ul li ul li a{
	border: 15px solid #ffffff;
	border-top: 0px;
}
#navigation li:hover li {
    float: none;
}
#navigation li:hover a { background: #fff!important; color:#6B6B6B;}


/* content
--------------------------------------------------- */
#main{
	max-width: 1100px;
	margin: 0 auto;
	color: #8a8a8a;
	z-index: 1;
}

@media all and (min-width : 1201px) {
	#contentleft {
    float: left;
    width: 480px;
	}
	#contentright {
    float: left;
    width: 500px;
    padding: 0 0 0 70px;
	}
	#container { width:545px; height: 557px; overflow:auto;}
	#container2{ padding-right:30px;}
}

#quote{
	margin-top: 20px;
	max-width: 440px;
	text-align: center;
	font-style: italic;
	border: 20px solid transparent;
	border-image: url(../img/corner.v3.png) 40 round;
}
#quote p{margin:0; padding:0;}

@media all and (max-width : 1200px) {
	#contentleft, #contentright {
	margin: 0 auto;
    max-width: 480px;
		padding: 0 20px;
	}
	#contentright {
	margin-top: 30px;
	}
	#container { max-width:480px;}
}

/* footer
--------------------------------------------------- */
header{
	letter-spacing: 1px;
}
#footer{
	text-align: right;
	max-width: 1100px;
	margin: 25px auto;
	padding:0 50px;
}
#footer a{ font-size: 13px; }
#footer a:hover{ color:#cf1c28; }

/* Text 
--------------------------------------------------- */
h1{margin-top: 0; padding-top: 0; font-size: 16px; line-height: 16px; color:#6B6B6B;}
h2{ font-size: 16px; color:#6B6B6B;}
#container ul{margin-left: 35px;}

@media all and (min-width : 760px) {
	.show{
		display: none;
	}
}
@media all and (max-width : 759px) {
	.hide{
		display: none;
	}
	#headerleft{
		line-height: 130%;
	}
}

.header1{
	font-size: 22px;
	font-weight: bold;
}
.header2{
	font-size: 15px;
	color: #8a8a8a;
}

@media all and (max-width : 759px) {
	.header1, .header2{ font-weight: bold;}
}

.quotename{
	font-size: 14px;
	font-style: normal;
	padding-top: 7px !important;
}