/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
	margin: 0;
	padding: 0;
}

a {color: #225746;}
a:hover {color: #225746;}

body {
	background: #E6ECEA url(images/bgbg.jpg) repeat-x left top;
	color: #444;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align     : center;
}

.title
{
font-size: 24px;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 14px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}

h1,h2,h3 {padding-top: 6px; color: #225746}

.clear {
clear: both;
}

/* structure */
.container {
	background        : #FFF;
	font-size         : 1.2em;
	margin            : 0 auto;
	padding           : 10px 10px 10px 10px;
	width             : 850px;
	border            : 0px solid #265948;
}

/* header */
.top {

	padding: 20px 10px 0;
}

/* title */
.header {
	background: #FFF;
	font-size: 14px;
	height: 150px;
	
	/*
	margin: 0 auto;
	padding: 10px 10px 5px 10px;
	width: 850px; */
}

#logo {
	width: 850px;
	height: 150px;
	margin: 0 auto;
	background: #235A49 url(images/bg5.gif) repeat-x left top;
	text-align: right;
}

#logo h1, #logo h2 {
	margin: 0;
	padding-right: 20px;
}

#logo h1 {
    font-family    : trebuchet ms, Arial, Helvetica, sans-serif;
	padding        : 45px 25px 0 25px;
	font-size      : 36px;
	color          : #CCD8D4;
}

#logo h2, #logo p {
    font-family    : trebuchet ms, Arial, Helvetica, sans-serif;
	padding        : 0px 25px 0 25px;
	font-size      : 13px;
	font-weight    : bold;
	color          : #CCD8D4;
}


#logo a {
	color: #CCD8D4;
	text-decoration     : none;
}

/* navigation */
.navigation {	
	background: #D9E1E5 url(images/menu.gif);
	height: 26px;
    margin-top: 3px;
	width: 850px;
	border: 0;
}
.navigation a, .navigation a:link, .navigation a:active, .navigation a:visited {
	background: #D9E1E5 url(images/menu.gif);
	color: #ffffff;
	display: block;
	float: left;
	font: bold 13px trebuchet ms, sans-serif;
	line-height: 26px;
	padding: 0 20px;
	text-decoration: none;
	margin: 0 auto;
	border: 0;
}

.navigation a:hover {
background: #256B55;
color: #ffffff;
text-decoration: none;
border: 0;
}

/* main */
.mai {
	border-top: 4px solid #FFF;
	background: url(images/bgmain.gi) repeat-y;
}

/* content */
.content {
    font-family       : georgia, trebuchet ms, Arial, Helvetica, sans-serif;
    font-size         : 17px;
	line-height       : 140%;
	floa: left;
	margin: 10px 0;
    padding           : 0px 0px 5px 10px;
	width: 826px;
	text-align        : justify;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(images/li.gif);
	margin-left: 18px;
}

.content H1, .content H2 {
font-family       : georgia, trebuchet ms, Arial, Helvetica, sans-serif;
font-size         : 24px;
font-weight       : normal;
padding           : 12px 0 2px 0;
margin            : 0 0 18px 0;
letter-spacing    : -0.01em;
border-bottom     : 1px dotted #225746;
}

.content H3 {
font-family       : georgia, trebuchet ms, Arial, Helvetica, sans-serif;
font-size         : 22px;
font-weight       : normal;
padding           : 10px 0 2px 0;
margin            : 0 0 10px 0;
letter-spacing    : -0.01em;
border-bottom     : 1px dotted #225746;
}

.content p {
font-family       : georgia, trebuchet ms, Arial, Helvetica, sans-serif;
font-size         : 16px;
}

.block {
padding           : 0 0 5px 13px;
margin            : 10px 0 15px 0;
border-left       : 4px solid #246652;
font-style        : italic;
font-weight       : normal;
font-size         : 16px;
}


/* footer */
#footer {
	background: url(images/bgfooter.gif) repeat-x;
	color: #FFF;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;

	padding: 15px 0 13px 0;
}
#footer p
{
padding: 0px;
margin: 0px;
}
#footer a, #footer a:hover {color: #FFF; text-decoration: none;}

.unten {
	color: #555;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: center;
	padding     : 10px 0 10px 0;
}