html, body {
	background-color:#F0F0F0; 
	color: #333333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

a 	{color: #333333;}
a:hover {color: #333333;}
a 	{text-decoration: none;} 

#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
	} 
#suche { 
	position: absolute;
	top: -5px; 
	left: 28%; 
	margin:-100px 0px 0px -200px;
	transition: all 1s ease;
 	opacity: 0;
	overflow:hidden;
	margin:5px;
	padding:0;
	width:400px;
	height:60px;
	border-style:solid; 
	border-width:1px; 
	border-color:grey; 
	border-radius:35px; 
	box-shadow:20px 20px 20px #333;
	z-index:2;
	}
#suche:hover {
	opacity: 1.0;
	}
.ddglogo {
	position:absolute; 
	top: 6px; 
	left: 30%;
	z-index:1;
	}
.status {
	position:absolute; 
	top: 710px; 
	left: 22%;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	z-index:3;
	}

#box 	{ 
	position: absolute; 
	top: 5px; 
	right: 10px; 
	}
.shoutbox  {
	width: 270px;
	height: 720px;
	margin:0px; 
	border-style:solid; 
	border-width:1px; 
	border-color:grey; 
	border-radius:10px; 
	box-shadow:5px 5px 5px #888;
	}
	
#emoticon {
	position: absolute; 
	top: 11px; 
	right: 20px; 
	}

#contrast {
	position:absolute; 
	bottom: 15px; 
	left: 2px;
	opacity: 0.4;
	}
#contrast:hover {
	opacity: 1.0;
	}

#lcsbar {
	position:absolute; 
	top: -5px;
	left: 200px;

	width:1280px; 
	height:720px; 
	overflow:hidden;
	}
	
#solobar {
	top: -35px;
	left: -10px;	
	width:975px; 
	height:720px; 
	overflow:hidden;
	}	
	
.embed  {position:absolute;
	margin:10px; 
	border-style:solid; 
	border-width:1px; 
	border-color:grey; 
	border-radius:10px; 
	box-shadow:5px 5px 5px #888;
	}


	
.links  {
	background-color:#EEEEFF; 
	margin:10px; 
	border-style:solid; 
	border-width:1px; 
	border-color:grey; 
	border-radius:10px; 
	box-shadow:5px 5px 5px #888;
	}	
	
#linksjens {

	top: -5px;
	left: 210px;
	width: 180px; 
	height: 270px; 
	overflow:hidden;
	}
	
#linkssonstige {

	top: 407px;
	left: 210px;
	width: 180px; 
	height: 270px; 

	overflow:hidden;
	}	

#stundenplan {
	background-color:#EEEEFF; 
	position:absolute; 
	top: 689px;
	left: 210px;
	margin:-100px 0px 0px -200px;	
	width:12%; 
	height: 135px;
	overflow:hidden;
	border-style:solid; 
	border-width:1px; 
	border-color:grey; 
	border-radius:10px; 
	box-shadow:5px 5px 5px #888;
	}		

#buttonbar {
	position: absolute; 
	bottom: 0px;
	left: 55%;	
	width:100%; 
	height: 50px;
	margin-left: -700px;
	opacity: 0.1;
	transition: all 2s ease-in;
	}
#buttonbar:hover {
	opacity: 1.0;
	transition: all 1s ease-out;
	}
	
.unten {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color: #333333;
	position:absolute; 
	bottom: 2px; 
	right: 10px;
	}

/* Ab hier nur für Loginseite	*/

fieldset { 
	border-radius: 7px; 
	border: 2px #666666 solid; 
	padding: 10px; 
	width: 330px; 
	margin-top: 10px; 
	}

fieldset legend { 
	border: 2px #FF6666 solid; 
	color: black; 
	font: 13px Verdana; 
	padding: 2 5 2 5; 
	border-radius: 37px; 
	}

label { 
	width: 100px; 
	padding-left: 0px; 
	margin-top: 7px; 
	float: left; 
	text-align: left; 
	}

input { 
	margin: 5px; 
	padding: 1px; 
	float: left; 
	}

#loginformular {
	position: absolute; 
	top: 250px; 
	left: 50%; 
	margin:-100px 0px 0px -200px;	
	width:300px; 
	}		
	
#submit { 
	margin: 5px; 
	padding: 0px; 
	float: left; 
	width: 50px; 
	background-color: white; 
	}

#error_notification {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 3px #FF0000 solid;
	height: 15px;
	padding: 4px;
	background: #FFE0E0;
	text-align: center;
	border-radius: 5px;
	}


br 	{ 
	clear: left; 
	}

.loginbutton{
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}

.loginbutton:hover{
	border:1px solid #ADADAD;
	background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
}