/* ------------------------------------------

Title : Schornsteinfeger Template
Author : LIVID Media
URL : http://www.livid-media.de

Created : 2011-11-23

------------------------------------------ */

/* --- BASIC --- */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #444444;
	line-height: 20px;
	background-color: #9b9b9b;
	padding: 0;
	margin: 0;
}



/* --- HTML --- */
h1, h2, h3, h4 {
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 26px;
	margin-bottom: 25px;
}

h2 {
	font-size: 16px;
	color: #666;
	line-height: 18px;
	margin-bottom: 18px;
}

h3 {
	font-size: 15px;
	margin-bottom: 10px;
}

h4 {
	font-size: 14px;
	margin-bottom: 6px;
}

a {
	outline: 0;
}

a:link, a:visited {
	color: #008ce5;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

p {
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

ul {
	font-size: 12px;
	list-style: disc;
	margin-bottom: 14px;
}

li {
	margin-left: 17px;
	line-height: 20px;
}

em {
	font-style: italic;
}

small {
	font-size: 11px;
	color: #888;
}

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help;
}



/* --- BODY / HEADER --- */
#body {
	position: relative;
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(images/content-bg.png) repeat-y #fff;
	margin: 0 auto;
	box-shadow: 0 0 10px 0 #666;
	-moz-box-shadow: 0 0 10px 0 #666;
	-webkit-box-shadow: 0 0 10px 0 #666;
	-o-box-shadow: 0 0 10px 0 #666;
}

#header {
	position: relative;
	width: 980px;
	height: 192px;
	background: url(images/header-bg.jpg) no-repeat top center;
	margin: 0 auto;
	box-shadow: 0 0 5px 0 #666;
	-moz-box-shadow: 0 0 5px 0 #666;
	-webkit-box-shadow: 0 0 5px 0 #666;
	-o-box-shadow: 0 0 5px 0 #666;
}

#header #logo {
	position: absolute;
	top: 90px;
	left: 260px;
	width: 580px;
	height: 100px;
	color: #fff;
	text-shadow: 0 1px 2px #666;
}
#header #logo .name {
	font-weight: bold;
	height: 40px;
	font-size: 42px;
}
#header #logo .titel {
	font-size: 25px;
	color: #d3ecfe;
	margin-left: 100px;
}

#header #kleeblatt {
	position: absolute;
	top: 58px;
	right: -56px;
	width: 176px;
	height: 246px;
	background: url(images/kleeblatt.png) no-repeat top center;
}



/* --- CONTENT / NAVIGATION / FOOTER --- */
#sidebar {
	float: left;
	width: 220px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-top: 40px;
	margin: 0 30px 180px 0;
}

#navigation {
	margin-bottom: 40px;
}
#navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 38px;
	text-decoration: none;
	background-color: #dcdcdc;
	padding-left: 20px;
	margin-bottom: 6px;
}
#navigation li a:hover, #navigation li.active, #navigation li.active a {
	background-color: #94d0f5;
}

#sidebar .infobox {
	position: relative;
	font-size: 13px;
	color: #333;
	background-color: #f7f7f7;
	padding: 18px 10px 10px 20px;
	z-index: 10;
}

#main {
	float: left;
	width: 700px;
	padding: 48px 0 100px;
}

#stern {
	position: absolute;
	bottom: 48px;
	left: 10px;
	width: 199px;
	height: 98px;
	background: url(images/stern.png) no-repeat bottom center;
	z-index: 1;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 940px;
	height: 22px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	background: url(images/footer-bg.png) repeat-x top center;
	padding: 26px 20px 0;
}

#footer a {
	color: #fff;
}



/* --- FORMS --- */
#contactform {
	float: right;
	width: 300px;
}

.error {
	width: 500px;
	font-size: 11px;
	color: #bd001b;
	padding: 5px;
	background-color: #f5dade;
	border: 1px solid #e1a2ab;
	margin-bottom: 20px;
}

form {
	padding: 0;
	margin: 0;
	border: 0;
}

input, textarea {
	color: #444444;
	font-size: 13px;
	padding: 0;
	margin: 0;
	border: 1px solid #abd5df;
	background-color: #daf0f5;
}

.input-text {
	width: 500px;
	padding: 5px;
}

textarea {
	height: 100px;
	overflow: auto;
}

.button-send {
	width: 138px;
	height: 35px;
	font-family: Georgia, 'Times New Roman', Arial;
	color: #fff;
	padding-bottom: 2px;
	background-color: #00609d;
	border: 1px solid #0f496d;
	cursor: pointer;
}
.button-send:hover {
	background-color: #0f496d;
}



/* --- MISC --- */
.photo img {
	box-shadow: 0 0 4px 0 #999;
	-moz-box-shadow: 0 0 4px 0 #999;
	-webkit-box-shadow: 0 0 4px 0 #999;
	-o-box-shadow: 0 0 4px 0 #999;
}

div.hr {
	width: 940px;
	height: 30px;
	background: url(../images/hr.gif) top center no-repeat;
	margin-bottom: 18px;
	clear: both;
}
div.hr hr {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.img-left {
	float: left;
	margin: 0 20px 20px 0;
}

.img-right {
	float: right;
	margin: 0 0 20px 20px;
}

.skip {
	position: absolute;
	top: -10000px;
	left: -10000px;
	height: 1px;
	width: 1px;
}

.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
}