@import url(fundament.css);
/*font-family: 'Expletus Sans', cursive;font-weight: 400; font-weight: 500; */
@font-face { font-family: 'Expletus'; src: url('fonts/ExpletusSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Cantora'; src: url('fonts/CantoraOne-Regular.ttf') format('truetype'); }

html, body { font-size: 1em; font: Arial, Helvetica, sans-serif; line-height: 1.5; color: #666; background: #fff; }

.cc-message { font-size: 91% !important; line-height: 1.3 !important;}
.cc-link { display:none; visibility:hidden; }

/*################## GRUND-LAYOUT ####################*/

#wrapper { width: 100%; min-width: 980px; margin:0; padding: 0; text-align:center; background: #fff;}
#balkenoben { width: 100%; height: 40px; margin:0; padding:0; background: #5c80a6; }
#balkenunten { width: 100%; height: 80px; margin:0; padding:0 0 80px 0; background: #5c80a6; }
#balkenunten p { width:980px; margin: 0 auto; color:#fff; font-size:70%; text-align:left; padding-top:5px;}
#balkenunten p a { color: #fff; }
#balkenunten p a:hover { color: #fff !important; }
#balkenunten p a:active { color: #fff; }
#balkenunten p a:visited { color: #fff; }
#balkenunten .sternchen { float:right; font-size: 90%; margin-top:1px; margin-right:10px; }
* html #balkenunten .sternchen { margin-top: -15px; }
* + html #balkenunten .sternchen { margin-top: -15px; }

#header { width: 980px; height:50px; margin: 20px auto 0 auto; padding: 0; text-align:center; background: #fff; }
.logo { float: left; margin:0; padding: 0; height: 50px; width: 190px;  }
#navigation { float:left; margin:0 0 0 60px; padding:0; width: 720px; height:47px; color:#fff; background: #86a6c3; text-align:center; font-size: 0.9em; font-weight: normal; }
#navigation h4 { margin:0 auto; width:97%; padding:14px 0 0 0; color:#fff; font-size:84%;font-weight:normal; }

#teaser { margin: 16px auto; padding:0; width: 100%; height: 280px; text-align:center; background: #f5f5f5; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
#teaserinhalt { width: 980px; height: 270px; margin: 0 auto; padding: 0; text-align:left; background: url(../images-design/teaser.png) #f5f5f5 top right no-repeat; }

#teaserinhalt h1 { margin: 0 0 10px 60px; padding:0; color: #648eb4; font-size: 180%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:left;}
#teaserinhalt h1 span { color: #565656; font-size: 70%; }
#teaserinhalt h2 { margin: 10px 0 0 4px; padding:0; color: #565656; font-size: 180%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:left;}
#teaserinhalt h3 { margin: 4px 0 0 60px; padding:0; padding-left: 36px; color: #565656; font-size: 100%; text-align:left; font-weight:normal; font-family: Arial, Helvetica, sans-serif; background: url(../images-design/pfeil-gross.png) center left no-repeat; }
#teaserinhalt h3 a { color: #565656; }
#teaserinhalt h3 a:hover { color: #648eb4 !important; }
#teaserinhalt h3 a:visited { color: #565656; }
#teaserinhalt h3 a:active { color: #565656; }
#teaserinhalt p { margin: 20px 0 0 4px; padding:0; color: #565656; font-size: 94%; text-align:left; font-weight:normal; font-family: Arial, Helvetica, sans-serif;  }

#footer { margin: 20px auto 20px auto; padding:0; width: 100%; height: 190px; text-align:center; background: #f5f5f5; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
#footerinhalt { width: 980px; margin: 10px auto 0  auto; padding:0; }
#footerinhalt .kasten { float:left; width: 207px; margin: 0 50px 0 0; padding:0; }
#footerinhalt .kasten h3 { margin: 0; padding:0; color: #648eb4; font-size: 100%; font-family: 'Expletus';font-weight: 400; text-align:left;}
#footerinhalt .kasten p { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 84%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
#footerinhalt .kasten h2 { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 84%; text-align:left; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
#footerinhalt .kasten p a { color: #565656; }
#footerinhalt .kasten p a:hover { color: #648eb3 !important; }
#footerinhalt .kasten p a:active { color: #565656; }
#footerinhalt .kasten p a:visited { color: #565656; }

#footerinhalt .kastenrechts { float:left; width:465px; margin: 0 0 0 0; padding:0; }
#footerinhalt .kastenrechts h3 { margin: 0; padding:0; color: #648eb4; font-size: 100%; font-family: 'Expletus';font-weight: 400; text-align:left;}
#footerinhalt .kastenrechts p { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 84%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
#footerinhalt .kastenrechts h2 { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 84%; text-align:left; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

#content { width: 980px; margin: 0 auto; padding: 0; text-align:left; min-height:280px; }
#content p { margin: 1px 0 0 0; padding:0; color: #565656; font-size: 87%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
#content p.kleiner { font-size: 82%;}
#content p.sternchen { font-size: 70%;}

.infoblock { background: #fff; border:1px solid #648eb3; float:left; width: 443px; margin: 0; padding: 10px; text-align:left; }

.infoblock h3 { margin: 5px 0 0px 0; padding:0; color: #565656; font-size: 1em; font-family: 'Expletus';font-weight: 400; text-align:left;}
.infoblock h4 { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 92%; font-family: 'Expletus';font-weight: 400; text-align:left;}
.infoblock p { margin: 1px 0 0 0; padding:0; color: #565656; font-size: 87%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
.infoblock p a { color: #565656;  }
.infoblock p a:hover { color: #648eb3 !important; }
.infoblock p a:active { color: #565656; }
.infoblock p a:visited { color: #565656; }
.infoblock p.kleiner {font-size: 70%; line-height:1;}
.infoblock p .kleiner {font-size: 82%; color:#777; }
.infoblock p.mehrinfo {font-size: 74% !important; line-height:1.2; width:70%; color:#9a9a9a !important; }
.infoblock p.fbteilen {font-size: 74% !important; line-height:1.2; width:70%; color:#648eb3 !important;  }
.infoblock p .link { float:right; width:79px;font-size: 84%; text-decoration:none; }
.infoblock p .linktitel { clear:both; float:left; width:350px; }

.referenzblock { background: #fff; border:1px solid #a3a2a2; float:left; width: 443px;  margin: 0 0 20px 49px; padding: 10px; text-align:left; }

.referenzblock h3 { margin: 5px 0; padding:0; color: #565656; font-size: 1em; font-family: 'Expletus';font-weight: 400; text-align:left;}
.referenzblock h4 { margin: 5px 0 0 0; padding:0; color: #565656; font-size: 92%; font-family: 'Expletus';font-weight: 400; text-align:left;}
.referenzblock p { margin: 1px 0 0 0; padding:0; color: #565656; font-size: 87%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
.referenzblock p a { color: #565656;  }
.referenzblock p a:hover { color: #648eb3 !important; }
.referenzblock p a:active { color: #565656; }
.referenzblock p a:visited { color: #565656; }
.referenzblock p .kleiner {font-size: 84%;}
.referenzblock p .linktitel { clear:both; float:left; width:350px;}
.referenzblock p .link { float:right; width:79px;font-size: 84%; }

.liniert { border-bottom: 1px dotted #dbd9d9; height: auto; overflow:hidden; }


.block { background: #fff; border:0px solid #648eb3; float:left; width: 980px; margin: 0; padding: 0px; text-align:left; }
.block .blockeinspaltig { float:left; width: 213px; }
.block .blockeinspaltigrechts { float:left; width: 233px; }
.block .blockzweispaltig { float:left; width: 420px; }
.block .blockdreispaltig { float:left; width: 710px; }
.block .marginlogospalte { margin-left: 260px; }
.block .marginlinkespalte { margin-left: 60px; }
.block .marginnormalespalte { margin-right: 40px; }
* html .block .marginlogospalte { margin:0; margin-left: 130px; }

.block h2 { margin: 16px 0 0 0; padding:0; color: #565656; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align:left;}

.block h3 { margin: 5px 0 0 0; padding:0; color: #648eb3; font-size: 1em; font-family: 'Expletus';font-weight: 400; text-align:left;}
.block h4 { margin: 5px 0 0 0; padding:0; color: #648eb3; font-size: 96%; font-family: Arial, Helvetica, sans-serif; text-align:left;}
.block h5 { margin: 7px 0 0 0; padding:0; color: #565656; font-size: 87%; font-family: Arial, Helvetica, sans-serif; text-align:left; font-weight:bold;}
.block p { margin:  8px 0 0 0; padding:0; color: #565656; font-size: 84%; text-align:left; font-family: Arial, Helvetica, sans-serif;}
.block p a { color: #565656;  }
.block p a:hover { color: #648eb3 !important; }
.block p a:active { color: #565656; }
.block p a:visited { color: #565656; }
.block p.kleiner {font-size: 100%; line-height:1.3; }
.block p.leistungenliste { font-size: 85% !important; }
.block .aufzaehlung { padding-right: 10px; background: url(../images-design/pfeil-link.png) center left no-repeat; }
.block ul li { margin:  0 0 0 0; padding:0; color: #565656; font-size: 87%; text-align:left;font-family: Arial, Helvetica, sans-serif;}


.linie { width: 100%; height: 2px; margin:5px auto; padding:0; background-color:#adbfd5; }
.liniegrau { width: 100%; height: 1px; margin:5px auto; padding:0; background-color:#e4e4e4;}
.infoblock p.klapp2010, .infoblock p.klapp2009, .infoblock p.klapp2008 { background: url(../images-design/pfeil-link.png) 0px 6px no-repeat; padding-left: 20px; }
* html .liniegrau { height:1px; margin:0; margin-top: -30px; margin-bottom: 5px; line-height:1; padding:0; background:none; border-bottom: 1px solid #e4e4e4; }
* html .linie { height:1px; margin:0; line-height:1; padding:0; background:none; border-top: 1px solid #adbfd5; }
           
/* navigation */
#navigation ul { margin:0; padding:0;margin-left:30px; margin-top:5px; text-align:left; }
#navigation li { list-style-type: none; margin:0; padding:0; display:inline; } 
#navigation li a { float:left; width: 140px; list-style-type: none; text-decoration: none; display:block;  
  margin:5px 0px 5px 0px; padding:0; padding: 5px 5px 5px 5px;
  color:#fff; text-align:center; font-size: 0.9em; font-weight: normal; line-height:1.3;
}
#navigation li:first-child a { }
#navigation li a:hover { background-color:#5c80a6 !important; color:#fff !important; }
#navigation li a:active { background-color:#86a6c3; color:#fff; }
#navigation li a:visited { background-color:#86a6c3; color:#fff; }
#navigation li a:focus { background-color: transparent; }
#navigation .navactive { background-color:#5c80a6 !important; color:#fff !important; }
#navigation400 { display: none; }
#menuslide { display:none; }

.fblogo { visibility: visible; }
.fblogo2 { visibility: hidden; height:1px; width:1px;}

.hochscrollen { display:none; visibility:hidden; width:1; height:1; margin:0; padding:0; }

/* FORMULARE */
#formular { width: 100%; margin:0; margin-top:4px; padding: 0; } 
* html #formular { height: 1px; float:left; }
#formular p { margin:0; padding:0; margin-bottom: 2px;}
#formular fieldset { margin:0; padding:0; margin-bottom: 10px; width: 100%; border: none; }
#formular label { margin:0;padding:0; width: 110px; display: block; float: left; cursor: pointer; }
#formular input, #formular textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #505151; }
#formular input { margin:0;padding:0;background-color:#fff;color:#505151;border:1px solid #648eb3;height:21px;width:280px;line-height:21px; }
#formular textarea { margin:0;padding:0;background-color:#fff;color:#505151;border:1px solid #648eb3;width:390px;height:45px; }
#formular #senden { margin:0;padding:0;background-color:#648eb3;color:#ffffff;border:1px solid #648eb3;height:26px;width:390px;font-size:80%;font-weight:bold; }
#formular input:focus, textarea:focus { background-color: #fff;  }
#formular .divradiosnebeneinander { float:left;width:200px; height: 29px; }
#formular .inputanrede { width:20px !important; }
#formular .labelforanrede { float:left;width:70px; }
#formular .labelvollebreite { width: 380px !important;margin-bottom: 8px; }
#formular .fehler { border:1px solid #ff0000 !important; }
#formular p.ueberschrift { margin-bottom: 8px; }
#formular #nachricht { height: 90px !important; }

/*################## WEITERE ########################*/

.grau { color:#565656; }
.blau { color:#648eb3; }
.fett { font-weight: bold; }
.hg { background:#eee; }
.sonderschrift { font-family: 'Expletus'; font-weight: 400; }
.paddingoben { margin-top: 5px; }
.paddingrechts { padding-right: 15px; }
.zentriert { text-align:center; }
.linksbuendig { text-align:left !important; }
.floatlinks { float:left; }
.floatrechts { float: right; }

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}





/* ########################################################################*/
/* ########################################################################*/
@media all and (min-device-width: 760px) and (max-device-width: 1000px), all and (min-width: 760px) and (max-width: 1000px) {
#wrapper { min-width: 780px; }
#balkenunten p { width:780px; }
#header { width: 780px; height:50px; }
.logo { float: left; width: 190px;  }
#navigation { float:left; margin:0 0 0 20px;  width: 570px; }
#navigation li a { width: 100px; }
#teaser { height: 260px; }
#teaserinhalt { width: 780px; height: 250px; background-size: 550px Auto; }
#teaserinhalt {	background /*\**/:  url(../images-design/teaser-550.png) #f5f5f5 center right no-repeat\9 !important;	}
*+html #teaserinhalt { background: url(../images-design/teaser-550.png) #f5f5f5 center right no-repeat !important; }
* html #teaserinhalt { background: url(../images-design/teaser-550.png) #f5f5f5 center right no-repeat !important; }

#teaserbild { height: 240px; }
#teaserbildinhalt { width: 780px; margin: 0 auto; padding: 0; text-align:center; margin-top:10px; }
#teaserinhalt h1 { margin: 0 0 20px 10px; font-size: 150%; }
#teaserinhalt h2 { font-size: 150%; padding-top:5px; }
#teaserinhalt h3 { margin: 4px 0 0 10px; font-size: 100%; }
#teaserinhalt p { margin: 15px 0 0 4px; font-size: 94%;  }
#footerinhalt { width: 780px; }
#footerinhalt .kasten { float:left; width: 180px; margin: 0 20px 0 0;  }
#footerinhalt .kastenrechts { float:left; width:380px;  }
#content { width: 780px; }
.infoblock { float:left; width: 355px;  }
.referenzblock { float:left; width: 359px;  margin: 0 0 20px 22px; }
.referenzblock p { font-size: 84%; }
.infoblock p { font-size: 80%;}
.referenzblock p .linktitel { clear:both; float:left; width:265px; }
.infoblock p .linktitel { clear:both; float:left; width:265px; }
.infoblock p.mehrinfo { width:80%;}
.infoblock p.fbteilen { width:80%;}

.block { width: 780px;  }
.block .blockeinspaltig { float:left; width:270px; }
.block .blockeinspaltigrechts { float:left; width:250px; }
.block .blockzweispaltig { float:left; width: 300px; }
.block .blockdreispaltig { float:left; width: 570px; }
.block .marginlogospalte { margin-left: 210px; }
.block .marginlinkespalte { margin-left: 20px; }
.block .marginnormalespalte { margin-right: 20px; }
* html .block .marginlogospalte { margin:0; margin-left: 105px; }
}
/* ########################################################################*/
/* ########################################################################*/

/* ########################################################################*/
/* ########################################################################*/
@media handheld and (min-device-width: 580px) and (max-device-width: 761px), all and (min-width: 580px) and (max-width: 761px) {
#wrapper { min-width: 580px; }
#balkenunten p { width:580px; }
#header { width: 580px; height:50px; }
* + html #header { height: 110px; }
.logo { clear:both; width: 580px; text-align:left; margin-bottom:10px;  }
* + html .logo img { float:left;  }
* html .logo img { float:left;  }
#navigation { clear:both; margin:0 0 10px 0;  width: 580px; }
#navigation ul { margin-left:10px; }
#navigation li a { width: 121px; }
#teaser { clear:both; height: 240px; }
#teaserinhalt { width: 580px; height: 230px; background-size: 327px Auto; background-position: top right; }
#teaserinhalt {	background /*\**/:  url(../images-design/teaser-kl.png) #f5f5f5 center right no-repeat\9 !important;	}
*+html #teaserinhalt { background: url(../images-design/teaser-kl.png) #f5f5f5 center right no-repeat !important; }
* html #teaserinhalt { background: url(../images-design/teaser-kl.png) #f5f5f5 center right no-repeat !important; }
#teaserbild { clear:both; height: 180px; }
#teaserbildinhalt { width: 580px; margin: 0 auto; padding: 0; text-align:center; margin-top:10px; }
#teaserinhalt h1 { margin: 0 0 10px 8px; font-size: 150%; }
#teaserinhalt h2 { font-size: 150%; margin-left: 8px; padding-top:5px; }
#teaserinhalt h3 { margin: 3px 0 0 8px; font-size: 100%; }
#teaserinhalt p { margin: 10px 0 0 8px; font-size: 90%;  }
#footer { height: 345px; overflow:hidden;}
#footerinhalt { width: 580px; }
#footerinhalt .kasten { width: 49%; margin: 0 0 0 0;  }
#footerinhalt .kastenrechts { width:580px; margin-top:25px; }
#content { width: 580px; }
.infoblock { float:left; width: 558px; margin-bottom:15px; }
.referenzblock { float:left; width: 558px;  margin: 0 0 15px 0; }
.referenzblock p { font-size: 84%;}
.infoblock p { font-size: 80%;}
.referenzblock p .linktitel { clear:both; float:left; width:450px; }
.infoblock p .linktitel { clear:both; float:left; width:450px; }
.infoblock p.mehrinfo { width:80%;}
.infoblock p.fbteilen { width:80%;}
.block { width: 100%;  }
.block .blockeinspaltig { float:left; width:48%; }
.block .blockeinspaltigrechts { float:left; width:45%; }
.block .blockzweispaltig { float:left; width: 100%; }
.block .blockdreispaltig { float:left; width: 100%; }
.block .marginlogospalte { margin-left: 0; }
.block .marginlinkespalte { margin-left: 3%; }
.block .marginnormalespalte { margin-right: 6%; }
* html .block .marginlogospalte { margin:0; margin-left: 0px; }
.fblogo { visibility: hidden; height:1px; width:1px; }
.fblogo2 { visibility: visible; height:30px; width:30px; float:right;  }
* + html .logo .fblogo2 { float:right; }
* html .logo .fblogo2 { float:right; }
.hochscrollen { display:block; visibility:visible; width:35px; height:18px; margin:0 auto; padding:0; }

}
/* ########################################################################*/
/* ########################################################################*/

/* ########################################################################*/
/* ########################################################################*/
@media handheld and (max-device-width: 580px), all and (max-width: 580px) {
#wrapper { min-width: 320px; }

#balkenunten p { width:310px; }
#header { width: 300px; height:auto; }
.logo { clear:both; width: 300px; text-align:left; margin-bottom:15px;  }
* + html .logo { margin-bottom: 5px; }
* html .logo { margin-bottom: 5px; }
* + html .logo img { float:left;  }
* html .logo img { float:left;  }
#navigation { visibility:hidden; width:1px; height:1px; display:none; }

#teaser { clear:both; height: auto; overflow:hidden; }
#teaserinhalt { clear:both; display:block; padding-bottom: 15px; width: 300px; height: auto; overflow:hidden; background:none !important; }

#teaserbild { clear:both; height: 100px; display:none; }
#teaserbildinhalt { width: 300px; margin: 0 auto; padding: 0; text-align:center; margin-top:10px; }
#teaserinhalt h1 { margin: 0 0 10px 2px; font-size: 130%; }
#teaserinhalt h2 { font-size: 130%; margin-left: 2px; padding-top:5px; }
#teaserinhalt h3 { margin: 3px 0 0 42px; font-size: 100%; }
#teaserinhalt p { margin: 10px 0 0 2px; font-size: 94%;  }
#footer { height: 575px; overflow:hidden;}
#footerinhalt { width: 300px; }
#footerinhalt .kasten { width: 100%; margin: 0 0 15px 0;  }
#footerinhalt .kastenrechts { width:300px; margin-top:10px; }
#content { width: 300px;}
* html content { width:300px; margin:0 auto; padding:0; text-align:center; }
.infoblock { float:right; width: 280px; margin:0; margin-bottom:15px; }
.infoblock p { overflow:hidden; font-size: 87%;}
.infoblock p .link { clear:both; margin-bottom:5px; width:280px;font-size: 87%; }
.referenzblock { float:right; width: 280px;  margin: 0 0 15px 0; }
.referenzblock p { overflow:hidden; font-size: 87%;}
.referenzblock p .link { clear:both; margin-bottom:5px; width:280px;font-size: 87%; }
.referenzblock p .linktitel { clear:both; width:280px; }
.infoblock p .linktitel { clear:both; width:280px; }
* html .infoblock { width: 280px; margin:0 auto; }
* html .referenzblock { width: 280px; margin:5px auto; }
* html .infoblock p { width: 280px; margin:5px auto; }
* html .referenzblock p { width: 280px; margin:0 auto; }
* html .referenzblock p .link { margin-top: 0; padding:0; width: 280px; }
* html .infoblock p .link { margin: 0; padding:0; width: 280px;  }
* html .referenzblock p .linktitel { margin-top: 0; padding:0; width: 280px; }
* html .infoblock p .linktitel { margin: 0; padding:0; width: 280px;  }
* + html .referenzblock p .link { margin-top: 0; padding:0; width: 280px; }
* + html .infoblock p .link { margin-top: 0; width: 280px; }
.infoblock p.mehrinfo { width:100%;}
.infoblock p.fbteilen { width:100%;}
.block { width: 100%;  }
.block .blockeinspaltig { float:left; width:100%; }
.block .blockeinspaltigrechts { float:left; width:100%; }
.block .blockzweispaltig { float:left; width: 100%; }
.block .blockdreispaltig { float:left; width: 100%; }
.block .marginlogospalte { margin-left: 0; }
.block .marginlinkespalte { margin-left: 0; }
.block .marginnormalespalte { margin-right: 0; }
* html .block .marginlogospalte { margin:0; margin-left: 0px; }

.fblogo { visibility: hidden; height:1px; width:1px; }
.fblogo2 { visibility: visible; height:30px; width:30px; float:right; }
* + html .logo .fblogo2 { float:right;  }
* html .logo .fblogo2 { float:right;  }
#balkenunten .sternchen { float:left; margin-top: 0px;  }
* html #balkenunten .sternchen { margin-top: 3px; }
* + html #balkenunten .sternchen { margin-top: 3px; }

#menuslide { clear:both; display:block; margin:0; margin-bottom:20px; padding:0; padding-left: 10px; padding-top: 3px; padding-bottom: 4px; width:290px; height:25px; background:#86a6c3 url(../images-design/menu-280.png) center right no-repeat; color:#fff; text-align:left; font-weight:normal; text-decoration: none; }
* + html #menuslide { margin-bottom: 5px; }
* #menuslide { margin-bottom: 5px; }
* html #menuslide { background:#86a6c3 url(../images-design/menu-280.jpg) center right no-repeat; }
#navigation400 { clear:both; display: block; margin:10px auto 0px auto; padding:0; width:300px; color:#fff; font-size:94%;text-decoration: none;  }
* html #navigation400 { width:300px; }
#navigation400 ul { display:none; margin:0; padding:0; text-align: left; width:100%; height:295px; }
#navigation400 li { display:block; background:#86a6c3; list-style-type: none; margin:0 0 10px 0; padding:0; padding-left:10px; padding-right:10px; padding-top:8px; text-decoration: none !important; text-align: center; color:#fff; font-size:90%; width: 280px; height:30px; }
* html #navigation400 li { margin:0 0 5px 0; } 
#navigation400 li a { color:#fff;  }
#navigation400 li a:hover { color:#fff !important;   }
#navigation400 li a:active { color:#fff; }
#navigation400 li a:visited { color:#fff; }
#navigation400 li a:focus { background-color: transparent; }
#navigation400 .navactive {background-color:#5c80a6 !important;  }
#navigation400 li:hover { color:#fff; background-color:#5c80a6 !important;  }
#navigation400 ul a { text-decoration: none !important; }

.liniert { border-bottom: 1px dotted #eee; height: auto;}
.absatzfinanzamt {display:none;}
.hochscrollen { display:block; visibility:visible; width:35px; height:18px; margin:0 auto; padding:0; }

}

/* ###########################     RETINA      ############################*/
/* ########################################################################*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.block .aufzaehlung {  background-image: url(../images-design/pfeil-link@2x.png); background-size: 13px 10px; }
.infoblock p.klapp2010, .infoblock p.klapp2009, .infoblock p.klapp2008 { background-image: url(../images-design/pfeil-link@2x.png); background-size: 13px 10px; }
/*#teaserinhalt h3 { background-image: url(../images-design/pfeil-gross@2x.png); background-size: 29px 18px; }*/
}



/* ########################################################################*/
/* ########################################################################*/
@media print {
#navigation { display:none; }
#navigation400 { display:none; }
#teaser { display: none; }
.fblogo { display: none; }
.fblogo2 { display: none;}
.hochscrollen { display: none; }

#wrapper { min-width: 580px; }
#balkenunten p { width:580px; }
#header { width: 580px; height:50px; }
.logo { clear:both; width: 580px; text-align:left; margin-bottom:10px;  }

#footer { height: 345px; overflow:hidden;}
#footerinhalt { width: 580px; }
#footerinhalt .kasten { width: 49%; margin: 0 0 0 0;  }
#footerinhalt .kastenrechts { width:580px; margin-top:25px; }
#content { width: 580px; }
.infoblock { clear:both; display:block; width: 540px; margin: 0; margin-bottom:15px; }
.referenzblock {  clear:both; display:block; width: 540px;  margin: 0; margin-bottom:15px; }
.referenzblock p { font-size: 84%;}
.infoblock p { font-size: 80%;}
.referenzblock p .linktitel { clear:both; float:left; width:400px; }
.infoblock p .linktitel { clear:both; float:left; width:400px; }
.infoblock p.mehrinfo { width:80%;}
.infoblock p.fbteilen { width:80%;}
.block { width: 100%;  }
.block .blockeinspaltig { float:left; width:100%; }
.block .blockeinspaltigrechts { float:left; width:100%; }
.block .blockzweispaltig { float:left; width: 100%; }
.block .blockdreispaltig { float:left; width: 100%; }
.block .marginlogospalte { margin-left: 0; }
.block .marginlinkespalte { margin-left: 0%; }
.block .marginnormalespalte { margin-right: 0%; }


}