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

body {
	margin: 0px;
	background: #FFFFFF;
}
 
#anker {
	display: block;
	height: 0px;	
	margin-top: 0px;
	visibility: hidden;
}
 
#anker1, #anker2, #anker3, #anker4, #anker5 {
	display: block;
	height: 100px;	/* Headline 50px + baseline1 padding 50px */
	margin-top: -100px;
	visibility: hidden;
}

#weiterer-text {
	display: block;
	height: 50px;
	margin-top: -50px;
	visibility: hidden;
}

.scroll-to-top-link {
    position: fixed;
    right: 0%;
    bottom: 0%;
    cursor: pointer;
	
	background: url(../images/scroll-to-top-link.png) no-repeat;
	width: 50px;
	height: 50px;
}


.menu {
	width: 100%;
	z-index: 200;
}

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

header .desktop {
	display: none; 
}

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

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

header .mobil .layer1 {
	display: block;
	width: 100%; 
    height: 40px;
	background: #FFCB06;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
	
	color: #687375;  
	font-family: arial, serif; 
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

header .mobil .layer2 {
	display: block;
	width: 100%; 
    height: 120px;
	background: #FFFFFF;
	margin: 0px;
}

header .mobil .layer2 .logo {
    float: left;
    width: 280px;
	height: 75px;
    margin: 20px 20px 0px 20px;
	padding: 0px;
    background: url("../images/img_logo_mobil.png") no-repeat;	
}

header .mobil .layer3 {
	display: block;
	width: 100%; 
    height: 257px;
	margin: 0px auto;
}

header .mobil .layer3 .headline {
	display: block;
	width: 100%; 
    height: 257px;
	margin: 0px auto;
	
    background: url(../pictures/headline_s.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-attachment: scroll;
	background-position: center center;
}

header .container {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 100%;
     
	padding-top: 0px;
	margin: 0px auto;
	transition: all 0.6s ease 0s;
	
	text-align: center;
}

header .container #content {
	display: inline-block;
	color: #687375;  
	font-family: arial, serif; 
	font-size: 20px;
	font-weight: bold;
	
	background-color: rgba(255, 203, 6, 0.75);
	
	margin: 0px 30px 0px 30px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	
	position: relative;
    -webkit-animation: mymove 0.6s forwards; /* Safari 4.0 - 8.0 */
    animation: mymove 0.6s forwards;
	visibility: hidden;
	animation-delay: 1s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    from {top: -90px; visibility: hidden;}
    to {top: 0px; visibility: visible;}
}

@keyframes mymove {
    from {top: -90px; visibility: hidden;}
    to {top: 0px; visibility: visible;}
}




/* ***************/
/* 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: inline-block;
	width: 100%;
	margin: 0px auto;
	height: 50px;
	
	text-align: center;
	box-sizing: border-box;
	padding-top: 14px;		
	cursor: pointer;
	  
	font-family: arial, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #687375;
	font-weight: bold;
	clear: both;	
}
	
nav {
	display: none;
	height: auto;
}

nav a {
	display: inline-block;
	width: 100%;
	padding: 13px 0px 13px 0px;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
}

nav ul {
	overflow: hidden;
	font-size: 18px;	
	color: #404040;
	padding: 0px;
	text-align: left;
	width: 100%; 
	margin: 0px auto;
	background-color: #D9D9D9;
	padding-left: 0px;
}

nav ul li {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
	text-align: center;
	border-bottom: 1px solid #7F7F7F;
}

nav ul li:hover {
	color: #404040;
	background-color: #FFCB06;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
}











/* ***************/
/* Main */
/* ***************/

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

main .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	background: #FFFFFF;
}

main .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	background: #D9D9D9;
}

main .layer1 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer1 .button {  
	float: left;
	height: 30px;
	width: 260px;
	background: #FFCB06 url(../images/img_button_klein.png) no-repeat;
	-moz-border-radius: 0px 0px 0px 0px; /* Firefox */
	-webkit-border-radius: 0px 0px 0px 0px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 0px 0px; /* Konqueror */
	border-radius: 0px 0px 0px 0px; /* CSS3 */
	padding: 12px 0px 0px 40px;
	border: 0px;

	font-family: arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

main .layer1 .gab {
	margin: 35px 0px 0px 0px;
}

main .layer1 .section1 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer1 .section1 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section1 #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section1 .pic {	
	float: left;
}

main .layer1 .section1 #img {
	background: url(../pictures/team_2020_s.jpg) no-repeat;
	width: 300px; 
    height: 182px;
	margin: 30px 0px 0px 0px;
}

main .layer1 .section1 .pic #caption {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: rgba(217, 217, 217, 1);
	padding: 5px;
	
	width: 290px;
	height: auto;
	color: #595959;  
	
	font-family: arial, serif; 
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}

main .layer1 .section2 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 20px 0px 0px 0px;
	
	position: relative;
}

main .layer1 .section2 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

main .layer1 .section3 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer1 .section3 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section3 #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section3 .pic {	
	float: left;
}

main .layer1 .section3 #img {
	background: url(../pictures/emblem_s.jpg) no-repeat;
	width: 300px; 
    height: 197px;
	margin: 30px 0px 0px 0px;
}

main .layer1 .section3 .pic #caption {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: rgba(217, 217, 217, 1);
	padding: 5px;
	
	width: 290px;
	height: auto;
	color: #595959;  
	
	font-family: arial, serif; 
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}

main .layer1 .section4 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer1 .section4 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section4 #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section4 .pic {	
	float: left;
}

main .layer1 .section4 #img {
	background: url(../pictures/firmengebaeude_s.jpg) no-repeat;
	width: 300px; 
    height: 212px;
	margin: 30px 0px 0px 0px;
}

main .layer1 .section4 .pic #caption {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: rgba(217, 217, 217, 1);
	padding: 5px;
	
	width: 290px;
	height: auto;
	color: #595959;  
	
	font-family: arial, serif; 
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}

main .layer1 .section5 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer1 .section5 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section5 #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section5 .pic {	
	float: left;
}

main .layer1 .section5 #img {
	background: url(../pictures/lagerhalle_s.jpg) no-repeat;
	width: 300px; 
    height: 183px;
	margin: 30px 0px 0px 0px;
}

main .layer1 .section5 .pic #caption {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: rgba(217, 217, 217, 1);
	padding: 5px;
	
	width: 290px;
	height: auto;
	color: #595959;  
	
	font-family: arial, serif; 
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}



main .layer1 .section6 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer1 .section6 #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section6 #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer1 .section6 .pic {	
	float: left;
}

main .layer1 .section6 #img {
	background: url(../pictures/kran_s.jpg) no-repeat;
	width: 300px; 
    height: 198px;
	margin: 30px 0px 0px 0px;
}

main .layer1 .section6 .pic #caption {
	display: block;
	margin: 0px 0px 0px 0px;
	background-color: rgba(217, 217, 217, 1);
	padding: 5px;
	
	width: 290px;
	height: auto;
	color: #595959;  
	
	font-family: arial, serif; 
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}




main .layer2 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer2 #p1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	clear: both;
}

main .layer2 .section1, main .layer2 .section2,
main .layer2 .section4, main .layer2 .section5,
main .layer2 .section7, main .layer2 .section8,
main .layer2 .section10, main .layer2 .section11 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 25px 0px 0px 0px;
}

main .layer2 .section3, main .layer2 .section6, main .layer2 .section9, main .layer2 .section12 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 25px 0px 0px 0px;
}

main .layer2 .headline {
	float: left;
	width: 300px; 
    height: auto;
	padding: 15px 0px 15px 0px;
	
	background: #FFCB06;
	text-align: center;
	
	color: #687375;  
	font-family: arial, serif; 
	font-size: 22px;
	font-weight: bold;
}

main .layer2 .caption {
	float: left;
	width: 280px; 
    height: auto;
	padding: 15px 10px 15px 10px;
	
	background: #FFFFFF;
	text-align: left;
	
	color: #595959;  
	font-family: arial, serif; 
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
}

main .layer2 .pic1 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung1.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic2 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung2.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic3 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung3.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic4 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung4.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic5 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung5.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic6 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung6.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic7 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung7.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic8 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung8.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic9 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung9.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic10 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung10.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic11 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung11.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

main .layer2 .pic12 {
	float: left;
	width: 300px;
	height: 201px;
	background-image: url(../pictures/leistung12.jpg);
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}




main .layer2a {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	
	position: relative;
}

main .layer2a .section {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer2a #p1 {
	float: left;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

main .layer2a #p2 {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

main .layer2a .button {  
	float: left;
	height: 30px;
	width: 260px;
	background: #FFCB06 url(../images/img_button_klein.png) no-repeat;
	-moz-border-radius: 0px 0px 0px 0px; /* Firefox */
	-webkit-border-radius: 0px 0px 0px 0px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 0px 0px; /* Konqueror */
	border-radius: 0px 0px 0px 0px; /* CSS3 */
	padding: 12px 0px 0px 40px;
	border: 0px;

	font-family: arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

main .layer2a .gab {
	margin: 35px 0px 0px 0px;
}




main .layer3 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer3 #p1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	clear: both;
}

main .layer3 iframe {
	overflow-x: hidden;
	width: 300px;
	height: 200px;
	margin: 35px 0px 0px 0px;
}





main .layer3a {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer3a .button {  
	float: left;
	height: 30px;
	width: 260px;
	background: #FFCB06 url(../images/img_button_klein.png) no-repeat;
	-moz-border-radius: 0px 0px 0px 0px; /* Firefox */
	-webkit-border-radius: 0px 0px 0px 0px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 0px 0px; /* Konqueror */
	border-radius: 0px 0px 0px 0px; /* CSS3 */
	padding: 12px 0px 0px 40px;
	border: 0px;

	font-family: arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

main .layer3a .gab {
	margin: 35px 0px 0px 0px;
}

main .layer3a #p1 {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

main .layer3a .section {
	float: left;
	width: 300px; 
    height: auto;
	margin: 20px 0px 0px 0px;
}

main .layer3a .section #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer3a .section #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer3a .section .pic {	
	float: left;
}

main .layer3a .section .pic #img {	
	background: url(../pictures/solardachziegeln_s.jpg) no-repeat;
	width: 300px; 
    height: 218px;
	
	margin: 20px 0px 0px 0px;
}





main .layer3b {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer3b .button {  
	float: left;
	height: 30px;
	width: 260px;
	background: #FFCB06 url(../images/img_button_klein.png) no-repeat;
	-moz-border-radius: 0px 0px 0px 0px; /* Firefox */
	-webkit-border-radius: 0px 0px 0px 0px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 0px 0px; /* Konqueror */
	border-radius: 0px 0px 0px 0px; /* CSS3 */
	padding: 12px 0px 0px 40px;
	border: 0px;

	font-family: arial, sans-serif; 
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

main .layer3b .gab {
	margin: 35px 0px 0px 0px;
}

main .layer3b #p1 {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

main .layer3b .section {
	float: left;
	width: 300px; 
    height: auto;
	margin: 20px 0px 0px 0px;
}

main .layer3b .section #p1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer3b .section #p2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer3b .section .pic {	
	float: left;
}

main .layer3b .section .pic #img {	
	background: url(../aktuell/nachhaltigkeitscheck_s.png) no-repeat;
	width: 300px; 
    height: 406px;
	
	margin: 20px 0px 0px 0px;
}








main .layer4 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer4 iframe {
	width: 300px;
	height: 870px;
	margin: 0px 0px 0px 0px;
}

main .layer5 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer5 #p1 {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

main .layer5 #p2 {
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

main .layer5 .section1 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 0px 0px 0px 0px;
}

main .layer5 .section2 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 20px 0px 0px 0px;
}

main .layer5 .section3 {
	float: left;
	width: 300px; 
    height: auto;
	margin: 20px 0px 0px 0px;
}

main .maps {
	position: relative;
  	padding-bottom: 70%;
  	height: 0;
  	overflow: hidden;
}

main .maps iframe {
	position: absolute;
  	top: 0;
  	left: 0;
	width: 100%;
  	height: 100%;
}





main .layer0 {
	display: block;
	width: 300px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
}

main .layer0 #p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

main .layer0 #p2 {
	margin: 0px 0px 0px 0px;
}





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

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

footer .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	background: #687375;
}

footer .baseline2 {
	float: left;
	width: 100%; 
    height: 60px;
	margin: 0px auto;
	padding: 15px 0px 5px 0px;
	background: #FFCB06;
}

footer .layer1 {
	display: block;
	width: 320px;
	height: auto;
	margin: 0px auto;
}

footer .layer1 .section1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 10px 0px 10px; 
}

footer .layer1 .section1 #logo {
	display: block;
	width: 280px;
	height: 75px;
	
	background-image: url(../images/img_footer-logo_l.png);
}

footer .layer1 .section1 #text {
	color: #D9D9D9;  
	font-family: arial, serif; 
	font-size: 16px;
	font-weight: bold;
	
	margin: 12px 0px 0px 0px;
	padding: 0px;
}

footer .layer1 .section2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 50px 10px 0px 10px;
}

footer .layer1 .section2 #text {
	color: #FFCB06;  
	font-family: arial, serif; 
	font-size: 22px;
	font-weight: bold;
	
	margin: 15px 0px 20px 0px;
	padding: 0px;
}

footer .layer1 .section3 {
	float: left;
	width: 300px;
	height: auto;
	margin: 50px 10px 0px 10px;
}

footer .layer1 .section3 ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
	font-family: arial, serif;
	color: #2A3A3D;  
	font-size: 16px;
	font-weight: normal;
}

footer .layer1 .section3 li.telefon {
	background: url(../images/img_icons.png) 0px 0px no-repeat;
	height: 30px;
	margin: 0px;
	padding: 9px 0px 0px 60px;	
}

footer .layer1 .section3 li.telefax {
	background: url(../images/img_icons.png) 0px -50px no-repeat;
	height: 30px;
	margin: 0px;
	padding: 17px 0px 0px 60px;
}

footer .layer1 .section3 li.mail {
	background: url(../images/img_icons.png) 0px -110px no-repeat;
	height: 30px;
	margin: 0px;
	padding: 12px 0px 0px 60px;
}




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

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

footer .layer2 .section1 .image1 {
	display: block;
	margin: 80px 0px 0px 0px;
	background: url(../images/img_footer-stripe_kl.png) -12px -41px no-repeat;
	width: 270px;
	height: 160px;
}

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

footer .layer2 .section2 .image2 {
	display: block;
	margin: 60px 0px 0px 0px;
	background: url(../images/img_footer-stripe_kl.png) -338px -10px no-repeat;
	width: 195px;
	height: 195px;
}

footer .layer2 .section3 {
	float: left;
	width: 296px;
	height: auto;
	margin: 0px 12px 0px 12px; 
}

footer .layer2 .section3 .image3 {
	display: block;
	margin: 60px 0px 0px 0px;
	background: url(../images/img_footer-stripe_kl.png) -583px -40px no-repeat;
	width: 296px;
	height: 150px;
}








footer .layer3 {
	display: block;
	width: 320px;
	height: auto;
	margin: 0px auto;
}

footer .layer3 #text {
	color: #687375;  
	font-family: arial, serif; 
	font-size: 16px;
	line-height: 18px;
}

footer .layer3 .section1 {
	float: left;
	width: 300px;
	height: auto;
	margin: 0px 10px 0px 10px;
}

footer .layer3 .section2 {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 10px 0px 10px;
}











/* ***************/
/* Text */
/* ***************/

h1 {
	color: #595959;  
	font-family: arial, serif; 
	font-size: 25px;
	font-weight: bold;
	margin: 0px;
}

h3 {
	color: #595959;  
	font-family: arial, serif; 
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	margin: 0px;
}







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

a.link1:link, a.link1:visited {
	color: #2A3A3D;
	font-family: arial, serif; 
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}

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


a.link2:link, a.link2:visited {
	color: #687375;  
	font-family: arial, serif; 
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
}

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


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

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


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

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



/* ***************/
/* Tellinks */
/* ***************/

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

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

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

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

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

    text-decoration: none;
    color: #2A3A3D;  
	cursor: text;
}





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

.bullet1 {
	padding-left: 0px;
	padding-top: 5px;
	margin-left: 0px; 
}

.bullet1 ol {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: inside;
}

.bullet1 li {
	color: #595959;  
	font-family: arial, sans-serif; 
	font-size: 15px;
	line-height: 18px;
	margin-top: 15px;
}