/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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
{
	/*## Header *********************************************************/
	.header
	{
		padding: 0;
		height: 120px;
		box-shadow: rgb(100, 100, 100) 3px 0px 5px;
		-moz-box-shadow: rgb(100, 100, 100) 3px 0px 5px;
		-webkit-box-shadow: rgb(150, 150, 150) 3px 0px 5px;
		overflow: visible;
	}
	
	.header #logo
	{
		margin: 12px 4px 0 22px;
		float: left;
	}
	
	.header form
	{
		width: 200px;
		margin-top: 35px;
		float: right;
	}
	
	.header form input
	{
		background: #fff url(/images/loupe.png) no-repeat 5px 3px;
		font-size: 8pt;
		height: 20px;
		padding: 0 6px 0 25px;
		color: #333;
		margin: 5px 2px 2px 6px;
		width: 132px;
	}
	
	.header form input:focus { background: #EBEBEB url(/images/loupe.png) no-repeat 5px 3px; }
	
	.header div#media-links {
	  float: right; 
	  color: #fff;
	  margin: 91px 0px 0 0; 
	  background: rgb(100,110,120);
	  background: rgba(0,0,0,0.35);
	  padding: 4px 15px 0px 9px; 
	  height: 25px;
	  border-radius: 6px 0 0 0;
	  -webkit-border-radius: 6px 0 0 0;
	  -moz-border-radius: 6px 0 0 0;
	  }
	.header div#media-links img {margin: 2px 5px -2px 5px;}
	/*## Main Navigation *********************************************************/
	#nav
	{
		position: relative;
		padding: 0;
		margin-top: 0px;
		z-index: 11;
		background: #5A87C1 url(/images/bg-menue.png) repeat-x;
		height: 30px;
		box-shadow: rgb(120, 120, 120) 3px 5px 5px;
		-moz-box-shadow: rgb(120, 120, 120) 3px 5px 5px;
		-webkit-box-shadow: rgb(120, 120, 120) 3px 5px 5px;
	}
	
	#nav span.name
	{
		color: #fff;
		display: inline-block;
		margin: 5px 22px;
		font-size: 120%;
	}
	
	#nav ul { padding-bottom: 0; }
	
	#nav ul li
	{
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
		text-align: left;
		list-style-type: none;
		line-height: 30px;
		height: 30px;
		font-size: 10pt;
		position: relative;
		margin-right: 35px;
	}
	
	#nav ul li a { color: #fff; }
	#nav ul li a:hover { text-decoration: none; }
	#nav ul li.active a { font-weight: 700; }
	#nav ul li.search { width: 220px; }
	
	/*** subnav *********************************************************/
	#nav ul li div.subnav
	{
		background: #fff;
		width: auto;
		border: 1px solid #bbb;
		border-top: none;
		margin: 1px 0 0 -20px;
		box-shadow: rgba(0,0,0,0.2) 0px 5px 8px;
		-moz-box-shadow: rgba(0,0,0,0.2) 0px 5px 8px;
		-webkit-box-shadow: rgba(0,0,0,0.2) 0px 5px 8px;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-border-radius: 0 0 5px 5px;
		z-index: 1;
		position: absolute;
		left: 8px;
	}
	
	#nav ul li div.subnav ul
	{
		padding: 0;
		margin: 0;
	}
	
	#nav ul li div.subnav ul li
	{
		width: 100%;
		text-align: left;
		white-space: nowrap;
		float: none;
		height: auto;
		margin: 4px 0;
		padding: 0;
		font-size: 9pt;
	}
	
	#nav ul li div.subnav ul li a
	{
		padding: 2px 10px;
		line-height: 16px;
		display: block;
		background: none;
		text-decoration: none;
		margin: 0;
		color: #333;
	}
	
	#nav ul li div.subnav ul li.active a, #nav ul li div.subnav ul li a:hover
	{
		background: #E8F2FA;
		color: #000;
		font-weight: normal;
	}
	
	#nav ul li.active div.subnav ul li a { font-weight: normal; }
	
	/* dritte ebene */
	#nav ul li div.subnav ul li.active ul li a
	{
		background: none;
		border-top: 1px solid #fff;
	}
	
	#nav ul li div.subnav ul li ul li a { background: #fff; }
	#nav ul li div.subnav ul li ul li.active a { background: rgb(230,230,230); }
	#nav ul li div.subnav ul li ul li a:hover { background: rgb(245,245,245); }
	#nav ul li div.subnav ul li ul li a { padding-left: 20px; }

	/*** language *********************************************************/
	div#languages
	{
		background: none;
		width: auto;
		border-top: none;
		z-index: 1;
		position: absolute;
		right: 25px;
		top: 0;
	}	
		#languages ul li
	{
		float: left;
		width: auto;
		margin: 1px 0 0 0;
		padding: 0;
		text-align: left;
		list-style-type: none;
		line-height: 30px;
		height: 30px;
		font-size: 10pt;
		margin-left: 10px;
		color: #fff;
	}
	
	#languages ul li a { color: #354569; }
	/*** content *********************************************************/
	#headerpic
	{
		box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-moz-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-webkit-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		border-right: 1px solid #b1b2b6;
		width: 99.9%;
		height: 120px;
		overflow: hidden;
		position: relative;
	}
	
	#headerpic img
	{
		width: 100%;
		height: auto;
		top: 0px;
		position: absolute;
	}
	body.home #headerpic {
        width: auto;
		border: 20px solid rgb(241,241,241);
		height: 160px;
		background: rgb(241,241,241);
		margin: 0;
	}
	body.home div#slider
	{
        position: absolute;
        bottom: 0px;
        width: 99.8%
	}	
	#main
	{
		margin: 0 0 -10px 0;
		padding: 0;
		background: none;
		position: relative;
		z-index: 10;
	}
	
	#col3_content
	{
		border: 1px solid #b1b2b6;
		border-left: none;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-border-radius: 0 0 5px 5px;
		background: #f1f1f1;
		margin-bottom: -35px;
		padding: 20px 20px 40px 20px;
		box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-moz-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-webkit-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		min-height: 320px;
	}
	body.home h1 {
	  margin: 0 0 1.5em; 
	  font-family:'PTSansBold', Arial, Helvetica, sans-serif;
	  line-height: 1.5em; 
	  font-size: 12pt; 
	  font-weight: bold; 
	  text-transform: uppercase;
	  }
	div.startblock {
	 position: relative;
	 padding-left: 50px; 
	
	 overflow: visible;
}
	div.startblock img {
	 position: absolute; 
	 left: 0;
	 top: -10px;
	}

	/* Tabellen */
table#factsheet {
  	border-collapse-x:separate;
	background: rgb(245,245,245);
	border: 1px solid #aaa;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    overflow: hidden;
}
	table#factsheet tr th {    font-family:'PTSansBold', Arial, Helvetica, sans-serif;
 }
	table#factsheet tr th,table#factsheet tr td { border-top: 1px solid #ccc; }
	table#factsheet tr:first-child th,table#factsheet tr:first-child td { border-top: none; }
	table#factsheet tr:nth-child(odd) th,table#factsheet tr:nth-child(odd) td { background: rgb(230,232,235); }

table#partner {
	border-collapse-x:separate;
	background: #fff;
	border: 1px solid #aaa;
	display: inline-block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
overflow: hidden;
}
table#partner td.logo {
 width: 140px;	
}
	table#partner td.name { width: 60%; }
	table#partner td.adress { width: 30%; }
	table#partner tr td { padding: 5px 10px; }
	table#partner tr td { border-top: 1px solid #ccc; }
	table#partner tr:first-child td { border-top: none; }
	
	table#newletter_form tbody tr th, table#newletter_form tbody tr td {
	    	vertical-align: middle;
	    	padding: 0.5em 0.5em 0.5em 0;
	    	font-weight: normal;
	    }
	table#newsletter_result tbody tr th, table#newsletter_result tbody tr td {
	    	vertical-align: middle;
	    	padding: 0.5em 0.5em 0.5em 0;
	    }
    table#newletter_form input.submit {margin-right: 20px;}	
    


table.platform {
    border-collapse-x:separate;
    background: #fff;
    border: 1px solid #aaa;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}

table.platform td.logo { width: 140px; }
table.platform td.name { width: 60%; }
table.platform td.adress { width: 30%; }
table.platform tr td, table.platform tr th { padding: 5px 10px; }
table.platform tr td, table.platform tr th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
table.platform tr th { border-top: none; }
table.platform tr td + td, table.platform tr th + th {  border-right: none; }
/* table.platform tr:first-child td { border-top: none; } */

#main ul.events li p { margin-bottom: 0.5em;}   
#main ul.events > li { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted rgb(66, 113, 181);}   
#main ul.events > li:last-child { border-bottom: none;}   
#main ul.events, #main ul.events li ul {margin: 0;padding: 0;}   
#main ul.events li ul li {background: none; margin: 3px 0 ;padding: 0;}   


ul#newsarchive li {
     margin-bottom: 1em; 
    }    
    ul#newsarchive h2 {
      font-size: 100%;
      margin-bottom: 0.5em;
      font-family:'PTSansBold', Arial, Helvetica, sans-serif;
    }
 
	/*** right column *********************************************************/
	#col1_content
	{
		border: 1px solid #b1b2b6;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-border-radius: 0 0 5px 5px;
		background: #f1f1f1;
		/* Old browsers */
		margin-bottom: 0;
		box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-moz-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
		-webkit-box-shadow: rgba(0,0,0,0.25) 4px 5px 5px;
	}
	
	#right
	{
		margin: 0 8px;
		font-size: 90%;
	}
	
	#news h4
	{
		color: #4271B5;
		margin-bottom: 0.5em;
	}
	
	/* #news a { visibility: hidden; } */
        #news h4 { font-weight: 700; }
	
	/*** footer *********************************************************/
	#footer
	{
		padding: 5px 0 0 0;
		font-size: 90%;
		color: #666;
		text-align: center;
		background: none;
		border: none;
		position: relative;
		top: 0px;
		z-index: 10;
		margin: 0px 20px 0 20px;
		border-top: 1px solid #ccc;
height: 20px;
	}
	#footer img {vertical-align: middle;}
}