@charset "utf-8";
@import url('google_web_fonts.css');
* {
border: 0;
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
body {
text-align: center;
color: #87888a;
font: 400 1em/1.375em 'Open Sans', sans-serif; /*16px*/
background-color: #e7e7e7;
}
button {
overflow: visible;
}
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
display: block;
}
a:link,
a:visited {
text-decoration: none;
color: #1667a4;
}
a:hover,
a:active {
color: #e49e3c;
}
p {
margin-bottom: 30px;
}
.clear {
clear: both;
float: none;
}
strong, b {
font-weight: 700;
}
/* Headlines */
h1, h2, h3, h4, h5, h6 {
margin-bottom: 27px;
font: 400 1.875em/1.3em 'Open Sans', sans-serif; /*30px*/;
color: #1767a4;
}
.black {
color: #000;
}
abbr {
display: none !important;
}
/* AUFBAU ------------------------------------------------------------ */
.wrapper_960,
.wrapper_1360 {
margin: 0 auto;
width: 960px;
min-width: 960px;
text-align: left;
overflow: visible;
}
.wrapper_1360 {
width: auto;
max-width: 1360px;
min-width: 960px;
}
#wrapper_main {
background-color: #fff;
overflow: hidden;
}
#slideshow_header {
margin-bottom: 40px;
}
@media (max-width:1016px) {}
/* HEADER ------------------------------------------------------------ */
#header {
width: 100%;
height: 60px;
background-color: #3e3d40;
min-width: 960px;
}
#header .wrapper_960 {
height: 60px;
position: relative;
z-index: 99 !important;
min-width: 960px;
}
#logo {
position: absolute;
top: 0;
left: 0;
z-index: 99 !important;
width: 264px;
height: 99px;
}
#main_left_col {
max-width: 300px;
height: auto;
float: left;
}
#main_right_col {
width: 620px;
float: right;
padding: 0 0 40px 40px;
}
/* NAVIGATION -------------------------------------------------------- */
#main {
position: absolute;
top: 13px;
right: 0;
}
#main li {
margin-left: 9px;
float: left;
list-style: none;
}
#main a:link,
#main a:visited {
display: block;
padding: 5px 10px;
color: #fff;
font-size: 1.125em;/*18px*/
line-height: 1.3em;/*20px*/
}
#main .active a:link,
#main .active a:visited,
#main a:hover,
#main a:active {
background-color: #e49e3c;
}
/* Subnavi */
#sub {
margin-bottom: 60px;
}
#sub ul {
font-size: 1.125em;/*18px*/
}
#sub ul li {
list-style: none;
clear: both;
}
#sub ul li.navi_ueberschrift {
width: 300px;
padding: 8px 0;
line-height: 24px;
display: inline-block;
position: relative;
color: #3e3d40;
word-wrap:break-word;
margin: 30px 0 10px 0;
font-weight: bold;
}
#sub ul li a:link,
#sub ul li a:visited {
width: 300px;
padding: 8px 0;
line-height: 24px;
display: block;
position: relative;
color: #3e3d40;
cursor: pointer;
word-wrap:break-word;
}
#sub ul li.active a:link,
#sub ul li.active a:visited,
#sub ul li.next_10.active a:link,
#sub ul li.next_10.active a:visited,
#sub ul li.next_20.active a:link,
#sub ul li.next_20.active a:visited {
color: #e49e3c;
font-weight: bold;
}
#sub ul li a:hover,
#sub ul li a:active {
color: #e49e3c;
}
#sub ul li a:link .line,
#sub ul li a:visited .line {
position: absolute;
bottom: 0;
left: -200px;
width: 500px;
height: 1px;
display: block;
background: transparent url(/bilder/sub_navi_border_bottom.png) 0 bottom repeat-x;
}
#sub ul li a:hover .line,
#sub ul li a:active .line,
#sub ul li.active a:link .line,
#sub ul li.active a:visited .line {
background: transparent url(/bilder/sub_navi_border_bottom_active.png) 0 bottom repeat-x;
}
#sub ul li.next_20 .line.invisible {
visibility: hidden;
}
#sub ul li.next_10 a:link,
#sub ul li.next_10 a:visited {
padding-left: 30px;
width: 270px;
color: #87888a;
}
#sub ul li.next_10 a:hover,
#sub ul li.next_10 a:active {
color: #e49e3c;
}
#sub ul li.next_20 a:link,
#sub ul li.next_20 a:visited {
background: transparent url(/bilder/icon_sub_navi.png) 30px 12px no-repeat;
padding-left: 50px;
width: 250px;
color: #87888a;
}
#sub ul li.next_20 a:hover,
#sub ul li.next_20 a:active,
#sub ul li.next_20.active a:link,
#sub ul li.next_20.active a:visited {
background: transparent url(/bilder/icon_sub_navi.png) 30px -233px no-repeat;
color: #e49e3c;
}
/* SLIDESHOW --------------------------------------------------------- */
#slideshow_header {
max-width: 1360px;
min-width: 960px;
height: 326px;
display: block;
overflow: hidden;
position: relative;
left: 0;
top: 0;
z-index: 0 !important;
}
/* CONTENT ----------------------------------------------------------- */
article {
clear: both;
}
a.more_icon:link,
a.more_icon:visited {
padding: 0 0 0 20px;
margin: 0 0 30px 0;
height: 17px;
display: inline-block;
line-height: 15px;
background: transparent url(/bilder/more_icon.png) 0 0 no-repeat;
font-weight: bold;
overflow: hidden;
}
a.more_icon.back:link,
a.more_icon.back:visited {
background: transparent url(/bilder/more_icon_back.png) 0 0 no-repeat;
}
/* Subpage */
.subpage h2 {
font-size: 1em;
font-weight: bold;
}
.single_subpage {
padding-top: 5px;
width: 186px;
height: 218px;
overflow: hidden;
float: left;
position: relative;
}
.single_subpage .lupe,
.bild2 .lupe {
position: absolute;
width: 39px;
height: 38px;
display: block;
z-index: 99;
right: 0;
bottom: 0;
background: transparent url(/bilder/icon-lupe.png) 0 0 no-repeat;
cursor: pointer;
}
.single_subpage.left,
.bild2.left {
margin: 0 40px 20px 0;
}
.single_subpage.right,
.bild2.right {
margin: 0 0 20px 40px;
float: right;
}
.single_gallery_subpage {
overflow: hidden;
float: left;
padding-top: 5px;
margin: 0 40px 20px 0;
}
.single_gallery_subpage .image {
width: 186px;
height: 218px;
float: left;
overflow: hidden;
margin-right: 20px;
}
.single_gallery_subpage .image.bild2 {
width: 200px;
height: 80px;
overflow: hidden;
}
.single_gallery_subpage .image.last {
margin: 0;
}
/* UNTERSEITE -------------------------------------------------------- */
.subpage .bild {
width: 184px;
height: 216px;
border: 1px solid #e7e7e7;
padding: 0;
margin-top: 5px;
overflow: hidden;
position: relative;
}
.subpage .bild2 {
width: 200px;
height: 80px;
overflow: hidden;
float: left;
position: relative;
}
.subpage .bild .lupe,
.subpage .bild2 .lupe {
width: 39px;
height: 38px;
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
background: transparent url(/bilder/icon-lupe.png) 0 0 no-repeat;
cursor: pointer;
}
.subpage .bild_wrapper,
.subpage .bild_wrapper.left {
width: 184px;
height: auto;
float: left;
margin: 0 40px 30px 0;
}
.subpage .bilder_wrapper {
float: left;
overflow: hidden;
}
.subpage .bild_wrapper.right {
width: 184px;
height: auto;
float: right;
margin: 0 0 30px 40px;
}
.subpage .bild_beschreibung {
margin: 10px 0;
font-size: 0.75em;
line-height: 1.3em;
display: none;
}
/* REPORTS -- -------------------------------------------------------- */
.reports h1, .reports h2, .reports h3, .reports h4, .reports h5, .reports h6 {
	font-weight: 400;
}
.reports h1 { font-size: 1.625em; /*26px*/ margin-bottom: 5px; }
.reports h2 { font-size: 1.5em; /*24px*/ margin-bottom: 16px; }
.reports h3 { font-size: 1.375em; /*22px*/ margin-bottom: 12px; }
.reports h4 { font-size: 1.25em; /*20px*/ margin-bottom: 12px; }
.reports h5 { font-size: 1.125em; /*18px*/ margin-bottom: 12px; }
.reports h6 { font-size: 1.125em; /*18px*/ margin-bottom: 12px; }
.reports .zusatzinformationen {
	font-size: 1.25em;
	color: #1767a4;
	margin-bottom: 23px;
	font-weight: 400;
}
.reports .zusatzinformationen h2 {
	margin: 0;
}
.reports article {
	margin-bottom: 30px;
}
.reports article.last {
	margin: 0;
	border: none;
}
.reports .trenner {
	width: 100%;
	height: 14px;
	display: block;
	background: transparent url(../bilder/icon_line.png) 0 0 repeat-x;
}
.reports article.last .trenner {
	display: none;
}
.reports .bild,
.reports .bild2 {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 200px;
}
.reports .bilder_wrapper {
	width: 620px;
	display: block;
	overflow: hidden;
}
.reports .text .gallery {
	width: 620px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.reports .text .gallery .image {
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin: 0 10px 10px 0;
}
.reports .text .gallery .image.last {
	margin-right: 0;
}
/* OVERVIEW ---------------------------------------------------------- */
.overview article {
width: 186px;
height: 340px;
float: left;
clear: none;
margin: 0 31px 31px 0;
}
.overview article.last {
margin-right: 0;
}
.overview .single_subpage {
border: 1px solid #e7e7e7;
margin: 5px 0 20px 0;
padding: 0;
width: 184px;
height: 216px;
position: relative;
}
.single_subpage_no_image {
border: 1px solid #e7e7e7;
margin: 5px 0 20px 0;
padding: 0;
width: 184px;
height: 216px;
display: block;
}
.overview .single_subpage a:link .overlay,
.overview .single_subpage a:visited .overlay {
width: 184px;
height: 216px;
display: block;
position: absolute;
left: 0;
top: 0;
background: transparent url(/bilder/overview_overlay.png) 0 0 no-repeat;
display: none;
}
.overview .single_subpage a:hover .overlay,
.overview .single_subpage a:active .overlay {
display: block;
cursor: pointer;
}
.overview h2 {
font-size: 1em/*16px*/;
font-weight: bold;
margin: 0 0 10px 0;
}
.overview p {
margin: 0;
}
.overview .link:hover h2,
.overview .link:hover a .overlay {
color: #e49e3c;
display: block;
}
/* PROFILSEITE ------------------------------------------------------- */
.profilseite .profil_wrapper {
overflow: hidden;
}
.profilseite table {
word-wrap: break-word;
word-break: break-all;
}
.profilseite .bild {
width: 184px;
height: 216px;
border: 1px solid #e7e7e7;
padding: 0;
margin-top: 5px;
overflow: hidden;
position: relative;
}
.profilseite .bild .lupe {
width: 39px;
height: 38px;
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
background: transparent url(/bilder/icon-lupe.png) 0 0 no-repeat;
cursor: pointer;
}
.profilseite .bild_wrapper,
.profilseite .bild_wrapper.left {
width: 184px;
height: auto;
float: left;
margin: 0 40px 30px 0;
}
.profilseite .bilder_wrapper {
float: left;
overflow: hidden;
}
.profilseite .bild_wrapper.right {
width: 184px;
height: auto;
float: right;
margin: 0 0 30px 40px;
}
.profilseite .bild_beschreibung {
margin: 10px 0;
font-size: 0.75em;
line-height: 1.3em;
display: none;
}
.profilseite h2.name {
font-size: 1em;/*16px*/
font-weight: bold;
margin: 0;
}
.profilseite h2{
font-size: 1em;/*16px*/
font-weight: bold;
}
.profilseite .funktion {
margin-bottom: 20px;
}
.profilseite .text1 {
overflow: hidden;
margin-bottom: 20px;
}
.profilseite .text1 p {
margin-bottom: 20px;
}
.profilseite .text2 {
}
.profilseite .right_col {
width: 395px;
float: right;
}
/* NEWS-SEITE -------------------------------------------------------- */
/* News small */
section#news_small {
float: none;
margin: 0;
padding: 0;
width: 300px;
}
section#news_small article {
position: relative;
margin-bottom: 40px;
}
section#news_small h1 {
display: inline-block;
float: left;
}
section#news_small .more_icon.header_news_small {
margin-top: 15px;
float: right;
}
section#news_small h2 {
font-size: 1em/*16px*/;
font-weight: bold;
margin-bottom: 11px;
}
section#news_small .text {
overflow: hidden;
}
section#news_small .date {
margin-bottom: 17px;
color: #b1b3b4;
}
section#news_small .news_small_single_wrapper {
width: 80px;
float: left;
margin: 0 20px 20px 0;
overflow: hidden;
}
section#news_small .news_small_single_wrapper .news_small_single_gallery {
width: 80px;
height: 170px;
overflow: hidden;
}
section#news_small .news_small_single_wrapper .news_small_single,
section#news_small .news_small_single_wrapper .news_small_image {
width: 80px;
height: 80px;
overflow: hidden;
}
section#news_small .news_small_single_wrapper .news_small_image {
margin-bottom: 10px;
}
section#news_small .news_small_single_wrapper .news_small_image.last {
margin: 0;
}
section#news_small .news_small_single_wrapper img {
width: 80px;
}
section#news_small .text_container {
margin-top: -5px;
margin-bottom: 20px;
float: left;
width: 200px;
}
section#news_small .text_container p {
display: inline;
}
section#news_small .line {
width: 500px;
height: 40px;
display: block;
clear: both;
position: absolute;
left: -200px;
bottom: 0;
background: transparent url(/bilder/sub_navi_border_bottom.png) 0 bottom repeat-x;
}
/* News large */
.news h2.uebersicht {
font-size: 1em/*16px*/;
font-weight: bold;
}
.news.uebersicht {
overflow: hidden;
padding-bottom: 40px;
}
/*
.news .text_container p {
display: inline;
}
*/
.news.detail .text_container p {
display: inherit;
}
.news a.more_icon {
margin-top: 30px;
}
.news .date {
color: #b1b3b4;
}
/* KONTAKT ----------------------------------------------------------- */
.kontakt article {
width: 310px;
float: left;
clear: none;
margin-bottom: 20px;
}
.kontakt h2 {
font-size: 1em;/*16px*/
font-weight: bold;
margin: 0;
}
.kontakt .single_subpage,
.kontakt .single_gallery_subpage .image {
width: 98px;
height: 109px;
float: left;
margin-right: 20px;
}
.kontakt .downloads {
clear: both;
}
.kontakt .row_contatct_person {
padding-top: 15px;
}
/* KONTAKTFORMULAR --------------------------------------------------- */
.erfolg {
margin-top: 20px;
}
fieldset {
width: 100%;
overflow: hidden;
display: block;
}
legend,
caption {
display: none;
}
label {
display: none;
float: none;
margin-bottom: 5px;
}
#form input {
float: none;
height: 40px;
line-height: 40px;
}
#form input,
#form textarea {
margin-bottom: 10px;
padding: 0 20px;
border: none;
border-bottom: 1px solid #dbdbdb;
font: 400 1em/1.375em 'Open Sans', sans-serif;/*16px*/
width: 260px;
color: #4b4b4d;
clear: right;
}
#form textarea {
min-height: 160px;
padding: 20px;
margin-top: 30px;
border: 1px solid #dbdbdb;
}
#form input#company {
width: 580px;
}
textarea {
resize: vertical;
height: 10em;
max-width: 308px;
}
input#datenschutz {
margin: 0;
padding: 0;
border: 0;
width: 12px;
height: 12px;
}
#form input:focus,
#form textarea:focus {
background: none;
outline: none;
border-bottom: 1px solid #e49e3c;
}
#form textarea:focus {
border: 1px solid #e49e3c;
}
input#objekt_id:focus {
border-color: #d9dadb;
}
input.submit,
input#reset {
width: 90px !important;
height: 40px;
margin: 0;
padding: 0 30px;
border: 1px solid #dbdbdb !important;
font: 400 1em/1.375em 'Open Sans', sans-serif;/*16px*/
text-align: center;
cursor: pointer;
color: #1767a4 !important;
background-color: #fff;
}
input.submit {
margin: 0 0 40px 0;
}
input.submit:hover,
input.submit:active,
input#reset:hover,
input#reset:active {
border: 1px solid #e49e3c !important;
}
#form input.error,
#form textarea.error,
#form select.error {
background: transparent url(/bilder/icon_error.png) 0 11px no-repeat;
border-color: #e49e3c;
color: #b1b3b4;
}
#form textarea.error {
background: transparent url(/bilder/icon_error.png) 20px 170px no-repeat;
}
#form input.error:focus,
#form textarea.error:focus,
#form select.error:focus {
background: none;
}
#form .row {
clear: both;
}
#form .col {
width: 300px;
float: left;
}
#form .col.right {
width: 300px;
float: right;
}
.mandatory {
padding-left: 3px;
font-weight: normal;
font-size: 0.688em/*11px*/;
}
.hinweis .mandatory {
padding: 0;
}
.hinweis_error {
margin: 0 0 20px;
}
.hinweis_error h4,
.erfolg h4 {
color: #ec5d5d;
text-transform: none;
}
.hinweis_error h4 {
line-height: 1.5em/*24px*/;
}
.hinweis_error strong,
.hinweis_error_datenschutz {
color: #e49e3c;
margin: 0;
padding: 0;
}
.hinweis {
display: block;
margin: 30px 0 20px 0;
}
.datenschutz_wrapper {
padding-top: 42px;
clear: both;
overflow: hidden;
}
.datenschutz_checkbox {
width: 20px;
float: left;
margin-top: 2px;
}
input[type=checkbox] {
width: 1em !important/*Standardgröße*/;
height: 1em !important/*Standardgröße*/;
}
input[type=checkbox]:focus {
border: none !important;
}
#form input[type=checkbox].error {
background: none !important;
}
.datenschutz_text {
width: 280px;
float: left;
}
#captcha_img {
width: 142px;
height: 42px;
float: left;
margin: 30px 20px 10px 0;
}
#captcha_img img {
border: 1px solid #d9dadb;
}
input#spam_schutz {
width: 118px;
height: 40px;
float: left;
font-size: 1em;/*16px*/
margin-top: 30px;
padding-right: 0;
}
::-webkit-input-placeholder { color: #b1b3b4; }
::-moz-placeholder { color: #b1b3b4; }/*firefox 19+*/
:-moz-placeholder { color: #b1b3b4; }/*firefox 18*/
:-ms-input-placeholder { color: #b1b3b4; }
input#spam_schutz::-webkit-input-placeholder {
font-size: 16px;
text-align: center;
}
input#spam_schutz::-moz-placeholder { font-size: 16px; text-align: center; }/*firefox 19+*/
input#spam_schutz:-moz-placeholder { font-size: 16px; text-align: center; }/*firefox 18*/
input#spam_schutz:-ms-input-placeholder { font-size: 16px; text-align: center; }
.placeholder { color: #b1b3b4; }
.erfolg h4 {
color: #786855;
}

/* LISTS ------------------------------------------------------------ */
.text ul,
.text ol {
margin-left: 0;
padding: 0 0 30px 0;
overflow: hidden;
}
.text ul li {
margin: 0 0 4px 0;
padding-left: 31px;
line-height: 26px;
background: transparent url(/bilder/icon_list.png) 0 0 no-repeat;
list-style: none;
}
.text ol ul,
.text ul ol {
margin-left: 10px;
padding: 30px 0 26px 0;
}
.text ol ul li {
padding-left: 30px;
}
.text ol li {
margin-left: 25px;
padding-left: 9px;
}
/* GALLERY ----------------------------------------------------------- */
.single_wrapper {
position: relative;
width: 820px;
height: 220px;
display: block;
margin-bottom: 30px;
}
/* Single */
.single {
width: 410px;
height: 220px;
position: absolute;
overflow: hidden;
float: left;
}
.single.right {
margin: 0;
float: right;
}
/* Single Gallery */
.single_gallery {
margin: 0;
position: absolute;
width: 820px;
height: 220px;
overflow: hidden;
}
.single_gallery .image {
width: 410px;
height: 220px;
float: left;
overflow: hidden;
}
.single_gallery .image.last {
margin: 0;
}
.text .gallery_wrapper {
clear: both;
position: relative;
width: 820px;
height: auto;
display: block;
margin-bottom: 30px;
}
.text .gallery {
position: relative;
width: 820px;
height: 220px;
display: block;
overflow: hidden;
}
.gallery .image {
width: 205px;
height: 220px;
float: left;
overflow: hidden;
position: relative;
}
.gallery .image .lupe {
width: 39px;
height: 38px;
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 99;
background: transparent url(/bilder/icon-lupe.png) 0 0 no-repeat;
cursor: pointer;
}
.pagination {
width: 820px;
height: 15px;
display: block;
position: relative;
left: 0;
bottom: 0;
margin: 20px 0 0 0;
}
.pagination a {
width: 15px;
height: 15px;
display: block;
float: left;
margin-right: 6px;
background: transparent url(/bilder/icon_pagination.png) 0 0 no-repeat;
text-indent: -99999px;
}
.pagination a.selected,
.pagination a:hover,
.pagination a:active {
background: transparent url(/bilder/icon_pagination.png) 0 -15px no-repeat;
}
/* DOWNLOADS -------------------------------------------------------- */
ul.downloads {
padding: 0;
margin-bottom: 30px;
}
ul.downloads li {
margin: 0 0 10px 0 !important;
padding-left: 0;
list-style: none;
background-image: none;
}
ul.downloads a:link,
ul.downloads a:visited {
padding: 0 0 0 60px;
display: inline-block;
min-height: 40px;
line-height: 40px;
background: transparent url(/bilder/icon_download.png) 0 0 no-repeat;
}
ul.downloads a:hover,
ul.downloads a:active {
background-position: 0 -90px;
}
ul.downloads .zip a:link,
ul.downloads .zip a:visited {
background-position: 0 -180px;
}
ul.downloads .zip a:hover,
ul.downloads .zip a:active {
background-position: 0 -270px;
}
/* FANCYBOX ---------------------------------------------------------- */
#fancybox-title-outside {
margin-top: -10px;
padding: 10px !important;
background-color: #fff;
text-align: left;
}
#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-w,
#fancybox-bg-nw,
#fancybox-bg-s,
#fancybox-bg-se,
#fancybox-bg-e,
#fancybox-bg-sw {
background-image: none;
}
#fancybox-title {
font: 400 1.25em/1.5em 'Open Sans', sans-serif;/*16px*/
color: #1767a4;
}
/* FOOTER ------------------------------------------------------------ */
#footer {
background: #e49e3c url(/bilder/bg_footer.png) 0 0 no-repeat;
overflow: hidden;
color: #fff;
}
#footer .wrapper_960 {
background: transparent url(/bilder/bg_footer_border.gif) 0 0 repeat-y;
overflow: hidden;
}
#footer a:link,
#footer a:visited {
text-decoration: underline;
color: #fff;
}
#footer a:hover,
#footer a:active {
text-decoration: none;
color: #fff;
}
#footer .col {
float: left;
overflow: hidden;
}
#footer .col.first {
padding: 40px 40px 0 0;
width: 300px;
}
#footer .col.last {
padding: 30px 40px 40px;
width: 540px;
float: right;
}
#footer p {
margin-bottom: 10px;
padding: 0;
}
#footer h4 {
font-size: 1em/*16px*/;
font-weight: bold;
color: #fff;
margin-bottom: 30px;
}
#footer address {
font-style: normal;
margin-bottom: 27px;
}
#footer .tel_fax {
margin-bottom: 27px;
}
#footer .footer_left_col {
width: 175px;
height: auto;
float: left;
}
#footer .footer_right_col {
width: 125px;
height: auto;
float: left;
}
#footer .gallery {
margin: 10px 0;
overflow: hidden;
clear: both;
}
#footer .gallery .image {
margin: 0 10px 10px 0;
width: 100px;
height: 70px;
overflow: hidden;
float: left;
}
#footer .gallery .image.last {
margin-right: 0;
}