html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* pacifico-regular - latin */
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: url('../fonts/pacifico-v13-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Pacifico Regular'), local('Pacifico-Regular'),
url('../fonts/pacifico-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/pacifico-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/pacifico-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/pacifico-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/pacifico-v13-latin-regular.svg#Pacifico') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
src: url('../fonts/source-sans-pro-v12-latin-200.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
url('../fonts/source-sans-pro-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-200.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 200;
src: url('../fonts/source-sans-pro-v12-latin-200italic.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
url('../fonts/source-sans-pro-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-sans-pro-v12-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../fonts/source-sans-pro-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url('../fonts/source-sans-pro-v12-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
url('../fonts/source-sans-pro-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 600;
src: url('../fonts/source-sans-pro-v12-latin-600italic.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
url('../fonts/source-sans-pro-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('../fonts/source-sans-pro-v12-latin-600.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
url('../fonts/source-sans-pro-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-600.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v12-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* COOKIEBAR.start */
#cookiebar { font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, .95); color: #fff; z-index: 999999; -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.2);box-shadow: 0 0 50px 10px rgba(0,0,0,0.2);}
#cookiebar p { color: #666; font-size: .9em; line-height: 1.4em }
#cookiebar.hidecookiebar { display: none; }
#cookiebar.showCookieBar { display: block; }
#cookiebar p a { color: #666; font-weight: bold; text-decoration: none; border-bottom: 1px solid #333; }
#cookiebarinner { padding: 30px 300px 30px 50px; }
#acceptcookie { position: absolute; right: 50px; top: 50%; line-height: 50px; height: 50px; margin-top: -25px; background: #096590; display: inline-block; padding: 0 30px; color: #fff; text-decoration: none; }
@media screen and (max-width: 800px) { #cookiebarinner { padding: 30px 30px 100px 30px; } #acceptcookie { top: auto; bottom: 30px; margin: 0; } }
@media screen and (max-width: 600px) { #cookiebarinner p { font-size: .8em; } #acceptcookie { right: auto; left: 30px !important; line-height: 40px; height: 40px; padding: 0 20px; font-size: .9em; } }
@media screen and (max-width: 400px) { #cookiebarinner { padding: 15px 30px 90px 30px; } }
#optoutbox { position: fixed; z-index: 9999; top: 50px; left: 50%; width: 250px; margin-left: -125px; background: #fff; border: 0px solid #bacb29; font-family: 'Source Sans Pro', sans-serif; -webkit-box-shadow: 0 0 50px 10px rgba(100,100,100,0.3);
box-shadow: 0 0 50px 10px rgba(100,100,100,0.3); font-size: 1em; line-height: 1.6em; text-align: left; display: none; }
#optoutbox.view { display: block; }
#optoutinner { padding: 30px 60px 30px 30px; }
#closeOptOut { position: absolute; width: 30px; height: 30px; top: 10px; right: 10px; }
#closeOptOut span { position: absolute; top: 15px; left: 0; width: 30px; height: 4px; background: #555; -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#closeOptOut span.barscnd { top: 15px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.gaoptoutlink { font-weight: bold !important; text-decoration: none; border-bottom: 1px solid #333; color: #555; }
/* COOKIEBAR.end */
/* Let's get this party started */
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(10,105,150,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}
#datenschutz { padding: 0 0 100px 0; }
#centercolinner #datenschutz h2 { color: #0a6996; }
#centercolinner strong { font-weight: bold; }
/* STYLING BINGER */
body { background: url("../img/fond/wallfond-blau.jpg") repeat; }
.clearboth { clear: both; height: 1px; overflow: hidden; }
#pagewrapper { width: 1065px; margin: 100px auto; min-height: 600px; height:auto !important; height: 600px; background: url('../img/fond/binger-pace.png') top center no-repeat; }
#pagewrapperinner { margin: 0px 18px 0px 18px; }
#headerwrapper { height: 142px; overflow: hidden; }
#headerleftcol { background: #096590; float: left; width: 204px; height: 138px; border-bottom: 5px solid #20749b; }
#headerrightcol { background: #0a6996; float: left; width: 825px; height: 138px; border-bottom: 5px solid #2177a0; }
#logobar { height: 100px; }
#logobar img { padding: 18px 0px 0px 20px; }
#navbar { height: 37px; line-height: 37px; }
#navbarinner { padding: 0px 0px 0px 20px; }
#navbar a { color: #abc2d4; font: 14px/37px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; text-decoration: none; }
#navbar a:hover, #navbar a.main_active { color: #FFF; }
#navbar .sepinline { color: #5496b6; padding: 0px 13px; }
#subnav { text-align: right; margin: 40px 0px 0px 0px; text-transform: none; }
#subnav a { display: block; border-right: 15px solid #0a6996; padding: 0px 10px 0px 0px; color: #abc2d4; margin: 0px 0px 15px 0px; font: 13px/18px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; text-decoration: none; }
#subnav a:hover { border-right: 15px solid #FFF; color: #FFF; }
#subnav a.sub1_active { border-right: 15px solid #9dc3d5; color: #FFF; text-shadow: 1px 1px 5px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
#page29 #subnav li.last, #page28 #subnav li.last { margin: 50px 0px 0px 0px; } /* SEMINARE ABSTAND */
#leftcol, #centercol, #rightcol { height: 428px; float: left; }
#leftcol { background: #0a6996; width: 204px; }
#centercol { background: #e2f2f6; width: 621px; font-family: 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; overflow-y: auto; overflow-x: hidden; }
#centercolinner { padding: 20px 60px 0px 60px; }
#centercolinner h1 { color: #0a6996; margin: 0px 0px 8px 0px; font: 18px/24px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; }
#centercolinner h2 { color: #FFF; margin: 0px 0px 8px 0px; font: 15px/25px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 200; }
#centercolinner h3 { color: #0a6996; margin: 0px 0px 2px 0px; font: 16px/25px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; }
#centercolinner h4 { color: #0a6996; margin: 10px 0px 4px 0px; font: 14px/27px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; }
#centercolinner p { color: #0a6996; margin: 0px 0px 5px 0px; line-height: 20px; font-size: 13px; }
#centercolinner table { color: #0a6996; margin: 0px 0px 5px 0px; line-height: 20px; font-size: 13px; }
#centercolinner a { text-decoration: underline; color: #0a6996; font-weight: 600; }
#centercolinner a:hover { color: #0c4b68; text-decoration: none; }
#centercolinner ul, #centercolinner ol { color: #0a6996; margin: 0px 0px 5px 0px; line-height: 20px; font-size: 13px; list-style-type: square; padding: 0px 0px 0px 20px; }
#centercolinner ul li, #centercolinner ol li { color: #0a6996; margin: 0px 0px 0px 0px; line-height: 18px; font-size: 13px; }
.referenztable { margin: 10px 0px 0px 0px; }
.referenztable .td-0 { width: 150px; }
.referenztable .td-1 { width: 150px; }
.referenztable .td-2 { width: 150px; }
#rightcol { background: #0a6996; width: 204px; }
#footerwrapper { background: #FFF; height: 35px; line-height: 35px; color: #; }
#footercontainerinner { padding: 0px 0px 0px 0px; }
#footerwrapper a { margin: 0px 0px 0px 0px; color: #7dabc0; font: 14px/37px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; text-decoration: none; }
#footerwrapper a:hover, #footerwrapper a.active { color: #0a6996; }
.sidebartextbox { padding: 280px 0px 0px 0px; color: #FFF; font: 14px/22px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; }
.sidebartextbox p { margin: 0px 0px 10px 0px; }
.contenttextboxlarge { padding: 111px 0px 0px 0px; }
#centercolinner .contenttextboxlarge h1 a { text-decoration: none; color: #FFF; font: 22px/39px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; text-align: left; letter-spacing: 1px; text-transform: uppercase; margin: 0px 0px 10px 0px; }
#centercolinner .contenttextboxlarge h1 a:hover { color: #31a3d8; }
#centercolinner .contenttextboxlarge h2 { font-size: 22px; color: #FFF; font-family: Pacifico, cursive; text-align: left; letter-spacing: 1px; margin: 0px 0px 10px 0px; line-height: 32px; }
.contenttextboxlarge h3 { color: #0a6996; font: 36px/42px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; text-align: right; letter-spacing: 1px; text-transform: uppercase; }
#centercolinner .contenttextboxlarge h4 { color: #fff; font: 14px/23px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; text-align: center; margin: 170px 0px 0px 0px; }
.rightcolbaseimg { padding: 0px 0px 0px 0px; }
.rightcolbaseimg img { padding: 0px 0px 15px 0px; }
.footercontact { padding: 15px 0px 0px 0px; }
.footercontact a { color: #0a6996; font-weight: 600; }
.sidebarcontact { letter-spacing: 1px; color: #7dabc0; font: 13px/23px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; text-align: left; margin: 0px 0px 0px 0px; }
.sidebarcontactinner { padding: 0px 0px 0px 25px; }
.sidebarcontactinner a { text-decoration: none; color: #FFF; font-weight: 400; }
#footerleft { width: 825px; float: left; }
#footerright { width: 204px; float: left; color: #0a6996 }
.sidebarrechtszitat { color: #FFF; }
.sidebarrechtszitat p { margin: 0px 0px 5px 0px; }
.sidebarrechtszitatinner { padding: 9px 20px 9px 20px; font: 13px/18px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; font-style: normal; }
.align-right { text-align: right; }
.singlezitatsidebar { padding: 70px 20px 0px 26px; font: 17px/26px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 300; color: #FFF; }
.detail { font: 14px/32px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 400; }
#centercolinner .portraitbox { padding: 100px 0px 0px 0px; color: #FFF; font: 18px/28px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; }
#centercolinner .portraitbox p { color: #FFF; font: 18px/28px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; }
#centercolinner .portraitbox a { color: #FFF; font: 18px/28px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; text-decoration: underline; }
.twocolwrapleft { width: 200px; float: left; }
.twocolwrapright { width: 200px; float: left; }
.whitebox { margin: 20px 30px 40px 0px; float: left; width: 210px; height: 200px; background: #FFF; filter:alpha(opacity=70); /* IE */ -moz-opacity: 0.70; /* Mozilla */ opacity: 0.70; /* Opera */ }
.whiteboxinner { padding: 20px 20px 10px 20px; }
#centercolinner .contentbox h2 { color: #0a6996; margin: 0px 0px 8px 0px; font: 15px/25px 'Source Sans Pro', Arial, Trebuchet, Helvetica, sans-serif; font-weight: 600; }
/* ##################################
CONTACTFORM ####################*/
#contactform_wrapper { padding: 0px 0px; font: 13px/18px Arial,Helvetica,sans-serif; color: #FFF; }
#contentwrapper #contactform_wrapper p { padding: 10px 0px; }
.checkPadding { padding: 15px 0px; }
#contactform_wrapper input[type=text], #contactform_wrapper textarea { width: 250px; border: 1px solid #0a6996; padding: 5px 10px; margin: 0px 0px 7px 0px; }
.checkboxinputright { margin: 0px 0px 0px 10px; }
#contactform_wrapper .error input[type=text], #contactform_wrapper .error textarea{ border: 1px solid #F00; color: #F00; }
.error .errormessage { color: #F00; }
#contactform_wrapper .error .errormessage a { color: #F00; }
.submit { background: #0a6996; color: #FFF; border: 0px; padding: 10px 20px; cursor: pointer; }
.submit:hover { background: #3e92b9; color: #FFF; }
#contactform_wrapper .error ::-webkit-input-placeholder { /* WebKit browsers */
color: #f00;
}
#contactform_wrapper .error :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
}
#contactform_wrapper .error ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
}
#contactform_wrapper .error :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f00;
}
#contactform_wrapper #message { height: 60px; }
#centercolinner p.forminfo { font-size: 11px; width: 260px; }
#centercolinner .portraitbox a.internal-link { font-weight: 300; font-size: 16px; line-height: 23px }
#centercolinner .portraitbox a.internal-link:hover { text-decoration: none; }
.contenttextboxlargeinner { padding: 90px 0px 0px 0px; font-size: 20px; }
#centercolinner .contenttextboxlargeinner h1 a { font-size: 18px; }
.validate-datenschutz { position: absolute; top: 0; left: 0 }
.datenschutzlinks { width: 100%; position: relative; padding-left: 30px; }
.datenschutzlinks p { margin: 0; padding: 0 }
#contentwrapper #contactform_wrapper .datenschutzlinks p { margin: 0 0 30px 0; padding: 0; font-size: .95em }