html, body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: white;
	font-family: Calibri, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Sans-serif;
	background-image: url("../img/bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #0a2d5c;
	}
	
:focus {
    outline: 0;
	}	
	
a:link, a:visited, a:active {
	color: white;
	}
	
a:hover {
	font-weight: bold;
	}		

h1 {
	text-transform: lowercase;
	position: absolute;
	color: #98b0cc;
	line-height: 80%;
	left: 50%;
	margin-left: -300px;
	top: 260px;
	}

h2 {
	font-size: 1.2em;
	text-transform: lowercase;
	clear: both;
	color: white;
	}
	
h4 {
	font-size: 85%;
	margin: 0;
	padding: 0;
	clear: both;
	}	

p, ul {
	font-size: 85%;
	line-height: 160%;
	}
	
a img, h3 a img {
	border: none;
	}

/* IDs und Vererbungen */
	
#leistungen ul, #kunden ul, #kontakt ul {
	margin: 2em 0 0 0;
	padding: 0;
	font-size: 85%;
	list-style: none;
	color: #98b0cc;
	line-height: 160%;
	}

#leistungen ul li, #kunden ul li  {
	display: inline;
	padding-right: 2em;
	}
		
#content {
	position: absolute;
	left: 50%;
	margin-left: -345px;
	width: 690px;
	top: 480px;
	}

#leistungen {
	width: 330px;
	display: inline;
	float: left;
	}

#kunden {
	width: 330px;
	display: inline;
	float: right;
	}

#kunden ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}	
	
	
#arbeiten {
	display: block;
	width: 690px;
	margin:  23.6em 0 0 0;
	}
	
#arbeiten h3 {
	
	background-repeat: no-repeat;
	background-image: url("../img/li.gif");
	display: block;
	width: 690px;
	color: white;
	height: 1em;
	padding: 0.9em 0 0.9em 0;
	margin: 0;
	font-size: 85%;
	font-weight: normal;
	}
	
#arbeiten h3 a {
	text-decoration: none;
	}
	
#arbeiten span {
	margin: 0 0 0 .5em;
	color: #98b0cc;
	}

#ssbd, #mmdl, #divo, #utv, #bb, #dwdl {
	background-image: url("../img/pbg.gif");
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	}
	
#ssbd img, #mmdl img, #divo img, #utv img, #bb img, #dwdl img, #quartiermeister img {
	margin: 0.35em 0 0.35em 0;
	border: 4px solid #98b0cc;
	display: inline;
	}	
	
h3 a img {
	border: none !important;
	float: left;
	padding-right: .5em;
	}

#ssbd_slide, #mmdl_slide,  #divo_slide, #utv_slide, #bb_slide, #dwdl_slide, #quartiermeister_slide {
	margin-bottom: 1.3em;
	display: none;
	}	

#ssbd .beschreibung, #mmdl .beschreibung, #divo .beschreibung, #utv .beschreibung, #bb .beschreibung, #dwdl .beschreibung, #quartiermeister .beschreibung {
	margin: 0.2em 0 2em 0.5em;
	float: right;
	width: 24.25em;
	padding-top: 0;
	display: inline;
	}	
	
#arbeiten ul, #arbeiten ul li  {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#arbeiten li span {
	margin: 0;
	padding: 0;
	color: #98b0cc;
	}
	
	
#kontakt {
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 0;
	margin-top: 3em;
	background-image: url("../img/kontaktbg.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 16em;
	padding: 0 0 2.4em 0;
	}
	
	
#kontakt span {
	color: #98b0cc;
	padding: 0;
	margin: 0;
	}		
	
#karte {
	width: 280px; 
	height: 180px;
	border: 4px solid #98b0cc;
	float: right;
	margin-bottom: 0;
	}	

#hrsim {
	border: none;
	width: 690px;
	height: 1px;
	background-image: url("../img/li.gif");
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}
	
/* Klassen */	

.welcome {
	font-size: 2em;
	}

.marcus {
	color: white;
	font-size: 1em;
	}
	
span.fn {
	color: white !important;
}	
	
/*layouts smaller than 550px, iPhone and mobiles*/
/*
@media screen and (max-device-width: 480px), screen and (max-width: 600px) {

#content {
	position: absolute;
	margin-left: 0;
	left: 0; 
	width: 100%;
}

h1 {
padding-left: 1em;
	font-size: 2em;
	text-transform: lowercase;
	position: absolute;
	color: #98b0cc;
	line-height: 80%;
	top: 230px;
	margin-left: 0;
	left: 0;
	
	}

#leistungen {
padding-left: 2em;
	float: left;
	display: block;
	
	}

#kunden {
padding-left: 2em;
	float: left;
	display: block;
	
	}
	
	#arbeiten {
	display: none;
	}
	
	#karte {
	display: none;}
       
    }	
*/