@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300);

* { margin: 0; padding: 0; }
html, body { background: #fff; color: #606060; height: 100%; font-family: 'Open Sans', Arial, sans-serif; width: 100%; }
body { padding: 0.938em; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

header { position: relative; z-index: 999; }
header h1 { text-indent: -9999px; font-size: 0; }
header nav { background: transparent url('../images/nav_background.png') no-repeat top left; height: 320px; position: fixed; top: 0; width: 330px; z-index: 15; }
header nav ul { list-style-type: none; margin: 11.950em 0 0 0.7em; padding: 0; }
header nav ul li { margin: 0 2.063em; padding: 0; }
header nav a { color: white; display: block; font-size: 1.250em; font-weight: 300;line-height: 1.875em; text-decoration: none; text-transform: uppercase; }
header nav a:hover { background: transparent url('../images/nav_plus.png') no-repeat center right; }

section#intro { background: #fff; position: relative; }
section#intro:before { content: ''; background: transparent url('../images/overlap_before_intro.png') no-repeat top right; display: block; height: 156px; position: absolute; top: -156px; width: 100%; z-index: 5; }
section#intro:after { content: ''; background: transparent url('../images/overlap_after_intro.png') no-repeat top right; display: block; height: 280px; position: absolute; bottom: -156px; width: 100%; z-index: 5; }

section#leistungen { background: #fff; position: relative; }
section#leistungen:before { content: ''; background: transparent url('../images/overlap_before_leistungen.png') no-repeat top right; display: block; height: 44px; position: absolute; top: -44px; width: 100%; z-index: 5; }

section#vita { background: #fff; position: relative; }
section#vita:before { content: ''; background: transparent url('../images/overlap_before_vita.png') no-repeat top right; display: block; height: 280px; position: absolute; top: -160px; width: 100%; z-index: 5; }

.content {font-size: 0.938em; padding: 5.000em 0; position: relative; z-index: 10; }
.content p { line-height: 1.750em; margin: 0 0 1.000em 0; }
.content ul { margin: 0; padding: 0; }
.content ul li { background: transparent url('../images/list_item.png') no-repeat top left; line-height: 1.750em; margin: 0 0 0.625em 0; padding: 0 0 0 1.250em; list-style-type: none; }
.content span.quote-top, .content span.quote-bottom { background: transparent url('../images/quote_top.jpg') no-repeat top left; display: inline-block; height: 37px; width: 46px; }

.two-cols-ff, .two-cols-ts { width: 100%; overflow: hidden; }
.two-cols-ff .col-left, .two-cols-ff .col-right { width: 48%; }
.two-cols-ts .col-left { width: 33%; } 
.two-cols-ts .col-right { width: 65%; }

#map-canvas { height: 700px; width: 100%; }
#map-canvas .gm-style div { color: #606060; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; }
#map-canvas .gm-style p { line-height: 20px; margin: 0 0 1.000em 0; }
#map-canvas .gm-style p.last { margin: 0 0 0 0; }
#map-canvas .gm-style a { color: #ff0100; text-decoration: underline; }

footer { background: #3d3d3d; border-bottom: 0.938em solid #fff; color: #b2b2b2; font-size: 0.813em; padding: 1.875em 0; width: 100% }
footer ul { display: block; margin: 0; padding: 0; position: relative; text-align: center; }
footer ul li { display: inline-block; list-style-type: none; margin: 0 1.000em 0 0 !important;  padding: 0; text-align: center; }
footer ul li a { color: #b2b2b2; display: block; text-decoration: none; }
footer ul li a.mail { background: transparent url('../images/icon_email.png') no-repeat center center; margin: 0 !important; width: 16px; }

h1 { font-weight: 400; }
h2 { font-size: 2.000em; font-style: italic; font-weight: 300; line-height: 1.250em; margin: 0; padding: 0; }
h3 { font-size: 1.625em; font-weight: 400; line-height: 1.625em; margin: 0 0 0.500em 0; padding: 0; }
a { outline: none; }

.left { float: left; }
.right { float: right; }
.container { position: relative; margin: 0 auto; max-width: 988px; }
.background { height: 700px; background-position: center; /*background-attachment: fixed; */-webkit-background-size: covers; background-size: cover; width: 100%; }

#bg-intro { }
.background-0 { background-image: url('../images/bg_intro_0.jpg'); }
.background-1 { background-image: url('../images/bg_intro_1.jpg'); }
.background-2 { background-image: url('../images/bg_intro_2.jpg'); }
.background-3 { background-image: url('../images/bg_intro_3.jpg'); }

#bg-leistungen { background-image: url('../images/bg_leistungen.jpg'); }
#bg-vita { background-image: url('../images/bg_vita.jpg'); }

div.element.tabmenu { display:block; width: 100%; }
div.element.tabmenu div.tabs.horizontal ul.tabmenu{ margin: 0; list-style: none; float: left; width: 100%; list-style-image: none; }
div.element.tabmenu div.tabs.horizontal ul.tabmenu li.tab { background: #f0f0f0; border-width: 2px 2px 0 2px; border-style: solid; border-color: #f0f0f0; float: left; list-style-image: none; margin: 0; padding: 0; margin-right: 0.1em; }
div.element.tabmenu div.tabs.horizontal ul.tabmenu li.tab.ui-state-active { background: white; border-width: 2px 2px 0 2px; border-style: solid; border-color: #f0f0f0; margin: 0; padding: 0; position: relative; z-index: 5; }
div.element.tabmenu div.tabs.horizontal ul.tabmenu li.tab a { color: #707070; padding: 1.000em 0.725em; margin: 0; display: block; float: left; text-decoration: none; outline: none; }
div.element.tabmenu div.tabs.horizontal ul.tabmenu li.tab:hover a, div.element.tabmenu div.tabs.horizontal ul.tabmenu li.tab.ui-state-active a { color: #ff0100; }
div.element.tabmenu div.tabs.horizontal div.ui-tabs-panel { float: left; padding: 30px 0; margin: -12px 0 0; width: 100%; }
div.element.tabmenu div.tabs.horizontal div.ui-tabs-panel.ui-tabs-hide { display: none; }

.iframe-inner h2 { margin: 0 0 0.750em 0; padding: 0; }
.iframe-inner h3 { font-size: 1.250em; font-weight: 400; line-height: 1.625em; margin: 0 0 0.500em 0; padding: 0; }
.iframe-inner p { font-size: 0.875em; line-height: 20px; margin: 0 0 1.000em 0; }
.iframe-inner a { color: #ff0100; text-decoration: none; }

#tabs-5 ul li { position: relative; }
span.number { position: absolute; left: 18px; top: 0; font-weight: bold; }
span.space-left { display: block; padding-left: 28px; }