@charset "utf-8";
/**
 * Stylesheet für Höltl Retail Solutions GmbH
 *
 * Stilvorlagen für den Ausdruck
 *
 * @link          http://www.hoeltl.de
 * @copyright     2008 Matthew Colton
 * @date          2008-11-30
 * @lastmodified  2008-11-30
 */

/**
 * Basis-Eigenschaften einiger HTML-Tags
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3
 * @valid     Ja
 */

body {
  padding:    0;
  margin:     0;
  font-size:  100%;
  text-align: center;
  color:      #000;
  background: url(../img/layout/bg.png) repeat-x #ebf3fb;
}

img { border-width: 0px; }

form, table, td, th, body, textarea, input { font-family: arial,helvetic,sans-serif; }

form { display: inline; }

select, input, option, textarea {
  font-size: 12px;
}

select.input, input.input, textarea.input {
  border:  1px solid #80868a;
  padding: 1px;
  color:   #80868a;
}

select:focus, input.input:focus, option:focus, textarea:focus {
  color:      #000;
  background: #ebf3fb;
  font-size:  12px;
}

select { border-width: 0;}

a {
  color:           #002661;
  text-decoration: underline;
  content: " * Link " attr(href) "* ";
}

a:hover {
  color: #f60;
}

/**
 * Stylesheets für Hauptbereiche (Kopfzeile, Inhalt, rechte Spalte und Fußzeile)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
#pageWrapper {
  text-align: left;
  font-size:  10pt;
}


#header, #leftColumn, #rightColumn, #footer {
  display: none;
}

#footer {
  font-size:  11px;
  text-align: right;
  color:      #92989d;
  padding:    0;
  margin:     0 auto;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für generische Inline- und Blockelemente (SPAN/DIV)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */

.printOnly {
  display: none;
}

div.clear, p.clear {
  clear: both;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: right;
}

.taRight {
  text-align: right;
}

.taLeft {
  text-align: left;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für die Container des Inhaltsbereichs
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
#contentArea {
  position:    relative;
  z-index:     50;
  margin:      15px 0 0;
  padding:     0 0 20px;
  line-height: 1.5;
}


/**
 * Stylesheets für Inhaltselemente
 *
 * Basisstile für HTML-Tags
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */

h1, h2, h3, h4 {
}

h1 {
  font-size:     13px;
  color:         #005aa0;
  padding:       0 0 12px 0;
  margin:        0 0 8px 0;
  font-weight:   bold;
  line-height:   .8;
  border-bottom: 1px solid #aaa;
}

h2 {
  font-size: 12px;
  color:     #005aa0;
  margin:    3px 0 0;
  padding:   3px 0 0;
}

h3 {
  font-size:   12px;
  color:       #000;
  font-weight: bold;
  margin:      3px 0 0;
  padding:     3px 0 0;
}

h1.red, p.red {
  color: #db0a36;
}

img.button:hover {
  cursor: pointer;
}

#contentArea p {
  margin:  0;
  padding: 1px 0 5px;
}

#contentArea p.buttonContainer {
  padding-bottom: 0;
  margin: 0;
}

label.short {
  display: block;
  float: left;
  width: 60px;
  padding: 2px 0;
}

p.miniLabeled label, p.shortLabeled label, p.midLabeled label {
  display:     block;
  float:       left;
  font-weight: bold;
}

p.midLabeled label {
  width: 9em;
}

p.shortLabeled label {
  width: 6em;
}

p.miniLabeled label {
  width: 4.5em;
}

input.input {
  padding: 1px;
  border:  1px solid #80868a;
  font-size: 12px;
}

input.input:focus {
  border: 1px solid #005aa0;
  background: #f5f5f5;
}

#frontpageServiceSelection {
  position: relative;
  height:   267px;
  width:    464px;
}

#frontpageServiceSelection img {
  position: absolute;
  z-index:  70;
  top:      0px;
  left:     0px;
}

#frontpageServiceSelection div {
  position: relative;
  z-index:  75;
  padding:  155px 0 0 185px;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für root line
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
div#rootLine {
  padding: 1px 0 20px 0;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für Variationen der zweispaltigen Inhaltselemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */

div.twoCol {
/*   width: 100%; */
}

div.twoColLeft, div.twoColRight {
  float: left;
  width: 222px;
}

div.twoColLeft {
  padding: 0 10px 0 0;
}

div.twoColRight {
  padding: 0 0 0 10px;
}

* html div.twoColRight {
/*   padding: 0 0 0 .5%; */
}

div.twoTabMap {
  padding: 15px 0;
}

div.twoTab a, div.twoTabMap a {
  text-decoration: none;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für News
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
#mainColumn ul, #mainColumnWide ul, #rightColumn ul {
  padding: 0 0 1px 15px;
  margin:  0 0 1px 0px;
}

div.newsLatestItem, div.newsEntry {
  margin: 0 0 10px 0;
}

div.newsLatestItem h2 {
  color:     #666;
  font-size: 11px;
}

div.newsLatestItem p  {
  margin:      0 !important;
  padding:     0 0 2px;
  line-height: 1.2;
}

p.newsLatestDate, p.newsSingleTimedata, p.newsListCategory {
  font-style: italic;
  padding:    0 0 7px !important;
}

div.newsSingleImg {
  float: right;
  width: 100px;
  margin: 0 0 3px 10px;
}

div.newsSingleRelated ul, div.newsSingleFiles ul {
  margin-top:  0;
  padding-top: 0;
}

div.tx-ttnews-browsebox {
  padding: 12px 0 0;
  float: right;
}

div.tx-ttnews-browsebox p, div.tx-ttnews-browsebox table {
  float: left;
}

span.newsCatmenuAct {
  color: #000;
  font-weight: bold;
}

table.pagerTable {
  margin-left: 0px;
}

table.pagerTable td {
  padding-right: 8px;
}

div.textWithImg img {
  margin-top: 3px;
}

div.textWithImg div.imgColumnRight {
  float:  right;
  width:  170px;
  margin: 0 0 3px 10px;
  font-size: 11px;
}


/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für mehrspaltige Inhaltselemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
div.fourCol, div.threeCol, div.twoCol {
  padding: 1px 0 4px;
}

div.fourCol div.col1, div.fourCol div.col2, div.fourCol div.col3,
div.threeCol div.col1, div.threeCol div.col2 {
  margin-right: 4px;
}

div.fourCol div.col1, div.fourCol div.col2, div.fourCol div.col3, div.fourCol div.col4 {
  float: left;
  width: 162px;
}

div.threeCol div.col1, div.threeCol div.col2, div.threeCol div.col3 {
  float: left;
  width: 219px;
}

div.twoCol div.col1, div.twoCol div.col2 {
  float: left;
  width: 49%;
}

div.twoCol div.col1 {
  margin-right: 1.75%;
}

div.fourColRef {
  padding: 15px 0 15px;
}

div.fourColRef div.col1, div.fourColRef div.col2 {
  margin-right: 21px;
}

div.fourColRef div.col3 {
  margin-right: 20px;
}

div.fourColRef div.col1, div.fourColRef div.col2, div.fourColRef div.col3, div.fourCol div.col4 {
  float: left;
  width: 152px;
}
/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Suche
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
span.tx-indexedsearch-percent {
  font-weight: normal;
}

div.tx-indexedsearch-res {
  padding: 0 0 8px;
}

ul.browsebox {
  float: right;
  padding:    0;
  margin:     0;
  list-style: none;
}

ul.browsebox li {
  float:   left;
  padding: 0 8px 0 0;
}

li.tx-indexedsearch-browselist-currentPage {
  font-weight: bold;
}

p.tx-indexedsearch-text-item-path {
  color: #8ace51;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Kalender
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
div.calListItem {
  padding: 2px 0 10px;
}

p.calListDate, p.calEventDate {
  font-style: italic;
}

div.calEventDescription, div.calLocationAddress {
  padding: 10px 0;
}

div.csc-textpic-caption {
  font-size: 10px;
}

div.calLocationImg {
  float:  right;
  width:  250px;
  margin: 4px 0 5px 5px;
  font-size: 10px;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Mailformulare
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
div.mailformplusContactForm label, div.mailformplusContactForm span.label {
  display: block;
  float:   left;
  width:   8em;
}

div.mailformplusContactForm {
  padding: 5px 0;
}

div.mailformplusContactForm p {
  padding: 8px 0 !important;
}

div.mailformplusContactForm .input {
  width: 300px;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * Stile für Referenzen
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2/3, Safari 2, Opera 9, Konqueror 3.5
 * @valid     Ja
 */
div.partnerContainer {
  padding: 0 0 20px;
}

div.partnerContainer h1 {
  padding-bottom: 3px !important;
  margin-bottom:  3px !important;
}

div.partnerContainer h2 {
  padding-top: 0 !important;
  margin-top:  0 !important;
}

div.partnerImgColumn div.subImgLeft, div.partnerImgColumn div.subImgRight {
  width:      55px;
  float:      left;
  margin-top: 10px;
}

div.referenceContainer

div.referenceContainer div.refImgColumn {
}


div.referenceContainer div.refImgColumn div.subImgLeft,
div.referenceContainer div.refImgColumn div.subImgRight {
  width:      75px;
  float:      left;
  margin-top: 10px;
  text-align: left !important;
}


div.partnerImgColumn div.subImgLeft,
div.refImgColumn div.subImgLeft {
  margin-right: 10px;
}

div.referenceContainer {
  padding: 0 0 10px;
}

div.partnerImgColumn {
  float:     right;
  width:     120px;
  margin:    0 0 3px 10px;
  font-size: 10px;
}

div.refImgColumn {
  float:     right;
  width:     160px;
  margin:    0 0 3px 10px;
  font-size: 10px;
  text-align: center !important;
}

div.referenceContainer div.refImgColumn img {
  margin: 0 auto !important;
}

p.paddingLeft {
  padding-left: 20px;
}

div.tx_abdownloads_listView_download_1, div.tx_abdownloads_listView_download_2 {
  padding-bottom: 12px;
}

p.noMargin {
  margin:  1px 0 !important;
  padding: 1px 0 !important;
  line-height: 1.2;
}

p.noMarginBottom {
  margin-bottom:  1px !important;
  padding-bottom: 1px !important;
}