/* ###################################
Foxpoint Webprogrammierung Stylesheet
Datum : 04.02.2011
Version : 01.Beta
####################################*/

/* ##################################
	1. Kalibrierung
###################################*/

* { padding:0; margin:0; }

h2, p, ul, ol { margin-bottom: 1em; }

ol ul { margin-bottom:0em; }

li { margin-left: 2em; }

/* ##################################
	2. Allgemeine Styles
###################################*/

body {
   background-color: #FFFFFF; /* dunkles grau */
   color: #333333; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12;
   padding:0px;
   margin:0px;
}

html { height: 100%;
padding:0px;
margin:0px; }

/*

		HYPERLINKS

*/
a { 
text-decoration: none; 
outline:none;
color:#6A911B;
}
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover, a:focus { border-bottom: 1px solid #333333; }
a:active {
	color: #333333;
	
}
/*
		Klassen und IDs
*/
.skiplink {
     position: absolute;
	 top: -5000px;
	 left: -5000px;
	 width: 0;
	 height: 0; 
	 overflow: hidden;
	 display: inline;
	 
}



/* ##################################
	3. Styles für Layoutbereiche
###################################*/
#wrapper {
 	width:900px;
	height:600px;  
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}
	#logobereich {
	margin-top: 8px;
	width:100%;
	height:159px;
	background-image:url("../img/logo_hausmeisterduesseldorf.png");
	}
	#menu {
	width:100%;
	height:30px;
	margin-top: 8px;
	background-image:url("../img/menu_bg.png");
	background-repeat:repeat-x;
	}
		#menu ul {
			padding:0px;
			margin:0px;
			padding-top:5px;
		}
		#menu li {
			margin-left:30px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
			color:#373737;
			list-style-type:none;
			display:inline;
		
		}
		#menu a {
		
		}
		#menu a:hover {
		border:none;
			text-decoration:none;
			color:#6A911B;
		}
		#menu span {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
			font-style:italic;
			color:#6A911B;
		
		}
	#haupt {
		margin-top: 8px;
		width: 880px;
		height:465px;
		background-image:url("../img/bg_haupt.jpg");
		position:relative;
		padding:10px;
	}
		#buehne {
			position:relative;
			width:860px;
			height:445px;
			padding:10px;
			background-color:#FFFFFF;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
		font-size:16px;
			
		}		
		#buehne p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
		font-size:16px;
		}
		
		#buehne h3 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6A911B;
		font-size:18px;
		margin-bottom: 28px;
		}
		#buehne h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6A911B;
		font-size:16px;
		margin-bottom: 10px;
		}
		#buehne a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6A911B;
		font-size:16px;
		margin-bottom: 10px;
		}
		#buehne a:hover {
		border-bottom:#333333 dotted 1px;
		}
	#footer {
	width:100%;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	

/* ##################################
	4. Sonstige Styles
###################################*/
.textfeld {
	width:280px;
	padding: 3px;
	background-color: #6A911B;
	color:#EFEFEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#333333 solid 2px;
	
}
.textbereich {
	width:280px;
	height:100px;
	padding: 3px;
	background-color: #6A911B;
	color:#EFEFEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#333333 solid 2px;
	
}
.Button {
	width:290px;
	padding: 3px;
	background-color: #6A911B;
	color:#EFEFEF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#333333 solid 2px;
	
}
.Button:hover{
	background-color:#EFEFEF;
	color:#6A911B;
	
}
/* ##################################
	ENDE
###################################*/