/* ***************/
/* Body */
/* ***************/

body {
	margin: 0px;
	background: #F2F2F2;
}

a.tellink1[href^="tel"]:link,
a.tellink1[href^="tel"]:visited, 
a.tellink1[href^="tel"]:hover {

    text-decoration: none;
    color: #FFFFFF;  
	cursor: text;
}


/* ***************/
/* iFrames */
/* ***************/

.responsiveContainer {
  	position: relative;
  	padding-bottom: 32%;  
  	height: 0;
  	overflow: hidden;
}

header #fade {
	display: block;
	width: 100%;
	min-height: 650px;
}





/* ***************/
/* Header */
/* ***************/

header {
	display: block;
	width: 100%; 
	height: auto;
	margin: 0px auto;	
}

header .logo {
	position: absolute;
	left: 50%;
	top: 0px;
	
	width: 256px;
	margin: 0px -128px 0px -128px;
	height: 120px;
	
	padding: 0px 0px 0px 0px;
	
	-webkit-box-shadow: -1px 1px 5px #737373, 1px 1px 5px #737373;
	-moz-box-shadow: -1px 1px 5px #737373, 1px 1px 5px #737373;
	box-shadow: -1px 1px 5px #737373, 1px 1px 5px #737373;	
	
	background: #FFFFFF url(../images/img_logo_klein.png) no-repeat center center;
	
	z-index: 2;
}

header .baseline {
	display: block;
	width: 1024px; 
    height: auto;
	margin: 0px auto;
}

header .layer1 {
	display: block;
	width: 100%; 
	height: 55px;
	margin: 0px auto;
	background: #1568B0;
	
	z-index: 1;
}

header .layer1 .telefon {
	float: left;
	margin: 13px 0px 0px 64px;
	padding: 0px 0px 0px 38px;  
	font-family: arial, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 31px;
	height: 31px;
	background: url(../images/img_telefon_klein.png) no-repeat left center;
}

header .layer1 .mail {
	float: right;
	margin: 13px 64px 0px 0px;
	padding: 0px 0px 0px 47px;  
	font-family: arial, serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
	height: 26px;
	background: url(../images/img_mail_klein.png) no-repeat left center;
}



.menu {
	
	position:absolute;
	width: 100%;
	
	margin: -55px 0px 0px 0px;
	
	z-index: 10000;
}


/* ***************/
/* Nav */
/* ***************/

#menubar {
	display: block;
	height: auto;
	cursor: pointer;
} 
#menubar ul {
	display: block;		
	padding: 0px;
	margin: 0px;			
}
#menubar ul li {
	display: inline;	 
}

#menubar ul li .menubutton {
	display: none;
}


nav.nav {
	display: block !important;
}

nav {
	display: block;
	width: 1024px; 
	margin: 0px auto;
	padding: 0px;
	height: auto;

	background: #1568B0;
	z-index: 100000;
}

nav ul {
	overflow: hidden;
	font-size: 18px;	
	color: #FFFFFF;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

nav ul li {
	display: inline-block;	
	float: left;
	text-align: left;
	margin: 0px;
}

nav ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	
	padding: 17px 27px 17px 27px;	 
}



nav ul li a.menulink1 {
	display: block;
	float: left;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	
	padding: 17px 27px 17px 65px;
	width: 55px;
	height: 21px;
}

nav ul li a.menulink2 {
	display: block;
	float: left;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	
	padding: 17px 27px 17px 27px;
	width: auto;
	height: 21px;
}

nav ul li a.menulink3 {
	display: block;
	float: left;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	
	padding: 17px 27px 17px 27px;
	width: auto;
	height: 21px;
}

nav ul li a.menulink4 {
	display: block;
	float: left;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	
	padding: 17px 27px 17px 27px;
	width: 98px;
	height: 21px;
}




nav ul li a:hover {
	color: #D4D4D4;
	font-style: normal;
	
	text-decoration: none;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
}

nav ul li a.active {
	color: #1568B0;
	background: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	
	text-decoration: none;
	font-size: 17px;
}






/* ***************/
/* Aside */
/* ***************/

aside {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	clear: both;
}

aside .baseline1 {
	display: block;
	width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}

aside .layer1 {
	float: left;
	width: 894px;  
    height: auto;
	margin: 0px;
	padding: 65px 65px 65px 65px;
	background: #F1EDDC;
	
	border-top: 27px solid #1568B0;
}

aside .layer1 #highlight {
	color: #1568B0;  
}

aside .layer1 .section1 {
	float: left;
	width: 282px;
	height: auto;
}

aside .layer1 .section1 #bild {
	height: 170px;
	margin: 0px;
}

aside .layer1 .section1 img {
	width: 170px;
	height: auto;
}

aside .layer1 .section1 #text {
	color: #0A0A0A;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
}

aside .layer1 .section2 {
	float: left;
	width: 314px;
	height: auto;
}

aside .layer1 .section2 #bild {
	height: 170px;
	margin: 0px;
}

aside .layer1 .section2 img {
	width: 256px;
	height: auto;
}

aside .layer1 .section2 #text {
	color: #0A0A0A;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	margin: 20px 0px 0px 40px;
}

aside .layer1 .section3 {
	float: left;
	width: 298px;
	height: auto;
}

aside .layer1 .section3 #bild {
	height: 170px;
	margin: 20px 0px 0px 50px;
}

aside .layer1 .section3 img {
	width: 205px;
	height: auto;
}

aside .layer1 .section3 #text {
	color: #0A0A0A;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	margin: 0px 0px 0px 60px;
}






/* ***************/
/* Footer */
/* ***************/

footer {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	clear: both;
}

footer .baseline1 {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px;
	background: #1568B0;
	clear: both;
}

footer .baseline2 {
	display: block;
	width: 100%; 
    height: 30px;
	margin: 0px auto;
	padding: 15px 0px 10px 0px;
	background: #404040;
}

footer .layer1 {
	display: block;
	width: 894px; 
    height: 150px;
	margin: 0px auto;
	padding: 65px 65px 65px 65px;
	background: #1568B0;
}

footer .layer1 #headline {
	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 17px;
	line-height: 25px;
	padding: 4px 0px 4px 0px;
	width: 230px;
	
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

footer .layer1 #text {
	color: #FFFFFF;  
	font-family: arial, sans-serif; 
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
	margin: 35px 0px 0px 0px;
}

footer .layer1 .section1 {
	float: left;
	width: 324px;
	height: auto;
}

footer .layer1 .section2 {
	float: left;
	width: 332px;
	height: auto;
}

footer .layer1 .section3 {
	float: left;
	width: 238px;
	height: auto;
}

footer .layer2 {
	display: block;
	width: 1024px;
	height: auto;
	margin: 0px auto;
}

footer .layer2 #text {
	color: #FFFFFF;  
	font-family: arial, sans-serif; 
	font-size: 15px;
	line-height: 19px;
	font-weight: normal;
}

footer .layer2 .section1 {
	float: left;
	width: 656px;
	height: auto;
	margin: 0px 0px 0px 65px;
}

footer .layer2 .section2 {
	float: left;
	width: 303px;
	height: auto;
	margin: 0px 0px 0px 0px;
}










/* ***************/
/* Links */
/* ***************/

a.link1:link, a.link1:visited {
	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 17px;
	line-height: 26px;
	text-decoration: none;
}

a.link1:hover, a.link1:focus, a.link1:active {
	text-decoration: none; 
}


a.link2:link, a.link2:visited {
	color: #0A0A0A;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: underline;
}

a.link2:hover, a.link2:focus, a.link2:active {
	text-decoration: none; 
}


a.link3:link, a.link3:visited {
	color: #FFFFFF;  
	font-family: arial, serif; 
	font-size: 15px;
	line-height: 19px;
	text-decoration: underline;
}

a.link3:hover, a.link3:focus, a.link3:active {
	text-decoration: none; 
}


a.link4:link, a.link4:visited {
	color: #0A0A0A;  
	font-family: arial, serif; 
	font-size: 15px;
	line-height: 19px;
	text-decoration: underline;
}

a.link4:hover, a.link4:focus, a.link4:active {
	text-decoration: none; 
}




/* ***************/
/* Bullets */
/* ***************/

.bullet1 {
	padding: 15px 0px 0px 25px;

	float: left;	
}

.bullet1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	list-style-position: outside;
}

.bullet1 li {
	color: #1568B0;  
	font-size: 20px;
	line-height: 20px;
	padding: 17px 0px 0px 10px;	
}

.bullet1 li #text {
	color: #0A0A0A; 
	font-family: arial, sans-serif; 
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}



.bullet2 {
	padding: 15px 0px 20px 25px;	
}

.bullet2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	list-style-position: outside;
}

.bullet2 li {
	color: #1568B0;  
	font-size: 20px;
	line-height: 20px;
	padding: 17px 0px 0px 10px;	
}

.bullet2 li #text {
	color: #0A0A0A; 
	font-family: arial, sans-serif; 
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}