/* Allgemeine Einstellungen */

body, div, td, li, input, textarea, select, option, optgroup {
 font-family: "Trebuchet MS", arial, sans-serif;
 font-size: 12px;
 color: black;
}

div, h2 {
 position: absolute;
}

body, div, option {
 background-color: white;
}
  
body, div, ul, img {
 margin: 0;
 padding: 0;
 border: none;
}

body {
 background-image: url('../images/berlin-panorama-ohne-logo.jpg');
 background-repeat: no-repeat;
}

html, body {
 margin-bottom: 20px;
}
 
#main, #submenu, .block, option, optgroup, .mbox {
 background-color: #eec;

}

#logo {
 position: absolute;
 top: 9px;
 left: 7px;
}

#berlin {
 top: 105px;
 left: 104px;
 color:white;
 font-weight: 900;
 background-color: transparent;
}

#aktuell {
 top: 2%;
 left: 22%;
 padding: 1%;
 width: 54%;
 _width: 56%;
 border: 2px solid #554;
 background-color: #ffe;
}

#aktuellschriftzug {
 padding: 0;
 margin: 0;
/* bottom: -11px; 
 top: -20px; */
 top: -4px;	
/* right: 5px; */
 right: 3px;
 color: #eec;
/* font-size: 50px; */
 font-size: 35px;
 font-weight: 700;
 background-color: transparent;
 z-index: 1;
}

#aktuell a {
 text-decoration: underline;
}

a {
 color: black;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}
   
table {
 width: 100%;
}

td {
 vertical-align: top;
 padding-bottom: 15px;
}

td.firstchild {  /* IE erkennt :first-child nicht. :( */
 font-weight: 700;
 width: 30%;
 text-align: right;
 padding-right: 5px;
}

tr.kopfzeile {
 font-weight: 700;
}

h3 {
 font-size: 14px;
 font-weight: 700;
}

dt {
	font-weight: 700;
}

p.unterschrift {
 text-align: right;
 font-size: 11px;
 margin-top: 2px;
}
/* Formulare */

form {
 width: 100%;
/* height: 100%; */ /* stoert bei der Shoutbox... :-( */
}
 
input {
 border: 0 solid #fff; /* border: none funktioniert nicht bei Opera */
 border-bottom: 1px dashed black;
 background-color: transparent;
}

input.text {   /* IE erkennt [type=""] nicht :( */
 width: 100%;
}

input.text:focus, input.url:focus {
 border-bottom: 1px solid black;
}

input.radio {  /* IE erkennt [type=""] nicht :( */
 border: none;
}

input.url { width: 80% }

textarea {
 border: 1px dashed black;
 background-color: transparent;
 width: 95%;
 height: 100px;
}

textarea:focus {
 border: 1px solid black;
}

select, input.submit { /* IE erkennt [type=""] nicht :( */
 border: 1px solid black;
 background-color: transparent;
 font-weight: 500; 
}



/* Hauptleiste oben */

#headline {
 display: none;
} 

#mainmenu {
 top: 150px;
 left: 21%;
 list-style-type: none; 
 width: 60%;
}

#mainmenu {
 position: absolute;
 background-color: white;
}

#mainmenu li {
 float: left;
 width: 33%;
 height: 18px;
}

span {
 position:absolute;
 background-repeat: no-repeat;
}

#schueler span{background-image: url('../images/schueler.gif');height: 18px; width: 86px;}
#hochschul span{background-image: url('../images/hochschul.gif');height: 18px; width: 108px;}
#akademiker span{background-image: url('../images/akademiker.gif');height: 18px; width: 120px;}

    

/* Hauptbereich mitte */

#main {
 top: 175px;  left: 20%;
  min-height: 87%;
  height: auto;
 _height: 87%; /* IE-Hack: Der Unterstrich _ ist erlaubt, sollte aber dazu fuehren, dass die Angabe ignoriert wird. Der IE interpretiert sie trotzdem, das wird genutzt, um die im IE fehlende Funktion min-height zu ersetzen. Eventuell entsteht jedoch hier ein Fehler in der Darstellung bei zukuenftigen Versionen des IEs. Neue Vorschlaege sind also willkommen... */
 padding: 10px 2%; /* 10px oben und unten, 2px links und rechts */
  width: 55%;
 _width: 60%;
 border: 2px solid #554;
}
 
h1 {
 font-size: 14px;
}

#welcome, .infobox {
 margin: 25px 60px;
 padding: 15px;
 background-color: #ffe;
}
    
#main	a {
/* border-bottom: 1px dotted black; /* border ohne width wird von IE 5 nicht angezeigt :-( */
 text-decoration: underline;
}

#main a:hover {
/* border-bottom: 1px solid black; /* border ohne width wird von IE 5 nicht angezeigt :-( */
 text-decoration: none;
}

#einfuehrung {
	top: -55px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#einfuehrung a {
	font-weight: 200;
	color: #bbb;
	text-decoration: none;
}

#einfuehrung a:hover {
	color: #000000;
}

#musikbox {
	width: 1px;
	height: 1px;
	visibility: hidden;
}

#main li {
	margin-left: 40px;
	margin-bottom: 10px;
}


.rooms_s {
 border-left: 5px solid black;
 padding: 5px;
 width: 95%;
 margin-bottom: 0px;
 margin-top: 40px;
}

.rooms_a {
 border: 1px solid black;
 padding: 5px;
 width: 95%;
 margin-bottom: 0px;
 margin-top: 40px;
}

.datapic {
	margin-bottom: -5px;

}

#submenu {
 top: 15px;
 right: 15px; 
 border: 1px dotted #554; 
 padding: 5px;
 z-index: 2;
} 

/* Bloecke links und rechts */

.block {
 width: 15%;
 _width: 16%;
 border: 2px solid #554;
 padding: 5px;
}

.blocktitle {
 margin: 0;
 width: 100%;
 top: -25px;
 left: 10px;
 font-size: 14px;
}


#navigation {
 top: 350px;
 left: 10px;
/* border-left: none; */
}

#diverses {
 top: 470px;
 left: 10px;
}

#homepages {
 top: 200px;
 left: 10px;
/* border-left: none; */
}

#dates, #menuright, #dates_s, #dates_h, #dates_a {
 top: 200px;
 right: 10px;
/* border-right: none; */
}
 
#dates a, #menuright a, #dates_s a, #dates_h a, #dates_a a{
 width: 90%;
 font-size: 12px;
}

#dates p, , #dates_s p, , #dates_h p, #dates_a p {
 padding: 15px 15px 2px 2px; 
}

#dates_s {top: 350px}
#dates_h {top: 290px}
#dates_a {top: 290px}
 
.schueler  {color: #0c0ce0;}
.hochschul  {color: #e20202;}
.akademiker {color: #1ad21a;}