@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
}

body {
  font-size: 100.1%;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  background: #EEE;
  margin: 0;
}

#outerShell {
  width: 951px;
  background:;
}

#innerShell {
  width: 950px;
  padding-bottom: 1px;
}

/********************************************************
/* Links
/*******************************************************/

a {
  color: #B27F99;
}

a img {
  border: none;
}

img.icon {
  vertical-align: middle;
}

/********************************************************
/* bodyTop
/*******************************************************/

#bodyTop {
  height: 200px;
  position: relative;
}

body#content #bodyTop {
  height: 400px;
}

#bodyTopLogo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 50px;
  height: 50px;
}

#content #bodyTopLogo {
  bottom: 150px;
}

#bodyTopLogo a {
  display: block;
  width: 175px;
  height: 50px;
  float: left;
}

#bodyTopLogo img#logo {
  display: none;
}

#searchFormTop {
  float: right;
  margin-right: 25px;
  margin-top: 12px;
}

#searchFormTop input {
  background: transparent;
  border: 1px solid #FFF;
  padding: 2px 5px;
  color: #FFF;
  font-weight: bold;
  vertical-align: middle;
}

#searchFormTop input#q {}

#searchFormTop input.submitButton {
  padding: 0px;
  width: 22px;
  height: 22px;
  border-left: none;
  background: url(bg_btn_search.png) no-repeat;
}

#bodyTopHeadline {
  position: absolute;
  bottom: 0px;
  left: 50px;
  right: 0px;
  height: 150px;
  background: #FFF;
  opacity: 0.8;
}

#bodyTopHeadline h1 {
  margin: 25px 250px 1em 200px;
}

#bodyTopHeadline p {
  margin: 0 250px 1em 200px;
  font-size: 75%;
}


/********************************************************
/* Level2ff Navigation
/*******************************************************/

ul.macronavigation {
  margin: 0px 20px 0px 20px;
  padding: 0;
  list-style: none;
}

ul.macronavigation ul {
  list-style: none;
  margin-left: 20px;
  padding: 0;
}

ul.macronavigation li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 70%;
}

ul.macronavigation ul li {
  font-size: 100%;
}

ul.macronavigation li a {
  text-decoration: none;
  display: block;
  padding: 5px 0;
  color: #333;
}

ul.macronavigation li a.current {
  color: #000;
  font-weight: bold;
}

ul.macronavigation li a.current_sub {
  font-weight: bold;
}

ul.macronavigation li a:hover {
  text-decoration: underline;
}


/********************************************************
/* TOC-Listen
/*******************************************************/

div.pageelement_Index ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.pageelement_Index ul a {
  display: block;
  font-weight: bold;
}


/********************************************************
/* Content-Positioning
/*******************************************************/

.contentNavigation {
  width: 180px;
  float: left;
}

.contentPane {
  float: right;
  width: 700px;
  padding: 0 0 20px 0;
}

.mainContent {
  width: 500px;
  float: left;
}

.relatedContent {
  width: 199px;
  float: right;
}

/********************************************************
/* pageregionBefore
/*******************************************************/

#pageregionBefore {
  min-height: 100px;
  background: #FFF;
  margin-bottom: 20px;
}

/********************************************************
/* Content-Styles
/*******************************************************/

p, li, td, label {
  font-size: 70%;
  line-height: 150%;
}

td p, td li {
  font-size: 100%;
}

p, ul {
  margin-bottom: 1em;
}

.mainContent p, .mainContent ul, .mainContent table, .mainContent h3, 
.mainContent h4, .mainContent h6, .mainContent .ZMSGraphic, body#content p,
.previewPane p, .previewPane ul,
ul.search_result_list {
  width: 450px;
}

.multicolumnholder .ZMSGraphic p, .multicolumnholder .ZMSGraphic ul, .multicolumnholder .ZMSGraphic {
  width: auto !important;
}

h1,h2,h3,h4,h5,h6 {
  color: #603;
}

.mainContent h2 {
  font-weight: normal;
  font-size: 100%;
  line-height: 125%;
  width: 450px;
  margin: 0;
}

.mainContent h2.contentSection {
  font-size: 70%;
  font-weight: bold;
  width: 500px;
  padding: 0.5em 0 0.5em 0;
  margin: 2em 0 1em 0;
  text-transform: uppercase;
  clear: both;
}

h1.title, h2.heading1 {
  font-weight: normal;
  font-size: 140%;
  line-height: 125%;
  width: 450px;
  margin: 0;
}

h1.press_release {
  font-weight: normal;
  font-size: 120%;
  width: 450px;
}

h3,h4,h5,h6 {
  font-weight: bold;
  font-size: 70%;
  line-height: 125%;
  margin-bottom: 0.5em;
}

h3 {
  margin-bottom: 1em;
}

h4,h5,h6 {
  margin-bottom: 0.5em;
}

h3.AccordionPreviewPaneTitle {
  font-weight: normal;
  font-size: 140%;
  line-height: 125%;
  text-transform: none;
  background: transparent;
  padding: 0;
  margin: 0;
}

.mainContent h5 {
  font-weight: normal;
}

p.description {
  font-weight: bold;
  color: #666;
  width: 450px;
}

hr {
  height: 1px;
  clear: both;
}

/********************************************************
/* specObj personal_profile
/*******************************************************/

.personal_profile {
  width: 150px;
  height: 215px;
  float: left;
  margin-bottom: 1em;
}

.personal_profile p {
  width: 150px;
}

/********************************************************
/* specObj tagcloud
/*******************************************************/

.tagcloud {
  line-height: 200%;
  /* text-align: center; */
}

.tagcloud h2 {
  background: transparent !important;
}

.tagcloud a {
  display: block;
  float: left;
  padding: 0px 10px 0 0;
  white-space: nowrap;
}

.tagcloud a:hover {
  color: #603;
}

/********************************************************
/* specObj referenceStatement Kundenstatements
/*******************************************************/

div.reference_statement {
  padding: 0 50px 1.5em 40px;
  background: url(bg_reference_statement.gif) no-repeat;
}

div.reference_statement p {
  width: auto;
}

p.statement {
  margin: 0;
  font-weight: bold;
}

p.author {
  margin: 0;
  text-align: right;
}


/********************************************************
/* ZMS Linksammlung
/*******************************************************/

div.pageelement_Links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


div.pageelement_Links ul li {
  padding-bottom: 0.5em;
}

/********************************************************
/* Reference Listings
/*******************************************************/

div.reference_listing ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.reference_listing ul li {
  margin: 0 0 1em 0;
  font-size: 100%;
  line-height: 150%;
}

.reference_listing h3, .reference_listing p {
  margin: 0;
  width: auto;
}

.reference_listing p.client {
  text-transform: uppercase;
}



/********************************************************
/* TOC-Listing pageelement_Index
/*******************************************************/

div.pageelement_Index ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


div.pageelement_Index ul li {
  padding-bottom: 0.5em;
}

/********************************************************
/* ZMSGraphic
/*******************************************************/

div.ZMSGraphic{
	margin: 0 0 0.5em;
}

div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
}
div.ZMSGraphic.floatright {
	float:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.graphic.alignleft {
	float:left;
	margin: 0 10px 0 0;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic div.text {
	padding: 0.5em 0;
}
div.ZMSGraphic div.text p {
	margin:0;
	width: auto;
}

/********************************************************
/* content_graphic object
/*******************************************************/

.graphic_galery {
  margin-bottom: 2em;
}

.graphic_galery h3 {
  font-size: 110%;
  color: 666;
  font-weight: normal;
}

.graphic_border img {
  border: 1px solid #CCC !important;
}

.graphic_galery .graphic_holder {
  float: left;
}

.col100 .graphic_holder {
  width: 100%;
  overflow: hidden;
}

.col50 .graphic_holder {
  width: 50%;
  overflow: hidden;
}

.col33 .graphic_holder {
  width: 33.3%;
  overflow: hidden;
}

.col25 .graphic_holder {
  width: 25%;
  overflow: hidden;
}

.col20 .graphic_holder {
  width: 20%;
  overflow: hidden;
}

graphic_border .graphic {
  border: 1px solid #CCC;
}

.graphic {}

.left {
  float: left;
  margin-right: 20px;
}

.right {
  float: left;
  margin-left: 20px;
}

.graphic_holder p {
  font-size: 60%;
}


/********************************************************
/* Formulare
/*******************************************************/

.mainContent form {
  margin: 0;
  width: 450px;
}

form p, .mainContent form p {
  width: auto !important;
}

fieldset {
  padding: 1em 2em;
}

label {
  display: block;
  margin-bottom: 1em;
}

.textInput, textarea, select {
  border: none;
  background: #CCC;
  width: 90%;
  padding: 2px 5px;
}


/********************************************************
/* Teaser
/*******************************************************/

div.teaserContainer {
  margin: 0 20px;
}

div.teaserElement {
  margin: 0 0 1em 0;
}

.teaserElement * { width: auto !important; }

ul.teaserListing {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.teaserListing a {
  text-decoration: none;
  color: #000;
}

ul.teaserListing a:hover {
  text-decoration: underline;
}

.teaserCaption {
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}

.teaserElement .graphic {
  margin-bottom: 0.25em;
}

.teaserImage {
  width: 159px;
  overflow: hidden;
}

.teaserTitle {
  color: #333;
  font-weight: bold;
  margin: 0;
  line-height: 120%;
}

.teaserText {
  font-size: 70%;
  line-height: 125%;
  color: #666;
}

.teaserLink {
  padding-left: 13px;
}

/********************************************************
/* pageregionBottom
/*******************************************************/

#pageregionBottom {
  padding-left: 50px;
}

/********************************************************
/* Footer
/*******************************************************/

#pageelement_Footer {
  margin: 0px;
  padding: 10px 0px;
}

#pageelement_Footer p {
  margin: 0 50px;
  font-size: 70%;
  color: #666;
}

#pageelement_Footer p a {
  color: #666;
}

/********************************************************
/* Global Teaser
/*******************************************************/

div#pageelement_GlobalTeaser {
  height: 120px;
  overflow: hidden;
}

/********************************************************
/* Blog-Styles
/*******************************************************/

.blog_author_thumbnail {
  overflow: hidden;
  float: left;
  margin-right: 10px;
}

.blog_author_thumbnail img {
  border: 1px solid silver;
}

div.blog_header_text {
  float: left;
  margin-bottom: 1em;
  width: 379px;
}

div.blog_header_text h3 {
  text-transform: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #333;
}

div.blog_header_text p {
  width: auto;
  margin: 0;
  color: #666;
}

.blog_list_entry {
  width: 450px;
  margin-bottom: 2em;
}

p.blog_list_description, .blog_entry_content {
  clear: left;
}

/********************************************************
/* Content-Spalten (Mehrspaltiger Content)
/*******************************************************/

.multicolumnholder {
  overflow: hidden;
}

.column25 {
  width: 25%;
  float: left;
}

.column33 {
  width: 33%;
  float: left;
  max-width: 200px;
}

.column50 {
  width: 50%;
  float: left;
  max-width: 200px;
}

.column25 p, .column25 label, .column33 p, .column33 label {
  width: auto !important;
  margin-right: 20px;
}

/********************************************************
/* sIFR Font-Replacement
/*******************************************************/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/********************************************************
/* clearing   #contentPane:after, AccordionPanelContent:after
/*******************************************************/

.floatholder {
  overflow:hidden;
}

.clerasil {
  display: block;
}

.clerasil:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/********************************************************
/* Navigation Accordion und CollapsiblePanel
/* contentPanel
/*******************************************************/

#contentShell, .Accordion {
  overflow: hidden;
}

.contentPanel, .CollapsiblePanelOpen, .CollapsiblePanelClosed, .AccordionPanelOpen, .AccordionPanelClosed {
  margin: 0px;
  padding: 0px;
  clear: both;
}

.contentPanelContent {
  padding: 0px;
  margin: 0 0 0 50px;
  clear: both;
  height: auto;
  width:auto;
}

/* #contentShell.Collapsible .contentPanelContent {
  height: 250px;
} */

#contentShell.Collapsible .openPanel .contentPanelContent {
  height: auto !important;
}

#contentShell.Accordion .contentPanelContent {
  height: auto;
}

.Accordion .AccordionPanelOpen .contentPanelContent, .Accordion .AccordionPanelClosed .contentPanelContent {
  overflow: auto;
  /* height: 250px; nur notwendig, wenn useFixedPanelHeights=true */
}

.CollapsiblePanelOpen .contentPanel, .AccordionPanelOpen .contentPanel {
}

/* Panel Tabs */
.contentPanelTab {
  margin: 0px;
  padding: 1px 0px 0px 0px;
  font-size: 70%;
  line-height: 21px;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.AccordionPanelFocused .contentPanelTab, .CollapsiblePanelFocused .contentPanelTab {
  border: none;
}

/* Anchors */
.contentPanelTab a {
  text-decoration: none;
  color: #000;
  display: block;
}

.contentPanelTab a:hover {
  background: #F0F0F0;
}

.CollapsiblePanelOpen .contentPanelTab a, 
.AccordionPanelOpen .contentPanelTab a, 
.openPanel .contentPanelTab a {
  background: #FFF url(arrow_PanelOpen.gif) 55px 5px no-repeat !important;
  font-weight: bold;
}

.CollapsiblePanelClosed .contentPanelTab a, .AccordionPanelClosed .contentPanelTab a {
  background: #FFF url(arrow_PanelClosed.gif) 55px 5px no-repeat;
}

/* Nummerierung */
.numbering {
  width: 50px;
  text-align: center;
  display: block;
  float: left;
  margin-right: 20px;
}

.contentPanel .numbering, .CollapsiblePanelClosed .numbering, .AccordionPanelClosed .numbering {
  background: #000;
  color: #FFF;
}

.openPanel .numbering, .CollapsiblePanelOpen .numbering, .AccordionPanelOpen .numbering {
  background: #000;
  color: #FFF; 
}

/* Hovering über Tabs */
.CollapsiblePanelTabHover, .AccordionPanelTabHover {
}