@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-2007, 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.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #dadada url("/clear.gif") repeat-x top left fixed; padding: 0px 0; 
  }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: 987px; margin: 0 auto; border: none; background: transparent url(../image/page_bg.gif) repeat-y; }
  #page{ background: #FFF; border: none; margin: 0 10px; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center }
  #page_margins { text-align:left }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: #fff url(../image/header_bg.jpg) no-repeat top left;
    padding: 0; 
    height: 200px;
    width: 968px;
    overflow: hidden;
  }
  #headerWrap {
    background: transparent url(../image/gesund.png) no-repeat top left;
    padding: 0; 
    height: 200px;
    width: 968px;
  }
  
  #logo {
  	padding:20px 0 0 500px;
  }
  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  #nav_main {background-color: #336}

  #main { background: #fff url(../image/main_bg.png) repeat-x;padding:10px 0; min-height: 300px;}

  #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 15px;
    border-top: 5px #efefef solid;

  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width: 25%; background: transparent url(../image/herz.gif) no-repeat bottom left; padding-bottom: 110px;}
  #col1_content { padding: 10px 10px 10px 10px; }

  #col2 { width: 25% }
  #col2_content { padding: 10px 20px 10px 10px; }

  #col3 { margin: 0 25% }
  #col3_content { padding: 10px }

  #col4 { margin: 0 2% 0 25% }
  #col4_content { padding: 10px }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Modifying "shiny buttons" navigation
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

  #nav * { border: 0px none !important}
  #nav_main { background: url(../image/toolbar_bg.gif) repeat-x top left; height:20px; overflow: hidden; border-top: 1px solid #a3cde5 !important;  width: 968px;}
  /*
  #nav_main ul { margin-left: 10px }
  #nav_main ul li { line-height: 1.2em}
  
  #nav_main ul li a,
  #nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em;}
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #182E7A; color: #fff }
  
  #nav_main ul li#current { background: transparent }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { color: #4D87C7; font-weight: bold }
  */
  




	#logo {
		display: block;
		margin: 0px 0 5px 20px
	}
	#news-teaser {
		width: 289px;
		font-size: 10px;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		margin: 30px 0 10px 20px
	}
	#news-teaser h2 {
		font-size: 11px;
		font-weight: bold;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;	
		margin: 0 0 3px 10px;
	}
	#news-teaser h3 {
		font-size: 10px;
		font-weight: normal;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;
	
	}
	#news-teaser a:link, #news-teaser a:focus, #news-teaser a:hover, #news-teaser a:active, #news-teaser a:visited {
		color:#053a80 ;
		text-decoration: none;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-weight: normal;
	
	}
	#news-teaser .news-latest-date {
		font-weight: bold;
		color:#053a80 ;
	}
	.news-latest-item {
		margin-left: 10px;
		margin-bottom: 5px;
	}
	.teaser-top {
		width: 289px;
		height: 11px;
		overflow: hidden;
		background: transparent url(../image/teaser-top.gif) no-repeat;
		margin: 0;
	}
	.teaser-main {
		width: 287px;
		background: transparent url(../image/teaser-main.gif) repeat-x;
		border-left: 1px solid #a9ccde;
		border-right: 1px solid #a9ccde;
		margin: 0;
		padding-bottom: 5px;
	}
	.teaser-bottom {
		width: 289px;
		height: 12px;
		overflow: hidden;
		background: transparent url(../image/teaser-bottom.gif) no-repeat;
		margin: 0;
	}
  
.home-teaser {
		width:100%;
		background: transparent url(../image/bg_home_main.gif) repeat-y; margin: 0px; padding: 3px 0 3px 0;
	}
	
h2.home-teaser-h2  {
	background: transparent url(../image/bg_home_top.jpg) no-repeat top left; 
	font-size: 12px; 
	color: #FFF; 
	padding: 3px 0 3px 10px;
	margin: -12px 0 0 0;
	font-family: Verdana;
	}
.home-teaser .news-latest-item {
	width:210px;
height: 115px;
	float:left;
	font-size: 10px;
margin-right:5px 
	}
	.home-teaser-bottom {
		width: 464px;
		height: 12px;
		overflow: hidden;
		background: transparent url(../image/bg_home_bottom.gif) no-repeat;
		margin: 0 0 10px 0;
	}
.home-teaser .news-latest-item h3 { 
	font-family:arial;
font-size:10px;
}
#events-teaser { /*border: 1px solid #6990b3;*/ background: transparent url(../image/bg_teaser_main.gif) repeat-y; margin: 0px; padding: 3px 0 3px 0;}
#events-teaser h2 {  
	background: transparent url(../image/bg_teaser_top.gif) no-repeat top left; 
	font-size: 12px; 
	color: #FFF; 
	padding: 3px 0 3px 10px;
	margin: -12px 0 0 0;
	font-family: Verdana;
}
.events-bottom {
		height: 11px;
		overflow: hidden;
		background: transparent url(../image/bg_teaser_bottom.gif) no-repeat;
		margin: 0 0 25px 0;
}

#events-teaser .news-latest-item {
	padding: 5px 0 0 0;
}

#events-teaser .news-latest-item,
#events-teaser .news-latest-item a:link, 
#events-teaser .news-latest-item a:visited, 
#events-teaser .news-latest-item a:hover, 
#events-teaser .news-latest-item a:active { 
		font-size: 10px;
		font-weight: normal;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;
}  


#events-teaser .news-latest-date {
		font-weight: bold;
		color:#053a80 ;
	}
  
  .searchbox {
  	padding-left: 20px;
  	float: left;
  }

  .searchbox label {
	color: #FFF;
	font-size: 10px;
	line-height: 18px;
  }
   
  .searchbox input.text {
  	width: 124px;
  	height: 14px;
  	padding: 3px 5px;
  	background: transparent url(../image/search_bg.gif) no-repeat;
  	overflow: hidden;
  	font-size: 10px;
  	color: #000;
  }

  
  #breadcrumb {
  	color: #FFF;
  	font-size: 10px;
   	height: 20px;
	line-height: 18px;  
	margin: 0 242px;
	
	  	
  }
#breadcrumb a:link, 
#breadcrumb a:focus, 
#breadcrumb a:hover, 
#breadcrumb a:active, 
#breadcrumb a:visited {
		color:#FFF ;
		text-decoration: none;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-weight: normal;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}
.serviceMenu {
	width:242px;
	float:right;
	text-align: right;
}	
.serviceMenu a:link {
	padding: 0 5px;
}

	/*
		ul#menu {margin:0px; padding:10px; border:1px solid #698FB3; background-image:url(../image/menu-bg.gif);}
	ul#menu li {list-style-type:none;}
	ul#menu li a {color:#294B93; font-weight:bold;}
	*/
	
	
div#menu {
/*1px solid #698FB3*/
border: none; background: transparent url(../image/bg_menu_main.gif) repeat-y; ;
}	

.menu_top { background: transparent url(../image/bg_menu_top.gif) no-repeat top left; height: 9px; overflow: hidden;}
.menu_bottom { background: transparent url(../image/bg_menu_bottom.gif) no-repeat top left ;}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; width:100%;}
.menu ul {
border:1px solid #698FB3; background-color: #d6eaf6;
}
.menu {	margin:0px 4px 0px 4px; /* this page only */}
/* for IE7 to position the tables correctly */
*+html .menu {
	position:relative; 
	float:left;
}

/* for IE5.5 and IE6 to position the tables corectly */
* html .menu {position:static;}

/* Set up the size of the list items and float left to place inline */
.menu li {display:block; float:left; width:100%; background:transparent; margin:1px 0 0 0; 	position:relative;}

.menu li li { margin:0; background: #d6eaf6;width:242px;}
/* Give the sub level list item a diffent background color to make it 'stand out'. */
.menu li.sub {background:#eceff0;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:24px; position:absolute; bottom: 0; top:auto; left:0; font-size:1em;}

/* Default link styling */
.menu li a {display:block; color:#294B93; line-height:23px; height:24px; text-decoration:none; text-indent:10px; font-weight: bold;}

.menu li li a {font-size: 10px; font-weight: normal;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {color:#294B93; background: transparent; text-decoration: underline;}

/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.menu :hover > a {color:#294B93; background: transparent;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

.menu ul {
	background-color:#fff;
	}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute;left:-9999px; width:242px; top:0;}

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.menu :hover ul, 
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {position:absolute; padding:0; left:170px; bottom:auto; top:-12px; background:transparent url(/clear.gif);} 
/* drop down */
/*
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul {padding:20px 20px 20px 0; left:148px; top:-10px; bottom:auto;}*/

.menu li a.current {color:#294B93; font-weight: bold; text-decoration: underline; }





.csc-mailform {
border: none; /* Rand ausschalten */
margin: 10px 0;
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:100px;
margin-bottom:10px;

}

.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select {
float:left;
display:block;
width:250px;
border: 1px solid #333;
background:#F4F4F4;
padding:1px;
margin-bottom:10px;
margin-left:10px;
}

.csc-mailform-field input.csc-mailform-submit{
margin-left: 110px;
display:inline;
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
/* Float wieder abschalten */
clear: both;
}


.banner-katalog {
	margin:20px 0 0 0;
}
.banner-lexikon {
	margin:20px 0 0 0;
}
.banner-karte {
	margin:20px 0 0 0;
}	
.banner-ttg {
	margin:20px 0 0 40px;
}		
.banner-bahn {
	margin:20px 0 0 35px;
}
.banner-map24 {
	margin:20px 0 0 10px;
}

.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.float-left {float:left;}	
.float-right {float:rigth;}	






/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;

}
.news-latest-container HR.clearer {
	clear:left;
}



/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;

	}
.news-search-form {
	padding:3px;
	margin-bottom:5px;


}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	padding-left:2px;
}
.news-list-container H3 A {

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: normal;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}



	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	margin-bottom:5px;


}
.news-single-item H2 {
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 0px;
}
.news-single-item H3 {
	margin-bottom: 15px;
}



.news-single-img {
	float: right;
	margin-left:5px;

}



.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-category {

	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	margin-top: 15px;
	border: 1px solid #666;
	padding:3px;
	padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px solid #666;
	margin:0px;
	margin-bottom: 3px;
	padding:3px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left:5px;
	width:90%;
}



.news-catmenu {
padding-bottom: 10px;
border-bottom: 1px solid #EEEEEE;
}

.news-catmenu .level1 {
margin-bottom: 5px;
padding-left: 15px;
background: transparent url(../image/pfeil.gif) no-repeat left 3px;
}


#cal-teaser {
		font-size: 10px;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		margin: 30px 0 10px 0px
	}
	#cal-teaser h2 {
		background:transparent url(../image/bg_teaser_top.gif) no-repeat scroll left top;
color:#FFFFFF;
font-family:Verdana;
font-size:12px;
margin:-12px 0pt 0pt;
padding:3px 0pt 3px 10px;
	}
	#cal-teaser h3 {
		font-size: 10px;
		font-weight: normal;
		color:#053a80 ;
		font-family:Arial,Verdana,Helvetica,sans-serif;
	
	}
	#cal-teaser a:link, #cal-teaser a:focus, #cal-teaser a:hover, #cal-teaser a:active, #cal-teaser a:visited {
		color:#053a80 ;
		text-decoration: none;
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-weight: normal;
	
	}
	#cal-teaser .news-latest-date {
		font-weight: bold;
		color:#053a80 ;
	}
	.cal-latest-item {
		margin-left: 10px;
		margin-bottom: 5px;
	}
	.cal-teaser-top {
		height: 11px;
		overflow: hidden;
		background: transparent url(../image/teaser-top.gif) no-repeat;
		margin: 0;
	}
	.cal-teaser-main {
		background: transparent url(../image/bg_teaser_main.gif) repeat-y scroll;
		margin: 0;
		padding-bottom: 5px;
	}
	.cal-teaser-bottom {
		height: 12px;
		overflow: hidden;
		background: transparent url(../image/bg_teaser_bottom.gif) no-repeat;
		margin:0pt 0pt 25px;
	}

	.cal-teaser-main dl dt {
		background: transparent !important;
		
	}
	.cal-teaser-main dl dd {
		background: transparent !important;
		
	}
	#lexikonwordlisttop {
		background:transparent url(../image/bg_menu_top.gif) no-repeat scroll left top;
		height:9px;
		overflow:hidden;
		margin-left:-5px;
		margin-top:-15px;
	}
	#lexikonitem  {
	width: 440px;
	/*border: solid 1px #000;*/
	float:left;
	}
	#lexikonwordlistbottom {
		background:transparent url(../image/bg_menu_bottom.gif) no-repeat scroll left top;
		height:9px;
		overflow:hidden;
		margin-left:-5px;
		margin-bottom:-15px;
	}	
	#lexikonwordlist {
	
	background: transparent url(../image/bg_menu_main.gif) repeat-y scroll 0%;
	margin-right:10px;
	padding:5px;
	width:220px;
	float:right;
	}
	
	.lexikonword {
		padding-bottom:10px;
		font-weight:bold;
	}
	
	.lexikondescription {
	padding-bottom:10px;
		
	}
	
	.lexikonimage {
	padding-bottom:5px;
		
	}
	
	.lexikonimagecaption {
		margin-bottom:10px;
		text-align:right;
		font-size:10px;
	}
}