@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection {
/**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {
	background: #d0dbe9;
	padding: 10px 0 20px 0;
}
/* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body {
	text-align: center;
}
.page_margins {
	text-align:left;
	margin: 0 auto;
	position:relative;
}
/* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins {
	width:980px;
	background: #fff;
}
.page {
	padding: 0 10px;
}
/* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
	height:402px;
	overflow:hidden;
}
#header_img {
	margin-top: 36px;
}
#Kopfbereich-News-Image {
	position:absolute;
	top: 33px;
	left: -16px;
	margin: 0px;
	overflow:visible;
}
#Kopfbereich-News-Baustellen {
	position:absolute;
	top:240px;
	right:-20px;
	margin: 0px;
	overflow:visible;
}
#Kopfbereich-News-Banner {
	position: relative;
	margin-top: 6px;
    padding-top: 3px;
    background:#F39E10 url("../../images/layout/news_bg.png") top center repeat-y;
	color: #000;
	overflow:hidden;
	width:959px;
	height:20px;
}
#Kopfbereich-News-Banner a {
	color: #000;
}
.zxcScrollerItem {
	font-size: 13px;
    font-weight: bold;
	white-space: nowrap;
	overflow: visible;
}
.zxcScrollerItem a#fs_small {
	font-size:10px;
}
.zxcScrollerItem a#fs_standard {
	font-size:12px;
}
.zxcScrollerItem a#fs_big {
	font-size:14px;
}
#logo {
	position:absolute;
	z-index:20;
	right:10px;
	margin-top: 5px;
}
#topnav {
	font-size:10px;
	margin-top:5px;
	margin-left:5px;
	text-align:left;
	right:auto !important;
}
#sprachen {
	display:none;
	height:21px;
	position:absolute;
	z-index:1;
	top: 40px;
	margin-left: 774px;
}
/* Navigation Top */
  #topnav a {
	color: #000;
	font-weight: normal;
	background:transparent;
	text-decoration:none;
}
#topnav a:focus,  #topnav a:hover,  #topnav a:active {
	text-decoration:underline;
	background-color: transparent;
}
#topnav a.change_fs {
	cursor:pointer;
}
#topnav a#fs_small {
	font-size:10px;
}
#topnav a#fs_standard {
	font-size:12px;
}
#topnav a#fs_big {
	font-size:14px;
}
/* Navigation Main */
  #navi {
	height:20px;
	margin:5px 5px 0 0px;
}
#navi_main a,  #navi_main span {
	color:#000
}
#navi_main div {
	float:left;
	padding:0 5px;
	font-size:13px;
	border-right:1px solid #000;
} /* before Schriftzusatz: font-size:16px; padding:0 9px; */
#navi_main div.level_1 {
	padding:0px;
	border:none;
}
#navi_main div.first {
	padding-left:0;
}
#navi_main div.last {
	padding-right:0;
	border: none;
}
#navi_main span.active,  #navi_main a.trail {
	font-weight:bold;
}
#main {
	background: #fff;
	padding-top: 5px;
	padding-bottom:20px;
}
#footer {
	color:#666;
	background: #f9f9f9;
	padding: 10px 0;
	border-top: 5px #efefef solid;
	line-height: 1.5em;
    height: 55px;
}
#footer .thumb {
    padding: 0 20px 0 0;
    float: left;
}
/*------------------------------------------------------------------------------------------------------*/


  #col1 {
	float: left;
	width: 230px;
	margin:0;
}
#col2 {
	float: right;
	width: 230px;
	margin:0;
}
#col3 {
	width: auto;
	margin: 0 243px;
}
#col1_content {
	padding: 0;
	background-color: #022573;
	margin-bottom:20px;
}
#col1_content2 {
}
#col2_content {
	padding: 0;
	background-color: #a5d8fb;
	margin-bottom:20px;
}
#col2_content2 {
}
#col3_content {
	padding: 0px;
}
#yellowbox {
	background:#F39E10 url("../../images/layout/yellow_bg.gif") top center repeat-y;
	width: 230px;
	margin-bottom:20px;
}
#greenbox {
	background:#2F8C52 url("../../images/layout/green_bg.gif") top center repeat-y;
	width: 230px;
	margin-bottom:20px;
}
.tpl_home #yellowbox {
	background-image:none;
}
.tpl_home #greenbox {
	background-image:none;
}
#col3 #mitte-unten-links {
	width: 230px;
}
#col3 #mitte-unten-rechts {
	width: 230px;
}
#col1_content,  #col2_content,  #greenbox,  #yellowbox,  #Linke_Spalte_Unten,  #Rechte_Spalte_Unten {
	height: 490px;
	color:#fff;
	overflow:hidden;
} /* before height:366px; */
#Linke_Spalte_Unten,  #Rechte_Spalte_Unten {
	height:auto;
}
body.tpl_home div#Linke_Spalte_Unten,  body.tpl_home div#Rechte_Spalte_Unten, body.tpl_home div#col2_content p {
	color:#4D4848;
}
/*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

  #header h1 {
	font-weight:bold;
	font-size:2.5em;
	letter-spacing:-2px;
	line-height:65%;
	color:#000;
}
#footer a {
	color: #999;
	background:transparent;
	font-weight: bold;
}
#footer a:focus,  #footer a:hover,  #footer a:active {
	color: #4D87C7;
	background-color: transparent;
	text-decoration:underline;
}
.mod_weatheronline {
	text-align:center;
}
.mod_weatheronline img {
	margin-top:20px;
}
/* Column Padding */
  #col1_content .block p,  #col1_content .block .image_container {
	padding:0 7px;
}
/* --------------------------------------------------------------------------------------------------------- */
  /* # Global Options # */
  
  /* Blockquote Block Divider */
  blockquote.block_divider hr {
	margin:0;
}
/* # Event Teaser - Veranstaltungen # */
  .mod_upcoming_events#event_teaser_veranstaltungen {
	color:#fff;
	padding:0 10px;
}
.mod_upcoming_events#event_teaser_veranstaltungen .event {
	background:transparent url("../../images/layout/news_current_spacer.gif") bottom repeat-x;
	padding:5px;
}
.mod_upcoming_events#event_teaser_veranstaltungen h2 {
	margin-bottom:0px;
	font-size:11px;
}
.mod_upcoming_events#event_teaser_veranstaltungen h2 a {
	font-weight:bold;
	color:#fff;
}
.mod_upcoming_events#event_teaser_veranstaltungen div.more {
	display:none;
}
.mod_upcoming_events#event_teaser_veranstaltungen a {
	color:#fff;
	font-weight:bold;
}
.mod_upcoming_events#event_teaser_veranstaltungen p.time {
	display:none;
}
/* # News Current (Spaltenangabe (ID) wegen IE6-Bug) # */
  #Linke_Hauptspalte_Oben .news_current.mod_newslist,  #Linke_Spalte_Unten .news_current.mod_newslist {
	color:#fff;
	padding: 7px;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist .layout_short,  #Linke_Spalte_Unten .news_current.mod_newslist .layout_short {
	background:transparent url("../../images/layout/event_live_spacer.gif") bottom repeat-x;
	padding:0px 0px 7px 0px;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist h2,  #Linke_Spalte_Unten .news_current.mod_newslist h2 {
	margin-bottom:0px;
	font-size:11px;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist h2 a,  #Linke_Spalte_Unten .news_current.mod_newslist h2 a {
	font-weight:bold;
	color:#fff;
}
#Linke_Hauptspalte_Oben .mod_module_richtext h1 h2 a {
	color:#fff;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist h2 a:hover,  #Linke_Hauptspalte_Oben .news_current.mod_newslist h2 a:active,  #Linke_Hauptspalte_Oben .news_current.mod_newslist h2 a:visited,  #Linke_Spalte_Unten .news_current.mod_newslist h2 a:hover,  #Linke_Spalte_Unten .news_current.mod_newslist h2 a:active,  #Linke_Spalte_Unten .news_current.mod_newslist h2 a:visited {
	color:#fff;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist p,  #Linke_Spalte_Unten .news_current.mod_newslist p {
	margin:0;
	line-height:1em;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist p.info,  #Linke_Spalte_Unten .news_current.mod_newslist p.info {
	font-size:8px;
	float:right;
	margin-top:2px;
}
#Linke_Hauptspalte_Oben .news_current.mod_newslist a,  #Linke_Spalte_Unten .news_current.mod_newslist a {
	color:#fff;
	font-weight:bold;
}
/* # Events Current (Spaltenangabe (ID) wegen IE6-Bug) # */
  #Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen {
	color:#fff;
	padding: 7px;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen .header,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen .header {
	padding: 0px;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen .event,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen .event {
	background:transparent url("../../images/layout/news_current_spacer.gif") bottom repeat-x;
	padding: 0px 0px 10px 0px;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen h2,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen h2 {
	margin-bottom:0px;
	font-size:11px;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen h2 a,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen h2 a {
	font-weight:bold;
	color:#fff;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen h2 a:hover,  #Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen h2 a:active,  #Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen h2 a:visited,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen h2 a:hover,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen h2 a:active,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen h2 a:visited {
	color:#fff;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen p,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen p {
	margin:0;
	line-height:1em;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen p.info,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen p.info {
	font-size:8px;
	float:right;
	margin-top:2px;
}
#Rechte_Hauptspalte_Oben #event_teaser_veranstaltungen a.more,  #Rechte_Spalte_Unten #event_teaser_veranstaltungen a.more {
	color:#fff;
	font-weight:bold;
}
.ce_hyperlink h2 {
	margin-bottom:10px;
}
/* Kalender */
  .mod_calendar table.minicalendar {
	width:100%;
}
.mod_calendar table.minicalendar th.head.current {
	text-align:center;
}
.mod_calendar table.minicalendar th.head.next {
	text-align:right;
}
.mod_calendar table.minicalendar td.days.active {
}
.mod_calendar table.minicalendar td.days.active a {
	text-decoration:underline;
	background:#A5D8FB;
	font-weight:bold;
}
/* LiveCam */
  .mod_module_richtext #livecam {
	height:131px;
	overflow:hidden;
}
.mod_module_richtext #livecam img {
	margin-top:-50px;
}
.mod_module_richtext #livecam a {
	color:#fff;
}
.mod_imagerotator img {
	vertical-align:top;
}
/* Header - Suchfunktion */
  #Kopfbereich .mod_search {
	position:absolute;
	z-index:100;
	margin-top:-27px;
	margin-left:765px;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}
#Kopfbereich .mod_search input#keywords {
	width:130px;
	border:1px solid #444;
	padding:2px 2px;
}
#Kopfbereich .mod_search input#submit {
	border:1px solid #444;
	padding:1px 0;
}
#Kopfbereich .mod_search .searchResult,  #Kopfbereich .mod_search .header {
	display:none;
}
/* --------------------------------------------------------------------------------------------------------- */
  /* # Site Specific Format # */
  
  /* Home - Alle Links Grau */
  body.tpl_home div#Linke_Spalte_Unten a,  body.tpl_home div#Linke_Hauptspalte_Unten a,  body.tpl_home div#Rechte_Hauptspalte_Unten a,  body.tpl_home div#Rechte_Spalte_Unten a {
	color:#4d4848;
}
/* Home (Ausstellungen Event Teaser) */
  body.tpl_home .mod_upcoming_events#event_teaser_ausstellungen div.event {
	margin-bottom:15px;
}
body.tpl_home .mod_upcoming_events#event_teaser_ausstellungen h2 {
	font-size:11px;
	margin-bottom:3px;
}
body.tpl_home .mod_upcoming_events#event_teaser_ausstellungen div.more {
	font-style:italic;
	margin-top:3px;
	font-size:10px;
}
/* Home - Grußwort Linkfarbe */
  body.tpl_home .mod_article#home-grusswort a {
	color:#fff;
}
body.tpl_home .mod_subscribe {
	padding:10px 0px 10px 10px;
	text-align:center;
}
body.tpl_home .mod_subscribe#newsletter_subscribe input.text {
	width:110px;
}
body.tpl_home .mod_subscribe#newsletter_subscribe p {
	color:#000;
}
body.tpl_home .ce_text#most_popular_links {
	padding:7px 0px 7px 7px;
}
body.tpl_home .ce_text#most_popular_links a {
	color:#4D4848;
}
body.tpl_home .ce_text#most_popular_links p {
	line-height: 1em;
    margin-bottom: 0.5em;
}
/* Weather */
	.mod_yahooweather {
	text-align:center;
}
.mod_yahooweather .forecast.item {
	float:left;
	width:115px;
	height:110px;
}
.mod_yahooweather .current {
	width:230px;
	height:100px;
}
.mod_yahooweather .item .icon {
	margin:0 auto 5px auto;
	text-align:center;
	width:57px;
	height:57px;
	background:transparent url(../../YahooWeather/icon_bg.png) no-repeat center center;
}
.mod_yahooweather .item .icon img {
	width:48px;
	height:48px;
	margin-top:5px;
}
.mod_yahooweather .item.last {
	margin: 0px;
}
.mod_yahooweather .item h3 {
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin:0px 0 2px 0;
	padding:0;
	color: #000;
}
.mod_yahooweather .item .descr {
}
.mod_yahooweather .item .temp,  .mod_yahooweather .item .temp * {
	font-size:12px;
	font-weight:bold;
	color: #000000;
}
.mod_yahooweather .item .temp .low_txt,  .mod_yahooweather .item .temp .high_txt {
	font-size: 12px;
}
.mod_yahooweather .copyright {
	margin-top:2px;
}
.mod_yahooweather .copyright a {
	font-size: 10px;
	color: #000000;
}
/* Spezialisierte Wetteranzeige in Col3: */
  #col3_content .mod_yahooweather .current,  #col3_content .mod_yahooweather .forecast {
	width:140px;
	float:left;
}
#col3_content .mod_yahooweather .clearfix {
	width:430px;
	height:115px;
}
.testglossar {
	padding:0 160px;
}
/* Home - Ausstellungen */
  #Linke_Hauptspalte_Unten #event_teaser_ausstellungen .event {
	padding:5px 0px;
}
#Linke_Hauptspalte_Unten #event_teaser_ausstellungen .event h2 {
	margin-bottom:0px;
}

.mime_icon {
    vertical-align: text-top;
}

}