* { 
	margin: 0; 
	padding: 0; 
}
	  
body, html {
  	height: 100%;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background-color: #9a9a9a;
}

html {
  scrollbar-face-color:#F4F4F4;
  scrollbar-highlight-color:#FFF;
  scrollbar-3dlight-color:#CECECE;
  scrollbar-darkshadow-color:#9D9D9D;
  scrollbar-shadow-color:#CECECE;
  scrollbar-arrow-color:#626262;
  scrollbar-track-color:#E8E8E8;
  overflow-y: scroll;
} 

.ir {
	font-family:sans-serif;
	font-size:0;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:0;
	line-height:0;
	overflow:hidden;
	text-decoration:none;
	text-indent:-1000px;
}

.clear {
	display: block;
	clear: both;
}

/***********************************************
  Textformatierung
***********************************************/

div#header h1 {
	float:right;
	display: block;
	width: 331px;
	height: 105px;
	padding-right: 20px;
}

h1 a#lnk-home {
	display: block;
	height: 105px;
}

div#content-wrapper-home h1 { 
  color: #010408;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding-bottom: 16px;
}

div#content-wrapper h1 {
  font-size: 12px;
  font-weight: bold;
  padding: 0px 50px 5px 0;
}

div#content-wrapper h3.subtitle {
	font-size: 12px;
	font-weight: bold;
	padding: 20px 50px 5px 0;
}

div#content-wrapper-home h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 16px;
}

div#content-wrapper-home h3 {
	font-size: 14px;
	color: #010408;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 16px;
}

div#content-wrapper h2.pagetitle,
div#content-wrapper h2.pagetitle-empty,
div#content-wrapper h2.pagetitle-full,
div#content-wrapper h2.pagetitle-bottom,
div#content-wrapper h2.pagetitle-top,
div#content-wrapper h2.pagetitle-center {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #141210;
	padding: 20px 0 0 28px;
}
div#content-wrapper h2.pagetitle { background: url(../_img/bgr_pagetitle-h2.gif) no-repeat 0 23px; }

div.wrap p {
	line-height: 15px;
}


div#content-wrapper div.wrap {
	padding: 0pt 100px 0pt 55px;
}


div.mdl-teaser h4.ontop {
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 19px;
	width: 180px;
	color: #FFF;
}

div.mdl-pagetitle { margin-bottom: 15px; }

h2.pagetitle-1 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #141210;
	padding-left: 55px;
	width: 215px;
	float: left;
	margin-top: 10px;
}

h2.pagetitle-withoutsub {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #141210;
	padding-left: 85px;
	width: 190px;
	float: left;
}

p.pagetitle-text-withoutsub {
	float: left;
	font-size: 11px;
	width: 280px;
}

h3.pagesubtitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 0 0 0;
}

h3.mdl-referenzen-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p.pagetitle-text {
	float: left;
	font-size: 11px;
	width: 280px;
}

div#content-wrapper h3.subtitle {
	font-size: 12px;
	font-weight: bold;
	padding: 20px 50px 5px 0;
}



div#header {
  	height: 127px;
  	background: #fff;
  	padding: 1px 0 0 0;      
}

div#header-content {
  	width: 824px;
  	margin: 0 auto;      
}

ul#meta-navi li {
	float: left;
}

div#outer-wrapper {
	clear: both;
}

div#content {
  	margin: -22px auto 0 auto;
  	width: 824px;
}

div#left-column {
	float: left;
	padding-bottom: 100px;
	padding-left: 14px;
	width: 592px;
}

div#content-wrapper-home {
	width: 438px;
	clear: both;
	padding: 75px 100px 50px 55px;
}

div#content-wrapper {
	width: 592px;
	clear: both;
	padding: 0 0 50px 0;
}

div#right-column {
	float: left;
	width: 205px;
	padding-right: 12px;
}


/* module */
div.mdl-sitebar-text-lnk {
	width: 100%;
	padding: 5px 0 20px 0;
}

div.mdl-sitebar-text-lnk h5 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 18px 0 18px;
}

div.mdl-sitebar-text-lnk p {
	padding: 0 18px 5px 17px;
	font-size: 10px;
	line-height: 14px;
}

div.mdl-sitebar-text-lnk a {
	clear: both;
	margin-left: 19px;
	display: block;
}

div.mdl-sitebar-bild, div.mdl-sitebar-slideshow {
	width: 100%;
	height: 119px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	margin: 5px 0;
}

div.mdl-referenzen {
	height: 156px;
	border-bottom: 1px solid #D7D7D8;
}

div.mdl-referenzen-image {
	float: left;
	width: 192px;
	padding: 20px 27px 0 55px;
	display: block;
}

div.mdl-referenzen-text {
	padding: 17px 60px 0 0;
	width: 257px;
	float: left;
	display: block;
}

div.mdl-referenzen-text p {
	font-size: 11px;
	padding-bottom: 5px;
}

span.pagenum {
	display: block;
	font-weight: bold;
	font-size: 11px;
	float: left;
	padding: 5px 20px 5px 55px;
}

a.iconized-link {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding-left: 14px;
}

a.referenzen {
	float: right;
	margin: 5px 40px 0 40px;
	width: auto;
}

a.mt20 {
	display: block;
	margin-top: 20px;
}

/***********************************************
  Lists
***********************************************/

ul#meta-navi {
	float:left;
	width: 330px;
	list-style: none;
	font-size: 10px;
	color: #5B5B5C;
	font-weight: bold;

	margin-top: 70px;
	padding-left: 14px;
}

ul#meta-navi li {
	float: left;
}

ul#meta-navi li a {
	text-decoration: none;
	display: block;
	padding: 0 6px;
	border-left: 1px solid #5B5B5C;
	color: #5B5B5C;
}

ul#meta-navi li a.first {
	padding: 0 6px 0 0;
	border-left: 0px;
}

ul#main-navi {
	float:left;
	clear: both;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: 538px; 
	height: 18px;
	padding: 3px 0 0 55px;
	margin: 0px;
}

ul#main-navi li {
	float: left;
}

ul#main-navi li a {
	color: #FFF;
	text-decoration: none;
	padding: 0 8px;
	border-left: 1px solid #FFF;
}

ul#main-navi li a.first {
	padding: 0 8px 0 0;
	border-left: 0px;
}

div#sub-menu-wrapper {
  clear: both;
  background: url(../_img/bgr_submenu.gif) 0 0;
  height: 90px;
  margin: 0 0 36px 0;
  padding: 0;
}

ul#sub-menu {
	clear: both;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#sub-menu li {
	height: 15px;
	padding: 0;
	margin: 0;
	/* border-bottom: 1px solid #CCC; */
}

ul#sub-menu li a {
	height: 14px;
	padding: 0;
	display: block;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
}

ul#sub-menu li.profil a {
	padding:0 0 0 137px;
}

ul#sub-menu li.leistungen a {
	padding:0 0 0 55px;
}

ul#sub-menu li a:hover {
	color: #848080;
}

ul#sub-menu li.active a {
	color: #848080;
}


ul#zeitleiste {
	list-style: none;
	clear: both;
	height: 22px;
	border-top: 1px solid #D7D7D8;
	border-bottom: 1px solid #D7D7D8;
	margin-top: 20px;
	padding-left: 50px;
}

ul#zeitleiste li {
	float: left;
}

ul#zeitleiste li a {
	display: block;
	padding: 3px 6px 2px 5px;
	text-decoration: none;
	font-weight: bold;
}

ul#zeitleiste li a:hover,
ul#zeitleiste li a.current {
	color: #848080;
}

div.csc-textpic-left div.csc-textpic-text {
  margin-bottom: 10px;
}


div.csc-textpic {
	clear: both;
}

div.csc-header {
	margin-top: 20px;
}
/* mdl logo link */
div.mdl-logolink {
  float: right;
  border-bottom: 34px solid #fff;
  border-top: 8px solid #fff;
  padding-right: 37px;
  position: relative;
  width: 400px;
}
div.mdl-logolink a { float: right; }
div.mdl-logolink span { bottom: 0; position: absolute; }

ul#form-fields li {
	padding-left: 0;
}

div.fce-referenzen ul { list-style-type: none; padding-top: 30px; }
div.fce-referenzen ul li { border-bottom: 1px solid #D7D7D8; float: left; padding-left: 55px; width: 537px; }
div.fce-referenzen strong.left, div.fce-referenzen span.left {
  float: left;
  margin-right: 10px;
  padding: 5px 0;
  width: 50px;
}
div.fce-referenzen strong.middle, div.fce-referenzen span.middle {
  float: left;
  margin-right: 10px;
  padding: 5px 0;
  width: 240px;
}
div.fce-referenzen strong.right, div.fce-referenzen span.right {
  float: left;
  margin-right: 10px;
  padding: 5px 0;
  width: 200px;
}

/***********************************************
  Error Handling
***********************************************/
div.error input.inp-txt { border: 1px solid #f00; }
div.error label { color: #f00; }

/***********************************************
  Typo3 Standardelemente
***********************************************/
ul.csc-bulletlist li { margin: 0 0 4px 10px; }

/*************************************************
  Typo3 Fehlerhafte Elementplatzierungen abfangen
**************************************************/
div#right-column div.csc-header   { display: none; }
div#right-column p.bodytext       { display: none; }


span.tx-srfreecap-pi2-cant-read {
	font-size: 9px;
	color: #000;
	display: block;
	clear: both;
}
span.tx-srfreecap-pi2-cant-read a {
	text-decoration: underline !important;
}


div.fce-referenzen ul { list-style-type: none; padding-top: 30px; }
div.fce-referenzen ul li { border-bottom: 1px solid #D7D7D8; float: left; padding-left: 55px; width: 537px; }
div.fce-referenzen strong.left, div.fce-referenzen span.left {
  float: left;
  margin-right: 10px;
  padding: 3px 0;
  width: 65px;
}
div.fce-referenzen strong.middle, div.fce-referenzen span.middle {
  float: left;
  margin-right: 10px;
  padding: 3px 0;
  width: 240px;
}
div.fce-referenzen strong.right, div.fce-referenzen span.right {
  float: left;
  margin-right: 10px;
  padding: 3px 0;
  width: 200px;
}