article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div { display: block; position: relative;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #0070c6; color: #fff; text-shadow: none; }
::selection { background: #0070c6; color: #fff; text-shadow: none; }

a { color: #e3a017; }
a:visited { color: #e3a017; }
a:hover { color: #e3a017; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

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

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


body 		{ width: 960px; margin: 0 auto; padding-bottom: 20px;}

h1, h2, h3	{ font-family: Helvetica, Arial, sans-serif; color: #0070c6; margin: 10px 0 20px 0;}

h1			{ color: #e3a017; font-size: 24px; line-height: 28px;}
h1 em		{ color: #0070c6; font-style: normal; font-size: 36px; line-height: 60px;}

h2			{ font-size: 18px; line-height: 24px; font-weight: normal;}
h3			{ font-size: 20px; line-height: 28px;}

p			{ font-size: 13px; line-height: 18px; color: #666;}

ul			{ list-style: none; margin: 0 0 10px 0; padding: 0;}
ul li		{ font-size: 15px; line-height: 22px; margin-bottom: 6px; color: #444; padding-left: 28px; background: url('../img/haken.gif') no-repeat left 2px;}

a.button	{ height: 20px; line-height: 20px; padding: 8px 10px; color: #fff; font-weight: bold; background: #10ae17 url('../img/button.png') repeat-x center center; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
a.button:hover	{ background-image: none; background-color: #10c718;}

#header		{ width: 960px; height: 220px;}
#header h1		{ position: absolute; top: 0px; left: 20px; z-index: 2;}
#header .button	{ position: absolute; top: 150px; left: 10px; z-index: 2;}
#header-image	{ position: absolute; bottom: 0; left: 0; z-index: 1;}

.box		{ padding: 3px 18px; border: 2px solid #b2d2ea; margin-bottom: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.content	{ padding: 3px 20px; margin-bottom: 10px; margin-top: 20px;}

#content .box, #content .content	{ padding-right: 110px;}
#aside .box	{ background: #f4f7fa;}

#content	{ width: 680px; float: left; margin-top: 20px;}
#aside		{ width: 260px; float: right; margin-top: 20px;}

blockquote	{ padding: 20px 0; margin: 0 20px; font-style: italic; color: #0070c6; font-size: 16px; line-height: 28px;}

#formular-anfrage	{ padding: 20px 50px 20px 20px;}
.form-row			{ clear: left; padding-top: 10px; color: #666; font-size: 15px;}
.form-row big		{ color: #0070c6; font-weight: bold;}
.form-row-submit	{ clear: left; text-align: right; height: 40px; padding-top: 20px;}

input[type="text"]	{ height: 20px; line-height: 20px; padding: 4px; float: left; margin-right: 30px;}

textarea			{ line-height: 20px; width: 300px; padding: 4px; height: 80px;}

.input-large		{ width: 300px;}
.input-medium		{ width: 150px;}
.input-small		{ width: 80px;}

.error	{ font-size: 15px; color: #ff0000; padding-bottom: 10px;}

label		{ display: block; float: left; text-align: right; margin-right: 10px; padding-right: 10px; line-height: 20px; padding: 5px 0; width: 130px; font-size: 15px; color: #666;}

#button-submit	{ border: none; outline: none; height: 36px; line-height: 20px; padding: 8px 10px; color: #fff; font-weight: bold; background: #10ae17 url('../img/button.png') repeat-x center center; text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#button-submit:hover	{ background-image: none; background-color: #10c718;}

#footer		{ clear: both; margin-top: 20px; border-top: 1px solid #ccc; width: 960px; text-align: center;}
#footer ul	{ margin: 0 auto; padding: 10px 0;}
#footer ul li	{ display: inline; background: none; padding: 0; margin: 0 5px; font-size: 13px; line-height: 20px; color: #666;}


.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { clear: both;}