@charset "utf-8";
/* CSS Document */
		* { margin: 0; padding: 0 }
		
		p { text-align: left; margin: 0px 0px 5px 0px }
		
		p, ul { font-size: 11px; line-height: 1.4em } 
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { margin-bottom: 5px; padding-bottom: 3px; text-align: left; text-indent: 0px; color: #999999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px }
		
		body {
			font-family: Verdana, Arial;
			background: #ffffff url(../bilderIndex/hinterGrauNavi.gif) repeat-x top;
			color: #333333;
			width: 100%;
			margin: 0px;
			padding: 0px;
			text-align: center;
			padding-bottom: 20px;
		}
		
/*//---------meine Sachen----------*/
.erst {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	background-color: #666699;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	}
h5 {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	margin: 5px 0px 0px 0px;
	color: #53517D;
	}

#haupt {
	width: 860px;
	position: absolute;
	left: 50%;
	margin-left: -430px;
	text-align: left;
	}
#steine {
	position: absolute;
	width: 450px;
	height: 338px;
	left: 50%;
	margin-left: -245px;
	margin-top: 129px;
	background-image: url(../bilderKontakt/kontBild.jpg);
	background-repeat: no-repeat;
	float: left;
	}
/*-----*/
#feld {
	width: 100%;
	height: 470px;
	margin-top: 50px;
	}
#feld p {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 75px;
	}
#tele {
	position: absolute;
	width: 100%;
	top: 395px;
	}
#copy p {
	text-align: center;
	font-size: 10px;
	margin-top: 35px;
	}
#copy a {
	text-decoration: none;
	color: #666699;
	}
/*----- neue Navi -------*/
#navi {
	position: absolute;
	height: 34px;
	width: 860px;
	top: 0px;
	left: 50%;
	margin-left: -430px;
	z-index: 50000;
	float: left;
	text-align: left;
	}
#leiste {
	width: 100%;
	height: 34px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	background-image: url(../bilderKontakt/logoKontakt.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
#navi a {
	text-decoration: none;
	display: inline-block;
	outline: none;
	width: 100px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
#history {
	position: absolute;
	display: none;
	width: 100px;
	height: 68px;
	left: 460px;
	float: left;
	margin: 0px;
	padding: 0px;
	}	
#projekte {
	position: absolute;
	left: 560px;
	display: none;
	width: 100px;
	height: 170px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
#design {
	position: absolute;
	display: none;
	width: 100px;
	height: 170px;
	left: 660px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
/*---- Battons ----*/
#batHome {
	background-image: url(../battons/home1.gif);
	}
#batHome:hover {
	background-image: url(../battons/home2.gif);
	}
#batPortfolio {
	background-image: url(../battons/portfolio1.gif);
	}
#batPortfolio:hover {
	background-image: url(../battons/portfolio2.gif);
	}
#batProjekte {
	background-image: url(../battons/projekte1.gif);
	}
#batProjekte:hover {
	background-image: url(../battons/projekte2.gif);
	}
#batDesigns {
	background-image: url(../battons/design1.gif);
	}
#batDesigns:hover {
	background-image: url(../battons/design2.gif);
	}
#batKontakt {
	background-image: url(../battons/kontakt1.gif);
	}
#batKontakt:hover {
	background-image: url(../battons/kontakt2.gif);
	}
#batGeschichte {
	background-image: url(../battons/gesch1.gif);
	}
#batGeschichte:hover {
	background-image: url(../battons/gesch2.gif);
	}
#batVita {
	background-image: url(../battons/vita1.gif);
	}
#batVita:hover {
	background-image: url(../battons/vita2.gif);
	}
#batKI {
	background-image: url(../battons/innen1.gif);
	}
#batKI:hover {
	background-image: url(../battons/innen2.gif);
	}
#batAachen {
	background-image: url(../battons/aachen1.gif);
	}
#batAachen:hover {
	background-image: url(../battons/aachen2.gif);
	}
#batKB {
	background-image: url(../battons/brauns1.gif);
	}
#batKB:hover {
	background-image: url(../battons/brauns2.gif);
	}
#batRoden {
	background-image: url(../battons/roden1.gif);
	}
#batRoden:hover {
	background-image: url(../battons/roden2.gif);
	}
#batMoenchen {
	background-image: url(../battons/moenchen1.gif);
	}
#batMoenchen:hover {
	background-image: url(../battons/moenchen2.gif);
	}
#batBaeder {
	background-image: url(../battons/baeder1.gif);
	}
#batBaeder:hover {
	background-image: url(../battons/baeder2.gif);
	}
#batKamine {
	background-image: url(../battons/kam1.gif);
	}
#batKamine:hover {
	background-image: url(../battons/kam2.gif);
	}
#batGaerten {
	background-image: url(../battons/garten1.gif);
	}
#batGaerten:hover {
	background-image: url(../battons/garten2.gif);
	}
#batKuechen {
	background-image: url(../battons/kuechen1.gif);
	}
#batKuechen:hover {
	background-image: url(../battons/kuechen2.gif);
	}
#batPlast {
	background-image: url(../battons/plast1.gif);
	}
#batPlast:hover {
	background-image: url(../battons/plast2.gif);
	}
/*---- END Navi ----*/