/* ###################################
Stylesheet Foxpoint 2010
Datum : 11.03.2010
Version : 1.04e
####################################*/

/* ##################################
	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: 10px;
   background-image:url("../img/bg_verlauf.png");
   background-repeat:repeat-x;
}

html { height: 100% }
h1 { font-size: 150%; }
h2 { font-size: 130%; }


/*

		HYPERLINKS

*/

/*
		Klassen und IDs
*/
.skiplink {
     position: absolute;
	 top: -5000px;
	 left: -5000px;
	 width: 0;
	 height: 0; 
	 overflow: hidden;
	 display: inline;
	 
}



/* ##################################
	3. Styles für Layoutbereiche
###################################*/
#wrapper {
  
}
	#webside {
		width:900px;
		height:550px;
		border:#999999 solid 1px;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFFFFF;
		margin-top:50px;
	}
	#kopf {
		height: 105px;
		width: 100%;
	}
		#kopf_oben {
		 height: 85px;
		 width: 100%;
		 margin-bottom:0px;
		 padding-bottom:0px;
		}
			#logo {
				padding-left: 5px;
				padding-top: 5px;
				float:left;
				width: 300px;
				height: 100%;
			}
			#loginbereich {
				width: 880px;
				height: 100%;
				text-align:right;
				padding-right: 5px;
				padding-top: 5px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#999999;
			}
			
			
		#kopf_unten {
			width:750px;
			height: 20px;
			margin-left: 160px;
			padding-left:0px;
			float:left;
			margin-top:0px;
		 	padding-top:0px;
			padding-bottom: 5px;
		}
			#kopf_unten form{
				padding:0px;
				margin:0px;
				
			}
		#buehne{
			height:435px;
			width:100%;
		}
			#navigation {
				height:435px;
				width:150px;
				float:left;
				pad
			}
			    #navigation ul {
					padding-top:5px;
				}
				#navigation li {
					width: 140px;
					height: 30px;
					background-color: #0099FF;
					margin-bottom: 5px;
					list-style-type:none;
					margin-left:5px;
					padding-left:10px;
					padding-top: 15px;
				}
				#navigation a {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #FFFFFF;
					text-decoration:none;
				}
				#navigation span {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #FFFFFF;
					text-decoration:none;
					font-weight:bold;
				}
				#navigation a:hover,
				#navigation a:active
				{
					font-weight:bold;
				}
				#navigation img {
				padding-left: 30px;
				padding-bottom: 4px;
				}
			#ausgabe {
				background-color:#EFEFEF;
				border:#999999 solid 1px;
				margin-left: 15px;
				margin-top:5px;
				padding: 5px;
				height:415px;
				overflow:auto;
				width:435px;
				float:left;
			}	
			#ausgabe h1 {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:16px;
				color:#666666;
				font-weight:bold;
				padding-bottom: 3px;
			}
			#ausgabe p {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666666;			
			}
			#ausgabe ul {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
			}			
				#ausgabe li {
					list-style-type:none;
				}
				#ausgabe a,
				#ausgabe a:hover,
				#ausgabe a:active {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#333333;
					font-weight:700;
				}
			#sidepic {
				padding-top: 10px;
				margin-top: 5px;
				margin-left: 618px;
				width: 277px;
				height:425px;	
			}
				#sidepic img {
					border: #999999 solid 1px;
				}
			
	#fuss {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color: #999999;
		width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 5px;
	}	

	#fuss p {
		text-align:right;
	}
	#fuss a,
	#fuss a:hover,
	#fuss a:active,
	#fuss a:visited {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
		font-size:9px;
		text-decoration:none;
	}		
	



/* ##################################
	4. Sonstige Styles
###################################*/
.loginfield {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 100px;
	height: 12px;
	border: #999999 solid 1px;
	color: #0099FF;
	margin-top: 1px;
}
.loginfield_pass {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 85px;
	height: 12px;
	border: #999999 solid 1px;
	color: #0099FF;
	margin-top: 1px;
}
.loginbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 102px;
	background-color:#FFFFFF;
	color: #0099FF;
	border: #0099FF solid 1px;
	
}
.suchfeld {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 380px;
	height: 16px;
	border: #999999 solid 1px;
	color: #0099FF;
	padding: 0px;
	margin: 0px;

	
}
.suchbtn {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width: 20px;
 	height: 18px;
	border: #999999 solid 1px;
	color: #0099FF;
	background-color:#FFFFFF;
}


/* ##################################
	ENDE
###################################*/