/***********************************************************
	Erstellt von Bernd Lutz
	Copyright by MOsound
	Letzte Änderung: 21.10.2008
***********************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 1.5em 0 0 0;
	font: small 'Lucida Grande', Verdana, Arial, sans-serif;
	line-height: 1.5em;
	color: #222;
	background: #fff;
}

/* Elements
-----------------------------------------------------------------------------------*/

a {
	outline: none;
	color: #42719f;
}

a:hover {
	color: #165089;
}

p, h2, h3 {
	margin: 1em 0;
}

h1 {
	margin: 1.5em 0;
	font-size: 142%;
	color: #165089;
	}

h2 {
	font-size: 124%;
	color: #444;
	}

h3 {
	font-size: 100%;
	text-transform: uppercase;
	color: #666;
	}

hr {
	display: none;
	}

img.left {
	float: left;
	margin: 0 1em .25em 0;
	}

img.right {
	float: right;
	margin: 0 0 .25em 1em;
	}

img.center {
	margin: 1em auto;
	}

ul, h2, h3 {
	clear: both;
	}

span.m span {
	display: none;
	}

/* Layout
-----------------------------------------------------------------------------------*/

#wrapper {
	width: 750px;
	margin: 0 auto;
	background: url(img/header.jpg) no-repeat 0 0;
	}

#header {
	position: relative;
	height: 120px;
	}

#nav {
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: .5em;
	}

#content {
	float: left;
	width: 480px;
	margin-bottom: 2em;
	}

#sidebar {
	float: right;
	width: 240px;
	margin: 1em 0 2em 0;
	}

#footer {
	clear: both;
	}

/* Header
-----------------------------------------------------------------------------------*/

#header {
	color: #666;
	}

#header a {
	display: block;
	position: absolute;
	left: 30px;
	top: 50px;
	width: 220px;
	height: 45px;
	text-indent: -3000px;
	}

#header strong {
	display: block;
	text-indent: -3000px;
	}

/* Navigation
-----------------------------------------------------------------------------------*/

#nav li {
	display: inline;
	}

#nav a {
	float: left;
	display: block;
	height: 26px;
	padding: 7px 12px;
	text-decoration: none;
	color: #fff;
	}

#nav a.active, #nav a:hover {
	background: url(img/active.gif) no-repeat 50% 100%;
	}

/* Content & Sidebar
-----------------------------------------------------------------------------------*/

#content ul, #sidebar ul {
	margin: 1em 0;
	padding-left: 1.25em;
	list-style: disc outside;
	}

#sidebar ul, #sidebar p {
	font-size: 86%;
	}

#content .subnav, #sidebar .subnav {
	list-style: none;
	padding: 0;
	}

#content .subnav li, #sidebar .subnav li {
	position: relative;
	margin-bottom: -1px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#content .subnav a, #sidebar .subnav a {
	display: block;
	padding: .25em 0 .25em 1em;
	text-decoration: none;
	}

#content .subnav li.active a, #sidebar .subnav li.active a {
	padding-left: 1em;
	color: #000;
	background: url(img/active_sub.gif) no-repeat 0 50%;
	}

/* --- Anfrageformular --- */

form {
	float: left;
	width: 100%;
	margin: 1em 0;
	}

form dt {
	float: left;
	clear: both;
	width: 30%;
	margin-right: 5%;
	padding: .5em 0;
	text-align: right;
	}

form dd {
	float: left;
	width: 64%;
	padding: .5em 0;
	}

form span {
	color: #f00;
	}

form em {
	display: block;
	position: relative; /* IE Ghost Bug */
	margin-bottom: .5em;
	font-size: 86%;
	color: #666;
	}

form label {
	font-weight: bold;
	}

input, textarea {
	width: 95%;
	padding: 2px;
	font: 100% Verdana, Arial, sans-serif;
	}

dd.submit {
	width: 100%;
	}

dd.submit input, dd.submit em {
	margin-left: 35%;
	}

dd.submit input {
	width: auto;
	padding: 0;
	}

.dummy {
	display: none;
	}

p.msg {
	padding: .75em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	color: #666;
	}

/* Footer
-----------------------------------------------------------------------------------*/

#footer {
	border-top: 1px solid #ddd;
	font-size: 86%;
	color: #7899b9;
	}

#footer a {
	color: #7899b9;
	}