/* CSS fuer den Lehrstuhl "Informatik in Bildung und Gesellschaft"
 * - erfuellt das neue Corporate Design der HU, Stand: April 2004
 * - erfuellt die Vorgaben "Barrierefreie Webseiten
 * 
 * links: http://www.cms.hu-berlin.de/portale/entwickler/barrierefreiheit/
 *        http://www.hu-berlin.de/hu/design/design.html
 */

body {
	color:						#000000;
	/* background-color:			#e4e3e8; */
	background-color:			#ffffff;
	background-repeat:			no-repeat;
	background-attachment:		fixed;
	font-family: 				"Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 					medium;
	text-align: 				left;
	background:					url('../Bilder/HG_ohne_Start.jpg');	
}

img {
	border:							0px;
	margin:							0px;
	padding:						0px;
}

img.imgmenu {
	top:	0px;
	left:	0px;
	
}
hr {
	width: 100%;
	height: 1px;
	border-width: 0px;
	background-color: #00376c;
}

a {
	color: #000099;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul.normalbullets li {
		list-style: url('../Bilder/bullet_blue.gif');
}


li {
	padding-bottom:		10px;
	list-style: none;
}

ul.ecken li {
	padding-bottom:		10px;
	list-style: url('../Bilder/bullet_ecke.gif');
}

li.links {
	padding-bottom:		20px;
	list-style: url('../Bilder/bullet_ahref.png');
}

ul.validator {
	margin:			60px 0px 0px 0px;
	padding:		5px;
	list-style:		none;
	white-space:	nowrap;
}

ul.validator li {
	padding-left: 20px;
	display:	inline;
	font-size:	xx-small;
	color: #bbbbbb;
}

ul.validator li a {
	font-size:	xx-small;
	color: #bbbbbb;
	text-decoration: none;
}


p.p1 {
	font-size: normal;
}
p.p2 {
	font-size: small;
}

span.debug {
	font-size: xx-small;
	color: #dddddd;
}

div.postanschrift {
	float:left;
	width: 40%;
	font-size: small;
	text-align: right;
}

div.hausanschrift {
	float:right;
	width: 50%;
	font-size: small;
}
 
div.image_container
{
	width: 100%;
	clear: both;
	
}

div.image_left
{
	clear: both;
	float: left;
	border: 1px;
	border-style: none;
	border-color: #000000;
	padding: 2px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	font-style: italic;
}

div.image_right
{
	float: right;
	border: 1px;
	border-style: dotted;
	border-color: #000000;
	padding: 2px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	font-style: italic;
}


div.cleaner
{
	clear: both;
}


#navbar {
	position: absolute;
	top:	 10px;
	left:	10px;
}

#wastelogo {
	position: absolute;
	top:	22px;
	left:	250px;
}

#wastelogo a span.bild{
	display: block;
}
#wastelogo a span.text {
	display: none;
}

#husiegel {
	position: absolute;
	left: 740px;
	top: 10px;
	
}

#husiegel span {
	text-align: left;
}

#husiegel a span.bild{
	display: block;
}
#husiegel a span.text {
	display: none;
}

#lehrstuhllogo {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.babel {
	padding-left: 10px;
	font-size: small;
	text-align: left;
}

.babel a {
	text-decoration: none;
}

.babel a:hover {
	text-decoration: underline;
}
#blende_content {
	position: absolute;
	left: 240px;
	width: 630px;
	top: 730px;
	height: 100%;
	background-image:			url('../Bilder/streifen.jpg');
	background-repeat:			repeat-y;
	
	z-index: 20px;
}

body > #blende_content {
	position: fixed;
}


#content {
	position: absolute;
	top: 120px;
	left: 290px;
	width: 550px;
	/*
	left: 240px;
	width:630px;
	*/
	padding: 0px;
	z-index: 30;
	/*
	background-image:			url('../Bilder/streifen.png');
	background-repeat:			repeat-y;
	*/
	margin: 0px;
}

#content span {
	padding-left: 0px;
	/* color: #ff0000; */
}

#title span.frontpage {
	display: none;
}

#menu {
	position: absolute;
	top: 120px;
	left: 50px;
	width: 215px;
	/* height: 480px; */
	text-align: right;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	/* background-color:			#e4e3e8; */
		
	background-image:			url('../Bilder/Streifen_mitte.jpg');
	background-repeat:			repeat-y;

	z-index: 60;
}

body>#menu {
	/*
	geht nicht.. die armen pda browser
	position: fixed;
	*/
}

#menu span {
	

}

#content_menu {
	position: relative;
	top: 0px;
	left: 23px;
}

#content_menu ul.menu li {
	padding-bottom:		20px;
	padding-right:		20px;
	list-style: url('../Bilder/bullet_start.png');
}

#content_menu ul.menu li a {
	font-weight: normal;
	font-size: normal;
	text-decoration: none;
	color: #000000;
	
}

#content_menu ul.menu li a:hover {
	font-weight: normal;
	font-size: normal;
	text-decoration: underline;
	color: #000000;
	
}




#menu span.frontpage li a {
	font-weight: bold;
}

#menu span.frontpage li {
	padding-bottom:		20px;
	list-style: url('../Bilder/bullet_ecke.gif');
}

img#menutop {
	position: absolute;
	left: 0px;
	top: 0px;
}

img#menulogo {
	position: absolute;
	left: 10px;
	top: 10px;
}

img#menubottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#extrainfo {
	position: absolute;
	top: 0px;
	left: 320px;
}

#extrainfo span.links {
	text-align: left;
}
#extrainfo span.rechts {
	text-align: right;
}

#statusbar {
	position: relative;
	bottom: 10px;
}