/*  ==========================
    CSS by Patrick Beeli
    www.patrickbeeli.ch  
    ==========================  */

body {
	background-color: #ffffff;
	font-size: 0.8em;
	font-family: Georgia, Times, serif;
	color: #564b47;
	padding: 0;
	margin: 0;
}
a {
	color: #666577;
}
a:visited {
	color: #666577;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}
h1 {
	font-size: 1.3em; 
	font-weight: bold;
	padding: 15px 25px;
	margin: 0;
 }
h2 {
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px 25px;
	margin: 0;
}
p, pre {
	padding: 0 20px 15px 25px;
	margin: 0;
}
img {
	border: 0;
}

/*  ==========================
    Container
    ==========================  */
#container {
	width: 70em;
	margin: 10px auto 10px auto;
	padding: 0;
	background-color: #ffffff;
}
* html #container {
	width: 71em;
}
/*  ==========================
    Banner
    ==========================  */
#banner {
	margin: 0 20em 0 0 ;
	padding: 0;
	background-color: #ffffff;
	height: 130px;
}
#banner p{
	margin: 0;
	padding: 0;
}

/*  ==========================
    Banner2
    ==========================  */
#banner2 {
	float: right;
	width: 20em;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
#banner2 p{
	margin: 0;
	padding: 0 0 6px 0;
}
/*  ==========================
    Navigation
    ==========================  */
#navigation {
	height: 44px;
	background-color: #FA8146;
	padding: 0;
	margin: 0 20em 0 0;
}

#navigation, #navigation ul {
	list-style: none;
	line-height: 1;
	padding: 0;
	border: 0;
	}
#navigation ul {
	float: left;
	width: 150px;
	margin: 15px 0 0 25px;
	}

#navigation a, #navigation a:visited {
	display: block;
	width: 150px;
	color: #fff;
	background-color: #000;
	text-decoration: none;
	padding: 2px;
	font-size: 14px;
	}
#navigation a:hover, #navigation a:active {
	display: block;
	width: 150px;
	color: #fff;
	background-color: #FA8146;
	text-decoration: none;
	padding: 2px;
	}

#navigation li {
	float: left;
	padding: 0;
	width: 150px;
	}

#navigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	border: 0;
	margin: 0;
	}

#navigation li li {
	padding-right: 1px;
	width: 150px;
	}

#navigation li ul a {
	width: 150px;
	}

#navigation li ul ul {
	margin: -16px 0 0 150px;
	}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
	}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
	}

#navigation li:hover, #navigation li.sfhover {
	background: #000000;
	}

/*  ==========================
    Content
    ==========================  */
#content {
	min-height: 600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 20em 0 0 ;
}
#content .title {
	font-size: 2.0em; 
	font-weight: bold;
	padding: 15px 25px 15px 0;
	margin: 0;
 }
#content .lead {
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px 25px 5px 0;
	margin: 0;
}

#content .dreispaltig {
	float: left;
	padding: 5px 0 5px 25px;
	width: 14em;
}
#content .clear {
	clear: left;
}
#content p, pre {
	padding: 0;
	margin: 0;
}

/*  ==========================
    Sidebar
    ==========================  */

#sidebar {
	float: right;
	width: 20em;
	margin: 0;
	padding: 15px 0 15px 0;
	color: #ffffff;
	background-color: #F7E6B0;
}
#sidebar p, pre, ul, li {
	color: #666577;
}
#sidebar .bordertop {
	border-top: 4px solid #ffffff;
	padding-top: 15px;
}
#sidebar .title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FA8146;
	font-size: 1.4em;
	font-weight: bold;
	}
#sidebar ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#sidebar li a {
	text-decoration: none;
	color: #666577;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar li{
	margin: 0;
	padding: 0 0 4px 0;
}

/*  ==========================
    Footer
    ==========================  */
#footer {
	clear: left;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	}