﻿@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @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.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background:#003040; padding:10px; }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { border:0; min-width:756px; max-width:80em; margin:auto; }
  #page{ border:0; background:#003040; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { position:relative; height:75px; color:#fff; }
  div#printheader {
  	display: none;
  }

  #topnav { top:100px; }

  #main { background-color:#83a7ab; }

	#footer {color:#83a7ab; background:#fff; margin:0; padding: 0; overflow: hidden; border-top: 2px solid #83a7ab; border-bottom: 2px solid black;}
	
	#footer div {
		float: left;
		width: auto;
		padding: .2em;
	}
	#footer .block1 {
		margin-left: 0;
		padding-left: 1em;
		width: 209px;
		background: #83a7ab;
		color: #003040;
	}
	#footer .block1 span {
		margin-right: 1em;
	}
	
	#footer .block1 .active {
		font-weight: bold;
	}
	
	#footer .block1 .inactive {
		color: #618D91;
	}
	
	#footer .block2 {
		margin-left: 8em;
	}
	#footer .block3 {
		margin-left: 1em;
		margin-right: 1em;
		float: right;
		text-align: right;
	}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { width: 225px;}
  #col1_content { margin-left:1em; margin-right:1em; color:#444; background:inherit; padding-bottom: 2em; }

  #col2 { width:25%; display:none; }
  #col2_content { margin-left:1em; margin-right:1em; display:none; }

  #col3 { margin-left:0; 	margin-right:0; border-left:225px solid #83a7ab; border-right:0; background-color: #fff; }
  #col3_content { margin-left:1em; margin-right:1em; padding-bottom: 2em; }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

  #header img#ldalmv {	position: absolute; top: 0px; left: 0px;	}
  #header img#reiter {	position: absolute; bottom: 0px;	right: 10px; }

	#header div.tx-macinasearchbox-pi1 {position:absolute; top:130px; right:10px; font-size:0.8em;}
	#header div.tx-macinasearchbox-pi1 input {margin-left:0;}
  

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
	#teaser {margin:0; padding:0 1em 0 1em; background:#83a7ab; color:#003040;}
	#teaser div {float:left; width:auto; margin-right:1em;}
	#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
	#teaser .block1 a {color:#334;}
	#teaser .block1 a:hover {background:transparent;}
	#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
	#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
	#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
	#teaser .selectFontSize a {color:#334;}
	#teaser .selectFontSize a:hover {background:transparent;}
	#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
	#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em 0;}

}