/*
------------------------------------------
 CSS christa-arnold.at 
 Homepage Version 1.0
 Online: 22.10.2008
 Autor: www.adesign.at
------------------------------------------ 
*/

* {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
body{
	background:#ECEEEF url(../images/bg.png) repeat-x;
	margin: 0;
	padding: 0;
}
a {
	color: #999999;
}
a:hover {
	color: #666666;
}
h1 {
	color : #666666;
	padding: 0 0 3px 0;
	font-size: 13px;
	font-weight: bold;
}
h2 {
	clear: both;
	padding: 0 0 0 0;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}
h3 {
	margin-bottom: 20px;
	font-size: 100%;
	font-weight: bold;
}
h4 {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
}
p {
	color : #666666;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding: 0 0 0 0;
	font-weight: inherit;
}

/* ------------------- Layout ------------------- */

#wrapper {
	width: 870px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 870px;
	height: 157px;
	margin: 0 auto;
	float: left;
}
	#header_bild {
		background: transparent url(../images/header_bild.png);
		width: 200px;
		height: 147px;
		float: left;
		margin-left: 31px;
		margin-top: 10px;
		z-index: 1;		
	}
		#logo {
			background: transparent url(../images/logo.png) no-repeat 0 0;
			width: 195px;
			height: 138px;
			float: left;
			margin-left: 40px;
			margin-top: 24px;
			z-index: 1;
		}
#top {
	background: transparent url(../images/top.png) no-repeat 0 0;
	width: 870px;
	height: 98px;
	margin: 0 auto;
	float: left;
}
	#navigation {
		height: 39px;
		width: 550px;
		margin-top: 10px;
		margin-left: 11px;
		float: left;
		text-align: left;
	}
		#willkommen {
			background: transparent url(../images/willkommen.png) no-repeat 0 0;
			height: 31px;
			width: 467px;
			margin-top: 15px;
			margin-left: 43px;
			float: left;
		}
#container {
	background:#ECEEEF url(../images/container.png) repeat-y;
	width: 870px;
	float: left;
	padding-bottom: 15px;
}
	#right {
		width: 312px;
		margin-top: -239px;
		margin-right: 15px;
		float: right;
		text-align: left;
	}
	#kontakt {
		background: transparent url(../images/kontakt.png) no-repeat 0 0;
		width: 312px;
		height: 350px;
		margin-top: 0px;
		float: right;
		text-align: left;
	}
		#adresse {
			width: 270px;
			margin-top: 47px;
			margin-left: 21px;
			float: left;
			text-align: left;
		}
		#kontaktForm {
			width: 272px;
			float: left;
			margin-left: 21px;
			text-align: left;
		}
		#content {
			width: 510px;
			margin: 25px 0 0 20px;
			float: left;
			text-align: left;
		}
			#contentLeft {
				background: transparent url(../images/wuerfel.png) no-repeat 0 0;
				width: 11px;
				height: 11px;
				margin: 5px 0 0 0;
				float: left;
			}
				#contentText {
					width: 490px;
					margin: 0 0 0 0;
					padding-left: 6px;
					padding-top: 5px;
					float: left;
					text-align: left;
				}
					#right_content {
						background: transparent url(../images/referenzen.png) no-repeat 0 0;
						width: 292px;
						margin-top: 5px;
						margin-left: 10px;
						padding-top: 25px;
						padding-left: 12px;
						float: right;
						text-align: left;
					}


/* ------------------- Navigation ------------------- */

#menu{
	background: transparent url(../images/navi.png) repeat-x top left;
	display:block;
	height:39px;
	width: 550px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight: bold;
}

#menu ul{
	list-style-type:none;
	width:auto;
	margin:0;
	padding:0;
}

#menu ul li{
	display:block;
	float:left;
	margin:0;
}

#menu ul li a{
	background:transparent url(../images/bg_navi.png) no-repeat top right;
	height:23px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	padding:11px 20px 0 20px;
}

#menu ul li a:hover,#menu ul li a.current{
	background:#fff url(../images/naviA.png) no-repeat top right;
	color:#9F0000;
}

/* ------------------- Footer ------------------- */

#footer {
	height: 25px;
	background: transparent url(../images/footer.png) no-repeat 0 0;
	clear: both;
	padding: 23px 0 10px 0;
	text-align: center;
}
	#footer p {
		color: #999999;
		font-family : Georgia, "Times New Roman", Times, serif;
		font-size: 9px;
		font-weight: bold;
	}
		#footer a {
			color: #999999;
			font-family : Georgia, "Times New Roman", Times, serif;
			font-size: 9px;
			font-weight: bold;
		}
			#footer a:hover {
				color: #5C5C5C;
				font-family : Georgia, "Times New Roman", Times, serif;
				font-size: 9px;
				font-weight: bold;
				text-decoration: blink;
			}
			
/* ------------------- Kleine Bilder ------------------- */

#containerBilder {
	width: 520px;
	height: 80px;
	margin: 40px 0 0 10px;
	float: left;
}
	#bild1, #bild2, #bild3, #bild4 {
		height: 80px;
		width: 120px;
		float: left;
		margin-left: 10px;
	}
		#bild1 {
			background: transparent url(../images/bild_1.png) no-repeat;
			float: left;
		}
		#bild2 {
			background: transparent url(../images/bild_2.png) no-repeat;
			float: left;
		}
		#bild3 {
			background: transparent url(../images/bild_3.png) no-repeat;
			float: left;
		}
		#bild4 {
			background: transparent url(../images/bild_4.png) no-repeat;
			float: left;
		}