font@charset "utf-8";

html{
	height:100%;
}

body{
	background-image:url(hintergrund.svg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	
	font-family:"Arial";
	margin:0px;
	padding:0px;
	height:100%;
}

a{
	text-decoration:none;
	color:inherit;
}

img{
	border:none;
}

li{
	list-style-image:url(pfeil.png);
	margin-bottom:25px;
}

#kopfleiste{
	z-index:2;
	width:100%;
	height:30px;
	
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
		
	background-color:#666666;
	background-image:url(kopfleiste_hg.jpg);
		
	padding-top:10px;

	font-size:14px;
	color:#FFFFFF;
}

.kopflinks{
	margin-left:10px;
	margin-right:10px;
}

#gesamt{
	position:relative;
	width:100%;
	max-width:600px;
	height:100%;
	margin:auto;
}

#banner{
	margin-top:10%;
	margin-bottom:25px;
}

#banner_home{
	margin-top:25%;
}

#inhalt{
	font-size:15px;
	color:#666666;
}

#einleitungstext{
	margin-bottom:50px;
}

#lead{
	margin-bottom:25px;
}

.themen{
	display:block;
	width:550px;
	height:30px;
	margin:25px;
}

a#arbeitssicherheit{
	background-image:url(arbeitssicherheit.png);
}

a#arbeitssicherheit:hover{
	margin:0px;
	width:600px;
	height:190px;
	background-image:url(arbeitssicherheit_text.png);
}

a#brandschutz{
	background-image:url(brandschutz.png);
}

a#brandschutz:hover{
	margin:0px;
	width:600px;
	height:190px;
	background-image:url(brandschutz_text.png);
}

a#umweltschutz{
	background-image:url(umweltschutz.png);
}

a#umweltschutz:hover{
	margin:0px;
	width:600px;
	height:190px;
	background-image:url(umweltschutz_text.png);
}

#fusszeile{
	color:#666666;
	font-size:12px;
}

#kontakt{
	width:500px;
	margin-left:25px;	
}