html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@media all {

/* Farbguide   0d5063 (gruen)       */
/* Hauptfarbe:   495067     */ 

body {background-color:#FFF; color:#000000; font-family: 'Titillium Web',arial , helvetica , sans-serif; font-size:15px; overflow-x:hidden;}
body.startlayout { background: #FFF!important;}
body.fulllayout { }

.spacer {float:none; clear:both;}
a:link , a:visited {color:#585857;}


.siderow {width: 100%; clear: both; float: left; background:#FFF; }
.siderow.grey {background:#f2f2f2;}
.siderow.blue {background:#015293;}
.siderow-inner {margin: auto; width: 1024px;}


#inhalt h1 {font-size: 18px; padding-bottom:10px; letter-spacing: 1px; line-height: 28px; font-weight: normal; color: #1D3A8F; text-transform: uppercase; border-bottom: 5px solid #1D3A8F; display: inline-block; margin-bottom: 20px;}
#inhalt h1.referenzen {border-bottom: none; margin-bottom: 5px;}
#inhalt h2 {font-size: 18px; padding-bottom:10px; letter-spacing: 1px; line-height: 28px; font-weight: normal; color: #000000; text-transform: uppercase;}
	.personen h2 { margin-bottom: 0px!important;}
#inhalt h3 {font-size: 18px; padding-bottom:0; letter-spacing: 1px; line-height: 28px; font-weight: normal; color: #1D3A8F; }

#inhalt img {max-width: 99%!important; height: auto;}

#topline {margin:auto auto; overflow-x:hidden; background: #EEE; }
#topline .moduletable-tel {float: right;font-size: 18px; color: #333;padding: 30px 0px 10px 15px; margin-right: 48px; }
#topline .moduletable-tel a {color: #333; text-decoration: none;}	
#topline .obermenu {float: right; margin-top: -30px;}

header {margin:auto auto;  background-size: cover; height: auto;; overflow: hidden;} 

#logo {float: left; margin-top: 10px!important;}
	
	


#middle {margin:auto auto; background-color: #D5102A;}
.startlayout #middle {height: 44px;}

#pix {min-width: 100% ; margin: 0 0 0 0;   overflow: hidden!important; }
#pix .moduletable {height: 200px; overflow: hidden;}

#mainmenu {height: 44px; width: 100%; margin-left: -50px; }
#mainmenu #menu-wrapper {max-width: 1024px; margin: auto auto;  }
#mainmenu .moduletable-mainmenu {width: 1024px; margin: -30px 0 0 0; position: absolute; }
#mainmenu .moduletable-mainmenu , #mainmenu .moduletable-mainmenu a {text-transform: uppercase; letter-spacing: 0.5px;}
#mainmenu .moduletable-mainmenu a .titreck:hover {color: #FBFB02!important;}
#mainmenu .moduletable-mainmenu li {/*background-color: #008D94; */padding: 15px 5px 5px 5px;}
#mainmenu .moduletable-mainmenu li.active {background-color: #014276; border-bottom: 7px solid #000;}
#mainmenu .moduletable-mainmenu li.active li.active {border-bottom: 7px solid #014276;}

.maximenuckh.maximenufixed { background-color: #FFF;}
.maximenuckh.maximenufixed {padding-bottom: 20px;}

.maximenuckh li.maximenucklogo {display: none;}
.maximenuckh.maximenufixed li.maximenucklogo {display: inherit;}
.maximenucklogo {padding-top: 20px!important;}
.maximenucklogo img {margin-top: -10px!important; margin-left: -30px!important;}

.floatingmoduleck.isfloatingck .maximenuckh {background: rgba(1,82,147,0.5);; padding: 5px 0 0px 0;}
.floatck {z-index: 100000000!important; position: absolute!important;}


#startbloecke {float:  left;width: 68%;}
.startblock {width: 48%; min-height: 470px; float: left; background: #FFF; margin-bottom: 20px; text-align: inherit;}
.startblock.eins {width: 100%; margin-left: -15px;}
.startblock h2, #aktuelles h2   {color: #495067; font-weight: normal; font-size: 18px; padding: 10px 20px 10px 20px; margin: 0 0 20px 0 ;}
#aktuelles h2  {}

h4 {padding: 0; margin: 0; text-align:  center;}


.startblock.eins img {max-width: 100%; height: auto;}

.insertarticleinner {padding: 0 20px;}

#aktuelles {float: right;width: 30%; background: #FFF; min-height: 400px;}

h3.cdaccordion-header a { display: block;  padding: 0!important; margin-top: -17px;}
.ui.styled.accordion {margin-left: 3px!important;}

	
.fullstart .blog {border: 1px solid green; float: left;}

#startintro { color: #4A4A4A; margin: 40px 0; }

#path {background-color: #eaeaea; margin: -36px auto 0 auto; padding: 0 0 0 0; width: 100%; height: 35px;}
#path .moduletable {width:1024px; margin:auto auto; background-color: #eaeaea; font-size: 12px; color: #0061AF; }
#path ul { margin: 0 0 0 247px; padding: 9px 0 0 0;}
	.fulllayout #path ul {margin: 0;}
#path li {float: left; padding: 0 5px 0 0; list-style: none;}
#path li a {color: #0061AF;}

section {margin:auto auto; overflow-x:hidden; background: #FFFFFF;  line-height: 22px; color: #666; margin-top: 0px;}
#section-inner {width:1024px; margin:auto auto;}
#section-wrapper {float:left; min-height:300px; width:1024px}
	


#leftside {float:left; }
#leftside #left-inner  {max-width: 200px; /*position: absolute; margin: -100px 0 0 0; z-index: 50; min-height: 1px;*/ }
#leftside #left-inner ul {margin: 0 0 0 0; padding:0; width: 200px;}
#leftside #left-inner li {margin:0; padding:0; list-style:none; }
#leftside #left-inner li a  {text-decoration:none; color:#000; display:block; text-transform: uppercase; font-size: 15px; padding: 10px 10px; background: #EBEAEA; border-bottom: 1px solid #EBEAEA;}
#leftside #left-inner li.active a {background: #ccc; color: #015293!important;} 
#leftside #left-inner li.active.parent a {}
#leftside #left-inner li.active li a {padding: 5px 0 5px 30px;color:#000!important;font-size: 14px; text-transform:inherit; background: url(../images/li-li-listi.png) 15px 14px no-repeat; border-bottom: none;}
#leftside #left-inner li.active li.active a  {color:#e2001a!important;}

#leftside #leftitems {margin-top: 70px; float: left; background: #FFF; width: 200px;border-top: 5px solid #015293;}

#contentframe {float:left;width: 100%; }
	.fulllayout #contentframe {width: 100%;}
#inhalt {overflow-x:hidden; padding:20px 0px 20px 20px; margin-bottom: 40px; min-height:300px; float: left; width: 100%; background: #FFF;}
    .fulllayout #inhalt {padding: 20px 0;}
#inhalt li {margin-left:20px; background: url(../images/li-arr.gif) 0px 6px no-repeat; padding-left: 15px; list-style: none;}
#inhalt ul {margin:15px 0 15px 0px;}
#inhalt p {margin-bottom:0;}

.startintro ul {margin: 0; padding: 0;}
.startintro li {list-style: none; background: url(../images/li-kms.png) 0px 0px no-repeat; margin: 0; padding: 0 0 20px 40px;}


.blog .pull-left {float: left; margin: 0 25px 0 0; width: 250px;}
.blog .pull-left img {width: 100%; height: auto; margin-top: -20px;}

#rightitems {width: 200px; float: right; }
#rightitems .moveup {margin: -200px 0 0 -100px!important; position: absolute; z-index: 100; background: #FFF; padding: 0 20px;}
#rightitems .moveup a {text-decoration: none;}

#footer {background: #AD5700!important; margin: auto; min-height: 50px; margin-bottom: 100px;}
#footer-inner {width:1024px; margin: auto;}
#footer-content {float:left; width:1024px; margin: 17px 0; color: #FFF;}
#footer-content a {color: #FFF; text-decoration: none;}

.reihe {background: #FFF;}
.reihe-inner {max-width: 1024px; height: auto; margin: auto;}
.moduletable-referenzen {padding: 40px!important; }
.moduletable-referenzen h4 {padding-bottom: 40px!important; }

.blog .item {clear: both; float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCC;}
.blog .item  {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #999; width:  100%;}

.mapprint {display: none;}

.tab-pane.nn_tabs-pane {width: 97%; text-align: left;}
.tab-content {margin-top: -15px;}
.nn_tabs-toggle-inner {color: #000; text-transform: uppercase;}
.nn_tabs-tab.active .nn_tabs-toggle-inner {color: #015293!important;}

.readmore a , a.more {text-decoration: none; color: #FFF; background-color: #495067; padding: 3px 10px; border-radius: 5px; }

.next-button , .prev-button {margin-top: 100px;}
.pg-cv-box-mod-ri {   background: inherit;   border-radius:2px;   box-shadow: inherit; float:left;   margin:5px 10px 5px 0;   padding:0px;}


table.downloads td {padding: 5px;}
table.downloads td img {border: 1px solid #ccc; padding: 1px;}

.pull-left.item-image {width: 300px; height:  auto;float: right; margin:  25px 0 0 20px; }
.pull-left.item-image img {width: 100%; height:  auto;padding: 1px;border:  1px solid #ccc;}

blog .pull-left.item-image {width: 160px; height:  auto;float: left; margin:  25px 20px 0 0; }
blog .pull-left.item-image img {width: 100%; height:  auto;padding: 1px;border:  1px solid #ccc;}


ul.category-module {padding: 0; margin: 0 0 20px 0;}
ul.category-module li {list-style:  none; padding: 0; margin: 0;}
ul.category-module li a {border: 1px solid #eee; padding: 5px 15px; display:  block; border-collapse: collapse;}


/*Zebra Tables <table class="zebra" cellpadding="0" cellspacing="0">  http://davidwalsh.name/mootools-zebra-tables-plugin */
.highlight		{ background:#d5fcdc; }
.even			{ background:#fff; }
/*.mo			    { background:#e3f1fb; }*/
.odd			{ background:#eee; }
.zebra th		{ padding:5px; background:#ddd; border-bottom:1px solid #999; text-align:left; font-weight:bold; }
.zebra td		{ padding:5px 5px 5px 5px; border-bottom:1px solid #ddd; font-size: 12px; }

}

/*------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width: 999px) {

#border-div {border: 1px solid #F00;}

.mobile-only {display: inherit;}
.mobileonly-tablet {display: block;}
.nomobile , #path , #jobs-callout {display: none;}

header, #headerwrap , #header-inner , #topline , #topline .moduletable-title, 
middle , #menu-inner , #path , .siderow , .siderow-inner , 
section, #section-inner , #section-wrapper, 
#contentframe , #inhalt,  footer , #footer-inner , #footer-content, #startbloecke , .startblock
.fulllayout #section-wrapper , .fulllayout #contentframe , #kontaktzeile, #kontaktzeile .moduletable-map , #kontaktzeile .moduletable-adresse ,
#startintro-wrapper , #startintro , #startintro .moduletable-starttext , .startlayout #secondary , .startlayout #secondary-inner, .fullstart , .fullstart-inner , .item-page
{width: auto!important; max-width: 1000px; float: none; padding: 0; min-height: 1px!important; height: inherit!important;}

#wrapper {background:#f2f2f2!important;}

section { width: 100%; padding-top: 0px; background-color: #FFF!important;}




#mainmenu {padding-left: 20px;}

#pix img {width: 100%!important; height: auto;}
#pix .moduletable {width: 100%;}

#leftside , #left-inner {float: left;}
#leftside #left-inner  {position: relative; margin: 20px 0 0 0; }

#inhalt {padding: 0 20px 20px 20px!important; }
#inhalt.mit-rechter-spalte { max-width: 60%;}
.fulllayout #inhalt {max-width: 90%;}

.startblock {width: 46%;  float: left; padding: 10px 10px 40px 10px; text-align: inherit; height: inherit!important; min-height: inherit!important;}
.startblock.drei {float: left; margin-left: 1%;}
img.flex50 {max-width: 50%; height: auto;}
img.flex , #inhalt img {max-width: 99%!important; height: auto;} 

#section-wrapper , #inhalt {min-height:1px; }

#rightitems {float: right; max-width: 27%;}
#rightitems img {max-width: 100%; height: auto;}
#rightitems .moveup {margin: 0 0 0 -80px!important; position: absolute; z-index: 100; background: #FFF; padding: 0 20px; top: 401px;}


footer , #footer-inner { background: #333!important; border:#333 1px solid; height: 60px!important;}


#startintro-wrapper , #startintro  {width: 100%; margin: 20px 0 0 0;}
.startlayout #startintro , .startlayout #section-inner {padding: 0 20px;}

#aktuelles {clear: both!important; width: 49%!important; float: left;}

.pull-left.item-image {width: 50%; }



}


/*------------------------------------------------------------------------------------------------------------------------*/



@media all and (max-width: 660px) {
#leftside, #path , #topmenu , .no-smartphone , a.no-mobile ,  .nav-tabs , #middle  , header {display: none!important;}
.smartphone-only {display: inherit; }

#oben, #startnews  , #footer-content .moduletable-copyright , #footer-content .moduletable-footermenu , #start-spezial , 
#startmap , #start-spezial2 , #topline .moduletable-tel , #startbloecke , #startintro , #aktuelles, #probanden , .startblock , #kontaktzeile , #kontaktzeile .moduletable-map , #kontaktzeile .moduletable-adresse ,
#rightitems , #rightitems.moveup
{width: auto!important; max-width: 1000px; float: none; padding: 0; height: auto!important; min-height: inherit!important; clear: both; }

.siderow-inner {padding: 0 5px;}
.siderow.grey {background: inherit!important;}
.siderow.blue {background: inherit;}


#topline .moduletable-title {text-align: center; min-width: inherit;}	
#topline .moduletable-tel {float: inherit; padding: 10px 0; margin-right: 0; text-align: center;}

#topline .obermenu {float: right; margin-top: -10px; text-align:  center; width: 100%;}


.moduletable-lang {display: none;}

.startblock img {max-width: 50%!important; height: auto;}


#oben, header  {height: auto!important; min-height: auto!important; overflow: hidden;}
#oben  { width: 100%;margin:auto auto; height: 194px;}

#logo {clear: both; float: left; min-width: 100%; width: 100%; text-align:  center;}
#logo img {max-width: 100%; height:  auto; margin-top:  -20px;}


#topline .moduletable-tel {width: 100%; padding: 14px 0px 10px 15px; margin-right: 0; }


#inhalt {padding: 20px; max-width: 90%!important; width: 90%!important; }

.startblock {clear: both; width: 100%; height: auto; min-height: inherit; float: left; margin-bottom: 10px; padding-bottom: 10px!important; margin-left: -10px!important;}
.startblock.zwei {margin-left: inherit;}
.startblock.drei {float: left;}

.moduletable-cta a {color: #FFF!important;}

#aktuelles {text-align: center;}



.pull-left {float: left; margin: 0 25px 0 0; max-width: 30%!important; width: 30%!important;}
.pull-left img {width: 100%; height: auto; margin-top: -20px;}



#rightitems {float: none; clear:  both; position:  relative; max-width: 100%!important; width: 100%!important;}
#rightitems .moveup {margin: 0px 0px 20px -20px!important; position: relative; padding: 0 20px; top: 0px; max-width: 100%!important; width: 100%!important; text-align:  center;}


#footer-content {margin:0!important; padding: 0!important;}
#footer-inner {padding: 20px 0; text-align:  center;}

.startlayout section {background: inherit;}
.startlayout #middle {display: none;}
}


