@charset "utf-8";
/* CSS Document */

	* {
    	margin: 0;
    	padding: 0;
	}
	html {
		background-color:#f0f0f0;
	}
    body {
		position: absolute;
		width:790px;
		height:390px;
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		top: 50%;
		left: 50%;
		margin-left: -379px;
		margin-top: -171px;
		background-color:#ffffff;
		border:10px solid #ebeaea;
    }
	h1.logo {
		position:absolute;
		text-indent:-9999px;
		background-image:url(logo.gif);
		background-repeat:no-repeat;
		width:87px; 
		height:37px;
		top:20px;
		left:20px;
		cursor:pointer;
	}
	h2.slogan {
		position:absolute;
    	font:60% Verdana, Arial, Helvetica, sans-serif;
		width:140px; 
		height:137px;
		top:83px;
		left:20px;				
	}
	h3 {
		position:absolute;
		text-indent:-9999px;
		top:20px;
		width:71px; 
		height:100px;
		cursor:pointer;
	}
	h4 {
		position:absolute;
		color: #76923d;
    	font:60% Verdana, Arial, Helvetica, sans-serif;
		top:160px;
		left:20px;
		width:171px; 
		height:100px;
	}
	.profil {
		background-image:url(profil.jpg);
		background-repeat:no-repeat;
		left: 220px;		
	}
	.angebot {
		background-image:url(leistungen.jpg);
		background-repeat:no-repeat;
		left: 410px;		
	}
	.kunden {
		background-image:url(kunden.jpg);
		background-repeat:no-repeat;
		left: 600px;		
	}
	div#text-profil, div#text-angebot, div#text-kunden {
		position:relative;
		height: 230px;
		width:160px;
		font: 60% Verdana, Arial, Helvetica, sans-serif;
		line-height:14px;
		top: 65px;
		padding-top: 70px;
		padding-left: 10px;
		padding-right: 10px;
		background-image:url(transp-back.png);	
	}
	div#text-profil {
		z-index:10;
		left:210px;
	}
	div#text-angebot {
		z-index:20;
		left:400px;
	}
	div#text-kunden {
		z-index:30;
		left:590px;
	}
	div#text-angebot li, div#text-kunden li {
		line-height:20px;
		list-style-type:none;
	}
	ul#kontakt-navigation {
		position:absolute;
		width:200px;
		height:150px;
		font:60% Verdana, Arial, Helvetica, sans-serif;
		top:326px;
		left:20px;				
	}
	ul#kontakt-navigation li {
		margin-bottom:2px;
		list-style-type:none;
	}
	ul#kontakt-navigation li a {
		color:#000000;
		text-decoration:none;
	}
	div#text-kontakt, div#text-partner, div#text-impressum {
		position:relative;
		height: 200px;
		width:447px;
		font: 60% Verdana, Arial, Helvetica, sans-serif;
		line-height:14px;
		top: 125px;
		margin-top: 40px;
		margin-left: 30px;
		margin-right: 10px;		
	}
	div#text-kontakt a, div#text-partner a, div#text-impressum a {
		color:gray;
	}
	div#text-kontakt, div#text-partner, div#text-impressum {
		z-index:10;
		left:190px;
	}