/* general */
body, h1, h2, h3, p, ul, dl, dt, dd {margin: 0; padding: 0;}
body {background: #fff; text-align: center;}
img {border: none;}
a {color: #090; text-decoration: none;}
a:hover {color: #fff; background: #090; text-decoration: none;}

.clearer {clear: both;}
.print {display: none;}
.left {float: left;}
.right {float: right;}

div#container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	font: 12px/16px Georgia, serif;
	color: #272220;
	}
div#header {padding: 20px 0 0 6px; height: 40px; margin-left: 200px;}
	#header ul {float: left; padding-bottom: 0; padding-right: 75px;}
	#header li {display: inline; float: left; padding-right: 4px;}
	#header .active {font-weight: bold;}
	#header a, #header span {float: left; padding: 4px;}
div#logo {position: absolute; left: 30px; top: 0px; z-index: 300;}
	#logo a:hover {background: none;}
div#mainmenu {margin-top: 20px; font-size: 16px;}
	#mainmenu dl {float: left; padding-right: 30px;}
	#mainmenu dt {
		display: block;
		margin-bottom: 20px;
		width: 200px;
		padding: 4px 0 4px 10px;
		color: #fff;
		background: url(../images/mainmenu-header-bg.png) repeat;
		font-size: 20px;
		white-space: nowrap;
		}
	#mainmenu dd a, #mainmenu dd span {
		display: block;
		padding-left: 30px;
		background: url(../images/mainmenu-element.png) no-repeat;
		white-space: nowrap;
		}
	#mainmenu .active, #mainmenu .active a:link, #mainmenu .active a:visited {color: #fff; background: #50b948 url(../images/mainmenu-element-active.png) no-repeat;}
	#mainmenu dd a:link, #mainmenu dd a:visited {color: #75d86d;}
	#mainmenu dd a:hover {color: #fff; background: #50b948 url(../images/mainmenu-element.png) no-repeat;}

/* front page */
div#intro {
position: relative;
	width: 720px;
	height: 420px;
	padding: 50px 50px 20px 210px;
	margin-bottom: 10px;
	background: #403126 url(../images/front-intro-bg.jpg) no-repeat;
	line-height: 30px;
 	}
	#intro h1, #intro h2 {color: #fff; font-weight: normal;}
	#intro p, #intro h1, #intro h2 {padding-bottom: 10px;}
	#intro h1 {font-size: 27px; text-transform: uppercase;}
	#intro h2 {font-size: 20px;}
	#intro p {padding-right: 30px; font-size: 22px; color: #dbd7d5;}
div#fraktal {
	position: absolute;
	top: 470px;
	left: 0px;
	}
div#fraktal a {background: none;}

/* subpage */
.subpage #intro {
	height: 238px;
	padding: 15px 50px 20px 210px;
	background: #403126 url(../images/sub-intro-bg.jpg) no-repeat;
	}
div#content {
	margin-bottom: 15px;
	padding: 60px 100px 40px 165px;
	background-color: #efefef;
	font-size: 14px;
	line-height: 20px;
	}
	#content h1 {padding-bottom: 40px; font-size: 40px; font-weight: normal;}
	#content h2, #content h3 {
		margin-bottom: 10px;
		padding: 7px 0 5px 0;
		font: bold 22px Myriad, Helvetica, Arial, sans;
		color: #090;
		}
	#content h2 {border-bottom: dashed 2px #8b8988;}
	#content h3 {font-size: 16px;}
	#content p, #content ul {padding-bottom: 12px;}
	#content ul {padding-left: 30px;}
	#content li {padding-bottom: 5px; list-style-image: url(../images/sub-content-li.png);}
	#content img {float: left; margin: 5px 10px 20px 0;}
div#submenu {float: left; text-align: left; font-size: 14px; width: 150px; line-height: 14px;}
	#submenu dl {float: left;}
	#submenu dd {padding-bottom: 5px;}
	#submenu a, #submenu span {display: block; padding: 5px;}
	#submenu dt {font-size: 16px; font-weight: bold; border-bottom: dashed 1px #8b8988; margin: 10px 0 5px 0;}
	#submenu .active {font-weight: bold;}
div.text {float: left; padding-left: 30px; width: 525px;}
div#content div.text img {float: none; padding: 2px; margin: 0 0 5px 20px; border: solid 1px #8b8380; background: #fff;}
div#content h3 {clear: both;}
#content small {display: block; margin-bottom: 5px; text-align: right;}
div#footer {margin: 5px 250px 20px 210px; font: 10px/12px Tahoma, Helvetica, Arial, sans; color: #93908f;}
div#footer img {margin: 2px 10px 10px 0;}
.subpage #footer {margin: 5px 300px 20px 165px;}