@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 *
 * @copyright       Copyright 2005-2010, 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.2.1
 */

@media screen, projection
{
  /** 
   * Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body {
  	overflow-y:scroll;
  	}

  /* Randbereiche & Seitenhintergrund */
  
  body { 
  	/*background:#4f5864;*/
  	padding:10px; 
  	}

  /* Zentrierung des Layouts in alten IE-versionen */
  
  body {
  	text-align:center; 
  	}
  	
  .page_margins { 
  	text-align:left; 
  	margin:0 auto;
  	}

  /* Layout:Breite, Hintergrund, Rahmen */
  
  .page_margins {
  	min-width:1244px;
  	max-width:1244px;
  	bachground:#fff;
  	}
  	
  .page {
  	 padding:0px;
  	}

  /* Gestaltung der Hauptelemente des Layouts */
  
  .header{ 
  	background-image:url("../../images/layout/header.jpg");
  	width:auto;
  	height:auto;
        background-repeat: no-repeat;
        height:257px;
        z-index:1;
        }
 
  /* Anpassung der Hauptnavigation */
  #nav ul {
  	margin-left:20px;
  	}
  	
  #main { 
  	background:#fff;
  	padding:0px 0px;
  	min-height: 580px; 
  	}

  /* 
   * Grundcontainer
   */
      
  #col1 { 
  	float: left; 
  	width:25%; 
  	margin:0; 
  	/*height:0px;*/
  	}
  	 
  #col1_content { 
  	padding: 0px 0px 0px 0px;
  	z-index:2;
  	margin-right:75px;
  	}

  #col2 {
  	width:25%;
  	background-image:url("../../images/layout/rightContent.jpg");
  	width:280px;
  	height:481px;
        background-repeat: no-repeat;
        z-index:3;
        margin-top:-15px;
	position: relative;
        }
        
  #col2_content {
   	padding:90px 55px 0px 5px; 
   	}

  #col3 { 
  	width:auto;
  	min-height: 481px;
  	margin:0 25%;
  	}
  	
  #col3_content {
  	padding:0px 40px 30px 5px;
  	}
  	
  div.content{
  	display: table;
  }	

 /*
  * Gestaltung layoutabhängiger Elemente
  */
  
  a{
  	color:#268eb0;
  	font-weight:normal;
  	text-decoration:none;
  	}   
  
  /*a:focus,
  a:hover,
  a:active {
  	text-decoration:underline;
  	background-color:transparent; }*/

/*
 * Gestaltung des Search divs ink. Safari hack
 */
 
 .search_table { 
 	margin: 0px 250px;
 	/* da Sprachauswahl ausgeblendet ist: 10px nach unten */
 	margin-top: -40px;
 	font-size:10px;
 	}
 	
 .tx-indexedsearch-searchbox-sword {
 	width:178px;
 	height:17px;
 	margin-top:10px;
 	}
 	
 .search_colorContent {
 	color:#268eb0;
 	display:inline;
 	font-weight:bold;
 	}
 	
 .search_colorContentLink {
 	color:#17466d;
 	display:inline;
 	}
 	
 .search_unten {
 	padding-top: 19px;
 	text-align: left;
 	width: 45px;
 	}

.search_input{
	height: 17px;
        margin-top: 8px;
        width: 150px;
        }
/*
 * Gestaltung des Menüs
 */	   
 
 .dyn_menu_all li span{ 
 	cursor:pointer;
 	}
 	
 div.navigation{ 
 	background-color:#ebeced;margin-top:0px;
 	/*box-shadow: 2px 2px 2px #adadad;
 	-moz-box-shadow: 2px 2px 2px #adadad;
        -webkit-box-shadow: 2px 2px 2px #adadad;*/}
 
 .navigationShadow{
 	position:absolute;
 	left:236px;
 	margin-top:-60px;/*236*/  
	background-image:url("../../images/layout/leftNavigation.jpg");
	background-repeat: no-repeat;
	width:3px;
	height:265px;
	}			  

 ul.dyn_menu_all li ul{
 	border-top: 1px solid #b4b5b7;
 	border-bottom: 1px solid #b4b5b7;
 	}
 
 /* Hintergrundfarben der einzelnen Ebenen (werden vererbt) 5 Ebenen*/ 
 
 ul.dyn_menu_all {
 	 /*padding:2px 0px 2px 0px;*/
 	 }
 	   
 ul.dyn_menu_all ul { 
 	background-color:#e4e5e6;
 	padding:2px 0px 2px 0px;
 	}
 	
 ul.dyn_menu_all ul ul { 
 	background-color: #d9dadc;
 	padding:2px 0px 2px 0px;
 	margin-bottom:-2px;
 	}
 	
 ul.dyn_menu_all ul ul ul { 
 	background-color:#cbcccf;
 	padding:2px 0px 2px 0px;
 	}
 	
 ul.dyn_menu_all ul ul ul ul { 
 	background-color:#c0c1c4;
 	padding:2px 0px 2px 0px;
 	color:white;
 	}
 
 /* Linkfarbe der einzelnen Ebenen (werden vererbt) 5 Ebenen*/ 
   
 div.navigation ul  a{
 	color:#1C405F;
 	font-weight:bolder;
 	}
 
  div.navigation ul ul  a{
 	color:#1C405F;
 	font-weight:normal;
 	}
  
 div.navigation ul ul ul ul ul  a{
 	color:white;
 	}
 	
 /* Position der Titel Ebenen setzen (werden vererbt) 5 Ebenen*/ 
 
 .dyn_menu_head{ padding-left:40px; }	 
 ul.dyn_menu_all li ul.dyn_menu .dyn_menu_head { padding-left:60px; }
 ul.dyn_menu_all li ul.dyn_menu ul.dyn_menu .dyn_menu_head { padding-left:80px; }
 ul.dyn_menu_all li ul.dyn_menu ul.dyn_menu ul.dyn_menu .dyn_menu_head { padding-left:100px; }
 
 /* Position des Aktivierten Links */
 
 .active{ padding-left:40px; color: #1C405F; font-weight: bolder; }
 ul.dyn_menu_all li ul.dyn_menu .active { padding-left:60px; }
 ul.dyn_menu_all li ul.dyn_menu ul.dyn_menu .active { padding-left:80px; }
 ul.dyn_menu_all li ul.dyn_menu ul.dyn_menu ul.dyn_menu .active { padding-left:100px; }
 
 /*Spezifaktionen der Navigation muss 
 ul.dyn_menu_all li ul.dyn_menu ul li {padding-left:80px;color:white;}*/

 /*
 ul.dyn_menu li ul.dyn_menu ul.dyn_menu ul.dyn_menu span.dyn_menu_head{padding-left:120px;}
 ul.dyn_menu li ul.dyn_menu ul.dyn_menu ul.dyn_menu ul.dyn_menu span.dyn_menu_head{padding-left:140px;}
 span.dyn_menu_head{padding-left:80px;}	 
  */
  
 /* Definiert den dynamischen Pfeil in der Navigation */
 /*Switch zwischen Auf und Zu kann mit typoscript leichter erstellt werden*/
 //.dyn_menu_pfeil_zu {border-color: transparent transparent transparent #1c405f;border-style:solid;
 //                    border-width:5px;width:0;height:0; display:inline-block;}
 //.dyn_menu_pfeil_auf{border-color:#1c405f transparent transparent transparent;border-style:solid;
 //                    border-width:5px 5px 3px;width:0;height:0;display:inline-block;}
 
 /*
 * Gestaltung des Farbverlaufs von Grau nach Weiß (Bild)
 */
 
 .navigation_content{
 	margin-top:-60px;
 	/*min-height: 220px;*/
 	}
 
 .color_extending_Up{
 	background-image:url(../../images/layout/menue_Up.png);
 	height: 80px;
	margin-top: -25px;
	width: 236px;
	z-index: 9999;
  	}
 
 .color_extending{
 	/*background-image:url(../../images/layout/colorExtending.png);*/
 	background-image:url(../../images/layout/menue_Down.png);
 	width:236px;
        height:64px;
        margin-top:-20px;
        z-index:3; 
        }
 
/*
 * (de) Gestaltung des Mitgliederlogin
 */
 
 .login{
 	background-color:#268eb0;
 	color:white;
 	font-weight:bold;
 	padding:10px 40px 8px 40px;
	width:156px;
	margin-top:20px;
	margin-bottom: 25px;
	-webkit-box-shadow: 2px 2px 2px #adadad;
	-moz-box-shadow: 2px 2px 2px #adadad;
        box-shadow:2px 2px 2px #adadad;
        }
             
 div.logoutname{
 	padding-top:10px;
 	}

 div.login_input{
 	margin-left:40px;
 	}
 	
 .txtloginUser{
 	margin-bottom:7px;
 	}
 }
 
 /* 
  * Such-Ergebnis-Seite
  */
  
 .tx-indexedsearch-searchbox{ 
 	display: none; 
 	}
 	
 .tx-indexedsearch-rules{ 
 	display: none; 
 	}
 	
 /*
  * Rootline Positionierung
  */	
  
 div.rootline{
 	padding: 0px 40px 30px 5px;
 	color: #268EB0;
	font-size: 12px;
	padding-bottom: 15px;
	font-weight:bold;
 	}	
 
 /*
  * Logo
  */
  
 div.logo {
 	background-image:url(../../images/layout/logo.png); 
 	position:relative;
 	left:18px;
 	top:39px;
 	width:165px;
 	height:134px;
 }
  	
 /*
  * News Überschrift / Rechte Bereich
  */
 div.news_head{
 	position:absolute;
 	top:45px; 
	left:18px;
	font-size: 16px;
	font-weight:bolder;
	display:none;
	}
	
 #col2_content h1.csc-firstHeader{
 	position:absolute;
 	top:45px; 
	left:18px;
	font-size: 16px;
	font-weight:bolder;
	}	
/*	
 #col2_content #csc-default {
  	margin: 0px 15px 1em;
  }
  
 div#csc-default p#bodytext{
  	margin: 0px 15px 1em;
  }
*/  

 .news-latest-item p{
  	display:inline;
  	text-decoration:none;
  }

 .news-latest-category{
 	display:none;
 }
 
}