@CHARSET "UTF-8";

/* Setzt default Werte für ALLES, muss dann immer enstprechend überschrieben werden */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Auswahlbutton von select wieder fixen */
option { padding-left: 0.4em; }

/* Zentriere die gesamte Seite für den IE */
html, body {
	text-align: center;
}

/* Blockquote wieder herstellen */
blockquote, cite {
	margin-left: 30px;
}

/*
 * Fix für den Disappearing-List-Background-Bug im IE <= 6
 * In der Museenlistenavigation verschwanden die Klekse.
 */
ul, ol, dl { position: relative; }


/*
 * Zentriert das gesamte Layout und setzt die Breite fest
 */
div#wrapper {
	width: 990px;
	height: 1024px;
	margin: 0 auto;
	text-align: left;
}

/*
 * T O P
 */
div#top_wrapper {
	width: 100%;
	height: 180px;
}

/* Top Linke Spalte */
div#top_links {
	position: relative;
	width: 180px;
	height: 180px;
	z-index: 100;
	background-image: url(../images/top_links.gif);
}

/* Top Content */
div#top_center {
	position: relative;
	top: -180px;
	left: 168px;
	width: 600px;
	height: 180px;
	z-index: 10;
}

/* Top Rechte Spalte */
div#top_rechts {
	position: relative;
	top: -410px;
	left: 750px;
	width: 240px;
	height: 180px;
	z-index: 100;
	background-image: url(../images/top_rechts.gif);
}

/* Top Navigation */
div#navi_top {
	position: relative;
	top: -360px;
	width: 500px;
	height: 50px;
	margin: 0 auto;			/* zentrieren */
	z-index: 200;
}

/*  T O P   E N D  */



/* Linke Spalte */
div#links_wrapper {
	position: relative;
	top: 0px;
	width: 224px;
	height: 844px;
	background-image: url(../images/links.gif);
	z-index: 100;
}

/* Content */
div#content_wrapper {
	position: relative;
	top: -844px;
	left: 180px;
	width: 575px;
	height: 844px;
	z-index: 10;
	background: #fff;
	overflow: hidden;	/* Verhindere graue Fläche unten */
}

/* Rechte Spalte */
div#rechts_wrapper {
	position: relative;
	top: -1688px;
	left: 750px;
	width: 240px;
	height: 844px;
	background-color: #fff;
	background-image: url(../images/rechts.gif);
	z-index: 100;
}


/* Suchbox */
div#searchbox {
	position: relative;
	width: 170px;
	height: 31px;
	margin: 25px 7px 0 7px;
}
div#searchbox #emuSearchBox {
	float: left;
	width: 148px;
	height: 20px;
	padding: 0;
}
div#searchbox #emuGo {
	float: right;
	padding: 1px 0;
}

/* linke Navigation */
div#navi_links {
	margin: 15px 34px 0 15px;
}

/* Partner */
div#partnerbox {
	width: 175px;
	margin: 25px 10px 0 10px;
}


/* rechte Museen Navigationsleiste */
div#navi_museen {
	margin: 0 2px 0 10px;
}

/* Museums Legende */
div#museen_legende {
	z-index: 250;
	position: relative;
	top: 50px;
	left: 25px;
	width: 180px;
	margin: 15px;
}


/*
 * Museum Container
 */
 
/* Museum Nummer */
div#museum_nummer {
	float: left;
	margin-left: 10px;
	margin-top: 50px;
	width: 50px;
	height: 770px;
	background-repeat: no-repeat;
}
/* Museum Content */
div#museum_content_wrapper {
	float: left;
	margin-top: 50px;
	margin-left: 8px;
	height: 770px;
	width: 500px;
}
/* PDF und Druck Links */
div#museum_print {
	position: absolute;
	bottom: 20px;;
	right: 20px;
}
#link_print {
	margin-right: 10px;
	/* display: none; */
}
/* E N D  Museum Container */



/*
 * Flexible Content Elements
 */

/* @todo: Klasse für die Elemente?!?! mit padding, width, etc... */


/* Museums Übersichtsseite */
div#museum_header {
	margin-bottom: 25px;
}
/* Linke Spalte der Museumsübersicht */
div#museum_haupt_wrapper {
	float: left;
	width: 293px;
}
div#museum_nextback.linkbox {
	position: relative;
	top: 40px;
	width: 160px;
}
/* Rechte Spalte der Museumsübersicht */
div#museum_zusatz_wrapper {
	float: right;
	width: 200px;
	margin-left: 5px;
}
/* Tipp Wrapper */
div#museum_tipp {
	position: relative;
	width: 200px;
	height: 200px;
}
/* Eigenes div für den Hintergrund, kann es sonst nicht in TV zuweisen */
div#tipp_kleks {
	position: absolute;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
}
div#museum_tipp h1 {
	position: absolute;
	top: 30px;
	left: 75px;
	width: 25px;
}
div#tipp_text {
	position: absolute;
	top: 44px;	
	left: 47px;
	width: 108px;
	height: 105px;
}
div#museum_bild {
	margin-top: 10px;
}
div#museum_gallerylink {
	margin-top: 10px;
	width: 70%;
}
div#museum_kontakt {
	margin-top: 50px;
	border: 1px solid #a8e073;
	padding: 10px 3px 10px 12px;
}
/* E N D   Museums Übersichtsseite */


/* Freier Inhaltsbereich, Schulen */
div#museum_content_wrapper .haupt_header {
	margin-left: 0px;
	padding-top: 0px;
}
div#museum_content_wrapper .free_text_content {
	margin-left: 0px;
}
/* E N D   Freier Inhaltsbereich, Schulen */


/*
 * Presse
 */
div#presse_wrapper {
	width: 500px;
	margin-left: 50px;
}

div#presse_bilder_wrapper {
	float: left;
	width: 125px;
}
div#presse_content_wrapper {
	float: right;
	width: 360px;
	margin-left: 15px;
}
div#presse_content_wrapper .bild {
	vertical-align: top;
	padding-right: 3px;
	
}
div#presse_archiv {
	margin-top: 30px;
}

div#presse_kontakt {
	margin-top: 30px;
}

div#presse_verteiler {
	margin-top: 30px;
}

div#presse_verteiler #mailform {
	width: 400px;
}

/* E N D   FCE */ 


/*
 * Kalender
 */
.tx-cal-controller {
	width: 500px;
	margin-left: 50px;
}
/* Auf der Museumsseite keinen linken Abstand */
div#museum_content_wrapper .tx-cal-controller, .free_text_content .tx-cal-controller {
	margin-left: 0px;
}

.tx-cal-controller dl {
	width: 500px;
}
/* E N D   Kalender */


/*
 * Freier Inhaltsbereich für Hauptseiten
 */
.haupt_header {
	width: 500px;
	margin-left: 50px;
	padding-top: 40px;
}
.free_text_content {
	width: 500px;
	margin-left: 50px;
}
/* E N D   Freier Inhaltsbereich für Hauptseiten */

/*
 * Indexed Search
 */
.tx-indexedsearch {
	width: 500px;
	margin-left: 50px;
	padding-top: 30px;
}
.tx-indexedsearch-browsebox {
	margin-top: 5px;
	margin-bottom: 10px;
}
/* E N D   Indexed Search */



/* Freies 2 Spaltenlayout */
/* linke Spalte mit Trennlinie rechts */
div#column_links {
	float: left;
	width: 50%;
	margin-left: 7px;
	margin-right: 10px;
	border-right: solid 1px #000; /* Nur zum sehen */
}

/* rechte Spalte 50% funktioniert nicht */
div#column_rechts {
	float: left;
	width: 45%;
	margin-left: 10px;
	margin-right: 5px;
}




#mailform input {
	border: solid 1px black;
}

.free_text_content .csc-header h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}


/*
 * Nachrichten auf der Hauptseite
 */
/* Aktuelles für die Startseite */
div.nachrichten-latest-container {
	width: 500px;
	margin-left: 50px;
	margin-top: 10px;
	padding: 5px 5px 5px 1px;
}
/* Fest codierte Überschrift Neues bei den EMU */
div.nachrichten-latest-container h2 {
	margin: 3px;
	margin-bottom: 15px;
	font-size: 16px;
	text-transform: uppercase;
}


/* Nachricht Container */
div.nachrichten-latest-item {
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #a8e073;
	/*background-color: #F9FFE5;*/
	overflow: hidden;	/* float clearing */
	width: 100%;	/* Float clearing für den IE6!!! */
}
/* Nachrichten Datumsfeld */
div.nachrichten-latest-datum {
	float: right;
	padding-left: 4px;
}
/* Nachrichten ganzer Artikel Feld */
div.nachrichten-latest-mehr {
	float: right;
}
div.nachrichten-gotoarchive {
	float:right;
}

.nachrichten-latest-item img {
	margin: 10px 5px 3px 0;
	border: 1px solid #666;
	float: left;
}

/* Nachrichten Überschrift */
.nachrichten-latest-item h3 a {
	color: black;
}
.nachrichten-latest-item h3 a:hover {
	text-decoration: none;
}

/* Links in Nachrichten */
.nachrichten-latest-item a {
	color: #bdd30a;
	text-decoration: none;
}
.nachrichten-latest-item a:hover {
	text-decoration: underline;
}


/* float clearing für die Kalenderevents in der Liste */
div.tx-cal-controller dl { overflow: hidden }

/* Link zu der Karte oben rechts
 * @todo: platzieren irgendwo oben
 */
div#kartelupe {
	position: absolute;
	top: 20px;
	left: 30px;
}

a#flyerdownload {
	margin-left: 55px;
}

/* Geburtstagsboxen Bestellformular */
.subcolumns { width: 100%; overflow:hidden; }
.c50l, .c50r { width: 50%; }
.c50l {float:left }
.c50r {float:right; margin-left:-5px }
.subc {padding:0}

#form_geburtstagsbox .subcolumns label {width:70px}
#form_geburtstagsbox .checkbox label {display:inline; float:none; width:80%; margin-left:5px}


/* Prospektbestellung (formhandler) */
#form_prospekte legend {display:none}
#form_prospekte .auswahl label {display:inline; float:none}
#form_prospekte .auswahl .csc-mailform-field {margin:6px 0}
#form_prospekte .csc-mailform-field label {margin-bottom:2px}
#form_prospekte #mailform .csc-mailform-submit {margin-top:15px}