/* ###################################
Stylesheet der "Little Boxes" DVD 
Datum : 27.01.2008
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:#EFEFEF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  overflow:scroll;
  background-image:url("../img/background.jpg");
  background-repeat:repeat-x;


}

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



/*
		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:970px;
	background-color: #8181E4;
	border:#FFFFFF solid 1px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
}
	#haupt {
	   background-color:#FFFFFF;
	   border:#333333 solid 1px;
	   width:950px;
	   margin-left:auto;
	   margin-right:auto;
	   margin-top:10px;
	   margin-bottom:10px;
	   padding: 3px;
	}
	#kopf {
	width:100%;
	height: 103px;
	background-color:#0000FF;
	margin-bottom: 10px;
	}
	#logobereich {
	float: left;
	background-color:#FFFFFF;

	}
	#loginbereich {
	   float:left;
	   width:258px;
	   height:93px;
	   padding:5px;
	   background-color: #8181E4;
	   font-family:Verdana, Arial, Helvetica, sans-serif;
	   font-size:10px;
	   color:#333333;
	   border:#333333 solid 1px;
	}
	#hauptmenue {
		width:953px;
		height:30px;		
		float:left;
		background-color:#FFFFFF;
		background-image:url("../img/bg_menu.png");
		background-repeat:repeat-x;
	}
		#hauptmenue ul {
			padding-top: 3px;
			padding-left: 4px;
		}
		#hauptmenue li {
			display: inline;
			list-style-type: none;
			margin-left: 10px;
			margin-right: 10px;
		}
		#hauptmenue a {
			text-decoration:none;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
		}
		#hauptmenue span {
			text-decoration:none;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#333333;
			background-color:#FFFFFF;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 8px;
			padding-bottom: 7px;
			border-left: #333333 solid 1px;
			border-right: #333333 solid 1px;
			border-top: #333333 solid 1px;

		}
		#ausgabe {
		clear: both;
		width: 950px;
		height:auto;
		}
		#ausgabe_untermenu {
		width: 250px;
		float:left;
		margin-right:20px;
		background-color:#FFFFFF;
		}
			#ausgabe_untermenu li {
				list-style-type:none;
			}
			#ausgabe_untermenu span {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#8181E4;
				font-weight:bold;
			}
			#ausgabe_untermenu a {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#333333;
				font-weight:100;
				text-decoration:none;
			}
			#ausgabe_untermenu a:hover {
				color:#8181E4;

			}
		#ausgabe_text {
		width:600px
		float:left;
	    background-color:#FFFFFF;
		margin-left:260px;
		min-height: 550px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		#footer {
			font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		text-align:right;
		width: 100%;
		}
	
/* ##################################
	ENDE
###################################*/