﻿
/* ************************* Jena ******************************************
** Allgemeine Angaben
*/
.source_text {
font-style:italic;
}



body {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family: arial, verdana, sans-serif;
font-size:70%;
color:#666;
line-height:1em;
background:#fff;
text-align:center; /* Die Bereichsdivs mittig ausrichten */
}

.alert {
float:left;
margin:0px;
padding:0px;
background:#ff3300;
color:#FFFFFF;
}

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

a:hover {
color:#666;
}


/* Klasse, um Links mit Pfeil zu erzeugen  */
a.pfeil {
padding:0px 0px 0px 15px;
}


h1 {
padding:0px;
font-size:1.4em;
text-align:center;
}

h2 {
margin:0px 0px 0px 0px;
padding:0px;
font-size:1.3em;
}

ul li {
	margin: 5px;
	list-style-position: outside;
	list-style-image: url('link_image_dunkel.gif');
}

/* vor ie/mac verstecken \*/
ol li {
margin:5px;
}
/* vor ie/mac verstecken ende */

/* allgemeine Formulardefinitionen */
label {
float:left;
width:9em;
margin:0px 5px 9px 10px;
}

textarea {
width:200px;
height:150px;
border:1px solid gray;
margin:0px 0px 7px 0px !important;
}

form br {
clear:left;
}

.buttonstyle {
border:1px solid black;
background:#ff3300;
color:#fff;
}
.buttonstyle_back {
margin:0px 0px 0px 10px;
border:1px solid black;
background:#ff3300;
color:#fff;
}
* html .buttonstyle_back {
margin:0px 0px 0px 0px;
}


.input_no_width {
border:1px solid gray;
margin:0px 0px 0px 0px !important;
}

.input_large {
width:200px;
border:1px solid gray;
margin:0px 0px 0px 0px !important;
}

.input_medium {
width:120px;
border:1px solid gray;
margin:0px 0px 0px 0px !important;
}

.input_short {
width:40px;
border:1px solid gray;
margin:0px 0px 0px 0px !important;
}

/* Checkboxen erhalten fuer margin-left die Breite des label-tags */
.checkbox {
margin-left:8.4em;
}

/* allgemeine Tabellenformatierungen */
table {
width:95%;
font-size:1em;
margin:0px 10px 10px 5px;
border:none;
}

th, td {
text-align:center;
vertical-align:middle;
padding:2px 2px 2px 4px;
}
td h1, td h2 {
margin:0px;
padding:0px;
}

/*Tabelle weiß*/
table.weis {
width:95%;
font-size:1em;
margin:0px 10px 10px 10px;
border:none;
background: #ffffff;
}

td.weis {
text-align:center;
margin-left:1.4cm;
margin-right:1.4cm;
/*padding:2px 2px 2px 4px;*/
background: #fff;
}


/* *******************************************************************
** Kopfbereich
*/

#header {
height:200px;
width:1024px;
position:relative; /*notwendig fuer absolute pos. des Logos*/
background:url("Banner_mks_blau.jpg") no-repeat 0px 60px #fff;
text-align:left;
margin:0px auto 0px auto;
padding:0px;
}

#logo_jena {
width:210px;
height:60px;
position:absolute;
top:0px;
left:0px;
z-index:100;
}

#service {
height:1.85em;
width:780px;
background:#fff;
position:absolute;
bottom:160px;
left:220px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}



#service_nav {
list-style-type:none;
margin:0px 0px 0px 200px;
padding:4px 0px 0px 0px;
float:left;
}
#service_nav li {
display:inline;
padding:0px;
margin:0px;
}
#service_nav li a {
padding:0px 6px 2px 6px;
margin:0px 0px 0px 0px;
display:block;
float:left;
}

#font_switch {
margin:0px 0px 0px 15px;
padding:3px 4px 4px 4px;
float:left;
}
#font_switch a {
background:#ff3300;
color:#fff;
padding:.1em .35em .1em .35em;
}

#logo_jenakultur {
width:210px;
height:60px;
position:absolute;
top:-15px;
right:10px;
z-index:100;
}

#header_nav {
width:1024px;
height:40px;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url("header_nav_bg_mks_11185_blau.gif") no-repeat;
clear:both;
position:absolute;
bottom:0px;
right:0px;
}
/* Extra Breitenangabe fuer ie, vor ie/mac verstecken \*/
* html #header_nav {

}
/* Extra Breitenangabe Ende */

#header_nav ul {
list-style-type:none;
padding:0px 0px 0px 250px;
}

#header_nav li {

padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
display:inline;
}

#header_nav li a {
position:relative;
color:#000;
top:40%;
padding:0px 6px 0px 6px;
margin:0px 0px 0px 0px;
text-decoration:none;
}


#header_nav li a.selected {
font-weight:bold;
}

/* *******************************************************************
** Contentbereich
*/

#container {
width:1024px;
font-family: arial, helvetica,verdana, sans-serif;
line-height:1.4em;
background:url("container_bg_mks_neu_blau.gif") repeat-y;
/*Angaben fuer mittige Ausrichtung */
text-align:left;
margin:0px auto 0px auto;

}

#nav {
width:232px;
margin:0px 0px 0px 0px;
padding: 0px;
display:inline;
list-style-type:none;
float:left;
font-size:1.3em;
overflow:hidden;

}
/* Breitenangabe fuer ie, vor ie/mac verstecken \*/
* html #nav {
width:248px;
margin:0px 0px 0px -8px;
}
/* Breitenangabe Ende */

#nav li {
width:232px;
margin:0px 0px 0px 8px;
padding: 0px 0px 0px 8px;
}

#nav li a {
display:block;
color:#fff;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 0px;
}


#nav li a.selected {
color:#666;

}

#nav a:hover {
color:#993333;
background-image:url("button_higru.gif");
background-repeat:no-repeat;
}

/* IE benoetigt fuer die Blockdarstellung der Links eine Hoehenangabe; wird vor ie/mac versteckt \*/
* html #nav li a { height: 1%; }
/* End */

/* 2te Navigationsebene */
#nav li ul {
width:232px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;;
border:none;
font-size:0.9em;
}

/*#nav li ul li {
background:#fff;
}*/

#nav li ul li a {
padding:4px 0px 4px 10px;
color:#fff;
}
#nav li ul li a.selected {
color:#666;
font-weight:bold;
}

/* 3te Navigationsebene */

#nav li ul li ul{
width:232px;
}

#nav li ul li ul li {
margin:0px 0px 0px 15px;
}


#nav li ul li ul li a {
width:180px;
font-size:1.1em;
}


#breadcrumb_nav{
list-style-type:none;
margin:0px 0px 0px 250px;
padding:0px;
}
#breadcrumb_nav li {
padding:10px 0px 0px 0px  !important;
margin:20px 0px 0px 0px  !important;
display:inline;
}
/*+++++++++++++++++++++++++++++++++++++*/
#content {
padding:20px 0px 10px 0px;
margin-left:10px;
width:480px;
float:left;
}
#content p {
margin:0px 5px 10px 10px;
clear:both;
}

#content h1 {
background-color:#ccc;
color:#333;
padding:5px;
margin-left:-2px;
}

#kaplist li{
margin: 0px 0px 0px -25px;
background: url("link_image_dunkel.gif") no-repeat 0px 10px;
padding: 4px 0px 0px 8px;
}

#marginalia {
width:240px;
margin:2px 0px 0px 30px;
float:left;
}
#marginalia p {
margin:0px 10px 10px 10px;
}
#marginalia img {
margin:0px 0px -2px 24px;
padding:0px 0px 20px 0px;
width:218px;
}

#marginalia table {
margin:0px 0px 0px 15px;
}
#marginalia form {
margin:0px 10px 0px 10px;
padding:0px 0px 20px 0px;
width:218px;
}

#content2 {
padding:20px 0px 10px 0px;
margin-left:10px;
width:480px;
float:left;
}



/* ***********************************************************************
** Kalender-Style
*/

.kalender {
margin:0px 0px 20px 0px	;
padding:0px 0px 20px 0px;
width:95%;
}

.kalender td {
padding:2px 2px 8px 5px;
}
.kalender th {
font-size:1.1em;
width:100%;
margin:0px;
padding:2px 0px 2px 5px;
}
.kalender .selected {
background:#999;
color:#fff;
}
.kalender .sunday {
background:#ccc;
}		

/* *******************************************************************
** Footerbereich
*/


#footer {
width:1024px;
height:40px;
text-align:center;
margin:0px auto 0px auto;
clear:both;
}


#footer_nav {
margin:0px !important;
list-style-type:none;
padding:5px 0px 3px 0px;
/*background:url("/fm/26/footer_bg_mks.png") repeat-x #ff9966;*/
background-color:#fff;

}
#footer_nav li {
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
display:inline;
}
#footer_nav li a {
color:#003366;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 10px;
}

#footer_nav li a.selected {
font-weight:bold;
}

#copyright {
margin:5px 0px 0px 0px;
display:block;
}


/* *******************************************************************
** Klassen  
*/

.homepage_teaser {
margin:0px 5px 10px 10px;
padding:0px 0px 10px 0px;
}
.homepage_teaser span#untertitel {
width:180px;
margin:0px 5px 2px 0px;
}
.homepage_teaser  span#source_text {
font-style:italic;
}

.homepage_teaser h1 {
margin:3px 0px 0px 0px;
}

/* wird verwendet in: HOMEPAGE_LOKAL, 
HOMEPAGE_REGIONAL */

.news_teaser {
margin:0px 10px 10px 10px;
padding:0px 0px 0px 0px;
height:1px;
clear:both;

}
/* Aus Darstellungsgruenden benoetigt ie eine feste Hoehe, 
** da das aber fuer die anderen browser hinderlich ist setzt 
** die folgende Anweisung die Hoehe wieder auf den Standardwert 
** Der ie interpretiert diese Angabe wg. des Selectors nicht*/
#content>.news_teaser {
height:auto;
padding:0px 0px 10px 0px;
}
.news_teaser img{
float:left;
margin:0px 5px 5px 0px;
}

.news_teaser span.untertitel {
clear:left;
float:left;
width:180px;
margin:0px 5px 2px 0px;
}

.news_teaser span.untertitel_300 {
clear:left;
float:left;
width:300px;
margin:0px 5px 2px 0px;
}
.news_teaser span.source_text {
font-style:italic;
}
.news_teaser .alert {
background:#ff3300;
color:#FFFFFF;
clear:none;
float:none;
}


/*
.news_teaser br {
clear:left;
}
*/


/* wird verwendet in: HOMEPAGE_LOKAL,
HOMEPAGE_REGIONAL */

/* wenn die linkliste direkt im content steht muessen die Abstaende
** angepasst werden */
#content .linkliste {
margin:0px 10px 10px 10px;
padding:0px 0px 10px 0px;
list-style-type:none;
}
#content .linkliste li {
margin:0px;
padding:0px;
}

#content * .linkliste {
margin:0px 5px 10px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
border:none;
}
#content * .linkliste li {
margin:0px;
padding:0px;
}
#content * .linkliste a, #content .linkliste a {
background:url("link_image.gif") 4px 0.45em no-repeat;
padding:0px 0px 0px 15px;
margin:0px;
}


/* wird verwendet in: HOMEPAGE_LOKAL,
HOMEPAGE_REGIONAL */

.linkliste_mit_datum {
width:460px;
padding:0px 0px 10px 0px;
margin:0px 10px 7px 10px;
}
/*extra Angabe fuer mac/ie um Darstellungsfehler mit Hintergrundbild zu verhindern,
diese Angaben werden fuer die anderen Browser spaeter ueberschrieben */
.linkliste_mit_datum a { 
background:none !important;
padding:0px !important;
}
/* ie hack (* html dl.linkliste_mit_datum) fuer korrekte Breitendarstellung und vor mac/ie verstecken \*/
dl.linkliste_mit_datum {
float:left;
}
* html dl.linkliste_mit_datum {
width:459px;
margin:0px 0px 10px 5px !important;
}
dl.linkliste_mit_datum dt{
float: left;
width: 20%;
padding:.1em 0px .1em 0px;
margin:0px;
clear:left;
}
dl.linkliste_mit_datum dd{
width:75%;
padding:.1em 0px .1em 0px;
float:left;
margin:0px;
}
.linkliste_mit_datum a {
background:url("link_image.gif") 4px 0.49em no-repeat !important;
padding:0px 0px 0px 15px !important;
display:block;
}
/* Ende vor mac/ie verstecken */

/* wird verwendet in: HOMEPAGE_LOKAL,
HOMEPAGE_REGIONAL */

/* die Klasse .linkliste ist einmal fuer 
** die contentspalte und einmal fuer die
** marginalia definiert. */

.linkliste_mit_titel {
	margin: 0px 5px 10px 5px;
	padding: 0px 0px 10px 0px;
	list-style-image: url('link_image_dunkel.gif');
}
.linkliste_mit_titel dd {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-image: url('link_image_dunkel.gif');
	list-style-position: outside;
}
.linkliste_mit_titel a {
display:block;
background:url("link_image.gif") 4px 0.45em no-repeat;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.linkliste_mit_titel dt {
font-weight:bold;
font-size:1.2em;
display:block;
}

#marginalia .linkliste_mit_titel {
	margin: 0px 15px 20px 24px;
	padding: 0px 0px 20px 0px;
	list-style-type: none;
	background: #fff;
	border: 1px solid #FF9966;
	width: 218px;
	list-style-image: url('link_image_dunkel.gif');
}

#marginalia .linkliste_mit_titel dt {
color:#666;
font-weight:bold;
display:block;
padding:2px 0px 2px 5px;
margin:0px 0px 4px 0px;
border-bottom:1px solid #FF9966;
}
#marginalia .linkliste_mit_titel dd {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-image: url('link_image_dunkel.gif');
	list-style-position: outside;
}
#marginalia .linkliste_mit_titel a {
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px -12px;
	list-style-image: url('link_image_dunkel.gif');
	list-style-position: outside;
}


/* wird verwendet in: HOMEPAGE_LOKAL,
HOMEPAGE_REGIONAL */

div.bild_text_kombi_bilder {
margin:0px 10px 0px 10px;
float:left;
display:inline; /* Diese Anweisung verhindert den doublefloat bug im ie */
}
.bild_text_kombi_bilder img {
margin:0px 0px 5px 0px;
}

div.bild_text_kombi_text{
width:250px;
float:left;
}
.bild_text_kombi_text h1 {
margin:0px;
padding:0px;
line-height:1.3em;
}
.bild_text_kombi_text p {
margin:0px !important;
padding:0px;
}
/* wird verwendet in:  */

.text_bild_kombi {
margin:0px 10px 10px 10px;
padding:0px 0px 10px 0px;
}
.text_bild_kombi img{
float:right;
margin:0px 0px 5px 10px;
}
/*

.text_bild_kombi span {
clear:right;
float:right;
margin:0px 0px 3px 5px !important;
}


*/

.text_bild_kombi span.source_text {
font-style:italic;
}
.text_bild_kombi span.normal {
clear:right;
float:right;
width:180px;
margin:0px 0px 3px 5px !important;
}

.text_bild_kombi h1 {
margin:0px;
}

/* wird verwendet in: HOMEPAGE_LOKAL,
HOMEPAGE_REGIONAL */

.vor_zurueck_nav {
width:32%;
float:left;
padding:0px 0px 5px 0px;
}

/* wird verwendet in:  */

.vor_nav_img, .zurueck_nav_img {
width:230px;
float:left;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 10px;
}
.vor_nav_img br, .zurueck_nav_img br {
clear:both;
}
.vor_nav_img {
margin:0px 0px 10px 0px;
text-align:right;
}
.vor_nav_img img {
float:right;
margin-left:5px;
}
/* 3Pixel Bug im ie entschaerfen und gleichzeitig auf dem mac/ie verstecken \*/
* html .vor_nav_img img {
margin-right:-3px;
}
.zurueck_nav_img img {
float:left;
margin-right:5px;
}
/* 3Pixel Bug im ie entschaerfen und gleichzeitig auf dem mac/ie verstecken \*/
* html .zurueck_nav_img img {
margin-left:-3px;
}

/* wird verwendet in:  */

.form_suchbox {
border:1px solid black;
background:#ddd;
margin:0px 0px 10px 5px;
padding:0px 0px 5px 0px;
}
.form_suchbox div {
border-bottom:1px solid black;
margin:0px 0px 5px 0px;
padding:2px 0px 2px 3px;
}
.form_suchbox label, .form_suchbox input {
float:none;
margin:0px 0px 3px 3px !important;
}

/* wird verwendet in:  */
.fakten_tabelle {
width:96%;
}
.fakten_tabelle td{
margin:0px;
border:none;
text-align:left;
}

/* wird verwendet in:  */

a.download {
margin:0px 0px 0px 10px;
padding:0px 0px 0px 10px;
}

/* wird verwendet in:  */

.liste_zum_blaettern {
list-style-type:none;
text-align:right;
margin:10px 10px 10px 10px;
}
.liste_zum_blaettern li {
display:inline;
}

/* wird verwendet in:  */

.bildergalerie {
margin:0px 10px 10px 10px;
}
.bildergalerie div {
width:210px;
display:inline;
float:left;
margin:0px 10px 10px 0px;
}
.bildergalerie h2 {
clear:left;
display:inline;
margin:0px;
padding:3px 0px 0px 0px;
font-size:95%
}
.bildergalerie img {
border:none;
}

/* wird verwendet in:  */

.thumbnails {
margin:0px 10px 5px 0px;
}

/* wird verwendet in:  */

.faqliste li{
position:relative;
margin-right:10px;
}
ol.faqliste li a.up {
position:absolute;
left:-1.6em;
background:none !important;
padding:0px !important;
}/*faqliste a.up position fuer ie6\*/* html .faqliste a.up {
left:-2.0em;
}
/*ende a.up position fuer ie6*/


img { border: 0; 
}

/*MB*/
