@charset "utf-8";

	/** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (de) Bildschirmlayout fuer 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{

body{
	background: white;
	padding-top: 10px;
	border: thin black;
}

#page_margins{
	width: 780px;
	margin: auto;
	border: 1px solid black;
}

#page{
	background: transparent;
	border: transparent;
}

#header {
	height: 249px;
	background-image: url(../bilder/Drachenheader.jpg);
}

#topnav{
	top: 0px;
	left: 0px;
	color: #99CC33;
	background: transparent;
}

#footer{
	color: gray;
	background: #99CC33;
	padding: 5px;
	border-top: transparent;
	font-size: 80%;
}

#teaser{
	margin: 0;
	padding: 0;
	background: #DFDFDF;
	color: #32416C;
	border-bottom: 1px solid #99CC33;
}

#nav_main{
	background: #99CC33;
	color: #DFDFDF;
	line-height: 0;
	letter-spacing: 1px;
	font-variant: small-caps;
}

#nav_main ul li a,#nav_main ul li strong{
	background: transparent;
	display: block;
	color: #DFDFDF;
	font-size: 1em;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
}

#nav_main ul li a:focus,#nav_main ul li a:hover,#nav_main ul li a:active{
	background: #DFDFDF;
	color: #32416C;
	text-decoration: none;
}

#nav_main ul li#current{
	background: #DFDFDF;
	color: #32416C;
	border-top: 1px solid #99CC33;
}

#submenu a,#submenu strong{
	display: block;
	width: 90%;
	padding: 1px 0px 1px 10%;
	text-decoration: none;
	background-color: #FFFFF0;
	color: #32416C;
	border-bottom: 1px #BEC3D0 solid;
}

#submenu li#title{
	width: 90%;
	padding: 1px 0px 1px 10%;
	color: #DAE6EF;
	background-color: #99CC33;
	border-bottom: 2px solid #99CC33;
	letter-spacing: 1px;
	font-variant: small-caps;
}

#submenu li#active,#submenu li strong{
	width: 90%;
	padding: 1px 0px 1px 10%;
	color: #32416C;
	background-color: #99CC33;
	border-bottom: 1px #BEC3D0 solid;
}

#submenu li a:focus,#submenu li a:hover,#submenu li a:active{
	background-color: #99CC33;
	color: #32416C;
}

#submenu li ul li a:focus,#submenu li ul li a:hover,#submenu li ul li a:active{
	background-color: #99CC33;
	color: #32416C;
}

#submenu li ul li ul li a:focus,#submenu li ul li ul li a:hover,#submenu li ul li ul li a:active{
	background-color: #99CC33;
	color: #32416C;
}

#submenu li ul li ul li ul li a:focus,#submenu li ul li ul li ul li a:hover,#submenu li ul li ul li ul li a:active{
	background-color: #99CC33;
	color: #32416C;
}

}