/* 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
 */

@import url('lva.css');

body {
	color:						#000000;
	background-color:			#e4e3e8;
	/* background-image: url('/Bilder/HG_ohne_Forschung.jpg'); */
	background-repeat:			no-repeat;
	background-attachment:		fixed;
	font-family: 				"Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 					small;
	text-align: 				left;
	
}
abbr
{
	cursor: help;
}
table
{
	width: 100%;
	text-align: left;
	border: 0px;
}
th
{
	border-bottom: 1px solid black;
}
td
{
	border-bottom: 1px dotted black;
}
img {
	border:							0px;
	margin:							0px;
	padding:						0px;
}

img.imgmenu {
	top:	0px;
	left:	0px;
	
}
abbr {
	border-bottom: 0;
}

acronym {
	border-bottom: 0;
}

hr {
	width: 100%;
	height: 1px;
	border-width: 0px;
	background-color: #00376c;
}

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

/* COLOURS */
.rot {
	color: #880000;
}
/*
a.extern:after {
	content:url('/Bilder/bullet_ahref.png');
}
*/
ul.normalbullets li {
		list-style: url('/Bilder/bullet_blue.gif');
}


ul.pfeile li {
	padding-bottom:		10px;
	list-style: url('/Bilder/bullet_pfeile.png');
}

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');
}

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

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;
}

ul.nav {
	margin:			0px;
	padding:		5px;
	white-space:	nowrap;
}

ul.nav li {
	font-size:	small;
	display:	inline;
	padding-left: 5px;
	margin-right: 10px;
	border: 0px;
	border-left: 1px;
	border-style: solid;
}

ul.nav li a {
	text-decoration: none;
}




h1 {
	font-size: x-large;
}
h2 {
	font-size: large;
}
h3 {
	font-size: medium;
	font-weight: bold;
}
h4 {
	font-size: small;
}
h5 {
	font-size: x-small;
}

h1.titel {
	font-size: x-large;
}
h2.zwischentitel {
	font-size: large;
}


 
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: 5px;
	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:	10px;
	left:	10px;
}

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

#husiegel {
	position: absolute;
	left: 900px;
	top: 10px;
}
body>#husiegel {
	position: fixed;
}

#husiegel a img {
	padding-bottom: 15px;
}


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

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

body > #blende_content {
	position: fixed;
}


#content {
	position: absolute;
	top: 0px;
	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: 50px;
	left: 50px;
	width: 235px;
	/* 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 {
	/*
	ie5+ kennt kein fixed attribut
	*/
	position: fixed;
}

#menu span {

}


#menu ul.menu  {
	margin-top: 50px;
}


#menu ul.menu li {
	padding-bottom:		20px;
	padding-right:		20px;
	list-style: none;
}

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

#menu ul.menu li a:hover {
	font-weight: normal;
	font-size: medium;
	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');
}


/* xhtml1.1 erlaubt kein p innerhalb von span */
span.footnote p {
	font-size: x-small;
}

span.footnote a {
	margin-right: 15px;
}

div.footnote p {
	font-size: x-small;
}

div.footnote a {
	margin-right: 15px;
}

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

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

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

#babel {
	position: absolute;
	top: 280px;
	right: 10px;
}

.babel {
	display: block;
	font-size: small;
}

.babel a {
	text-decoration: none;
}

.babel a:hover {
	text-decoration: underline;
}

#extrainfo {
	position: absolute;
	top: 600px;
	right: 10px;
	
}

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

.zentriert {

}

img {

border: 0;

}

.hell img {

float: right;

}