/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++                   CSS-Klassen allgemein                      ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
 margin-top: 5px;
 margin-left: 5px;
 background: #ffffff url(/fileadmin/templates/images/HG_LOGO_OHG.gif) no-repeat;
 margin-right: 0px;
 margin-right: 0px;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;  
 line-height: 120%;
 color: #1e3250;
}

main {
 background: #3F00FF;
 top: 50%;
 left: 50%;
 margin: auto;
}

h1 {
 font-family:arial,helvetica,sans-serif;
 font-size: 12px;  
 font-weight:bold;
 margin-top:2px;
 margin-bottom:8px;
}

h2 {
 font-family:arial,helvetica,sans-serif;
 font-style:italic;
 font-size: 12px;  
 font-weight:bold;
 margin-top:5px;
 margin-bottom:0px;
 color: #1E3250 !important;
}

h3 {
 font-family:arial,helvetica,sans-serif;
 font-style:italic;
 font-size: 12px;  
 font-weight:normal;
 margin-top:7px;
 margin-bottom:10px;
}

a:link,a:active,a:visited {
 /* #1E3250; */
 color: #1E3250; 
 /* #324F7C; */
 text-decoration: none;
 bottom: 10px;
 /* padding-bottom: -10px; MB_090220: not valid */
}

a:hover {
 color: #3c64aa;
 text-decoration: underline;
}

img.ohne_linkkasten{ border:0px; }

img.links_unten {
 display: block; 
 margin-top:10px;
 margin-left: auto; 
 margin-right: auto;
} 
 
/* Sammelcontainer f�r die 16 grauen Bildboxen */
div.bildboxgruppe {
  width:256px;
  height:256px;
  overflow:hidden;
  position:absolute;
  top:38px;
  left:8px;
  z-index: 100;
}

/* graue Bildbox 62 x 62 mit runden Ecken */
div.box_bildgrau {background:#6f7072; width:62px; height:62px;overflow:hidden; margin-right:2px; margin-bottom:2px; float:left; }
div.bildboxinhalt {height:52px;margin:0px;overflow:hidden;text-align:center;}
b.ecke_bildgrau {display:block; background:#9b9c9e;}
b.ecke_bildgrau b {display:block; height:1px; overflow:hidden; background:#6f7072;}
b.rad1_bildgrau {margin: 0 5px;}
b.rad2_bildgrau {margin: 0 3px;}
b.rad3_bildgrau {margin: 0 2px;}
b.ecke_bildgrau b.rad4_bildgrau {margin: 0 1px; height:2px;}

b.ecke_grau {display:block; background:#FFFFFF;}
b.ecke_grau b {display:block; height:1px; overflow:hidden; background:#9b9c9e;}
b.rad1_grau {margin: 0 5px;}
b.rad2_grau {margin: 0 3px;}
b.rad3_grau {margin: 0 2px;}
b.ecke_grau b.rad4_grau {margin: 0 1px; height:2px;}

/* Runde Ecken f�r alle beigen Container */
b.ecke_beige {display:block; background:#FFFFFF;}
b.ecke_beige b {display:block; height:1px; overflow:hidden; background:#E9E1B9;}
b.rad1_beige {margin: 0 5px;}
b.rad2_beige {margin: 0 3px;}
b.rad3_beige {margin: 0 2px;}
b.ecke_beige b.rad4_beige {margin: 0 1px; height:2px;}

/* graue Box 260 x 260 px mit runden Ecken */
div.box_grau {
 background:#9b9c9e; 
 width:260px; 
 height:260px;
 overflow:hidden; 
 margin-right:2px; 
 margin-bottom:2px; 
 float:left; 
 top:35px;
 left:5px;
 position:absolute;
}

/* beige Box links unten 260 x 260 px */
div.box_beige {
 background:#E9E1B9;
 width:260px;
 height:260px;
 margin-right:2px;
 margin-bottom:2px;
 float:left;
 top:297px;
 left:5px;
 position:absolute;
}

/* Runde Ecken f�r alle hellblauen Container */
b.ecke_hellblau {display:block; background:#FFFFFF;}
b.ecke_hellblau b {display:block; height:1px; overflow:hidden; background:#D2D6DC;}
b.rad1_hellblau {margin: 0 5px;}
b.rad2_hellblau {margin: 0 3px;}
b.rad3_hellblau {margin: 0 2px;}
b.ecke_hellblau b.rad4_hellblau {margin: 0 1px; height:2px;}

/* Gruppierung der untereinanderstehenden Boxen links */
div.contentgruppe {
 width:260px;
 height:522px;
 float:left;
 overflow:hidden;
 margin-left:0px;
 margin-right:2px;
}

/* Inhaltscontainer f�r die Boxen 260 x 260 px als "Eckenst�tze" */
div.boxcontent {
 height:250px;
 margin:0px;
 padding-left:5px;
 padding-right:5px;
 overflow:auto;
}

/* Inhaltscontainer f�r die Boxen 260 x 260 px als "Eckenst?tze"*/ 
div.boxcontent_text {
 height:250px;
 margin-top:0px;
 padding-left:5px;
 padding-right:5px;
}

/* Inhaltscontainer f�r die Boxen 522 x 522 px als "Eckenst�tze" */
div.boxcontent_gross {
 padding-left:5px;
 padding-right:5px;
 background:#D2D6DC;
 width:512px;
 min-height:512px;
 height: auto !important;
 height:512px; 
 overflow: auto;
 max-height: 512px;
 }

div.boxcontent_gross_letzteZeile {
 margin-top:100px;
}

/* hellblaue Box 522 x 522 px */
div.box_hellblau_gross {
/* background:#EEEEEE; */
 position:absolute;
 /* background:#D2D6DC; */ 
 width:522px;
 top:35px;    
 left:267px;
 min-height:520px;
 height: auto;
 margin-right:12px;
 margin-bottom:0px;
}

/* die logos sind werden direkt in latest_blogs eingefuegt, wegen des IEs */
div.logos {
 position:absolute;
 top:506px;
 left:801px;
 width:194px;
 height:87px;
 overflow:hidden;
}

/* news */
div.latest_blogs {
 position:absolute; 
 top:35px; 
 left:801px;
 width:   174px;
 height:  473px;
 margin-top:   0px;
 font-size: 12px;  
 line-height:120%;
 overflow:auto;
 border:0px;
}
 
 
div.fusszeile {
 width:784px;
 margin-top: 5px;
 margin-left: 10px;
 float: left;
 background-color: transparent;
 overflow: visible !important;
}

input.suchfeld {
 border:1px solid #1e3250;
 width:145px;
 margin-left:10px;
 margin-right:50px;
 vertical-align:middle;
}

/* +++++++++++++++++++++ .tx-indexedsearch ++++++++++++++++++++++++++++++++++++ */

.tx-indexedsearch-info {
  background: #D2D6DC !important;
}

/* 090518 */ 
.tx-indexedsearch-redMarkup {
  color: #196AA7 !important; 
}
/* END 090518 */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++              CSS-Klassen nur f�r Homepage 1.Seite            ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.contentgruppe_t1 {
 width:786px;
 height:522px;
 float:left;
 overflow:hidden;
 margin-left:0px;
 margin-right:10px;
}

/* hellblaue Box 260 x 260 px */
div.box_hellblau {
 background:#D2D6DC;
 width:260px;
 height:260px;
 position:absolute;
 margin-right:2px;
 margin-bottom:2px;
 float:left;
}

/* blaue Introbox 126 x 126 mit runden Ecken */
div.intro {color:#6677AA;width:126px;height:126px;margin-left:6px;margin-top:6px;float:right; font-size:7pt;text-align:center; border:0px; }
div.introcontent {color:#FFFFFF;height:116px;margin:0px;padding-left:5px;padding-right:5px;overflow:hidden;}
b.ecke_intro {display:block; background:#D2D6DC;}
b.ecke_intro b {display:block; height:1px; overflow:hidden; background:#1e3250;}
b.rad1_intro {margin: 0 5px;}
b.rad2_intro {margin: 0 3px;}
b.rad3_intro {margin: 0 2px;}
b.ecke_intro b.rad4_intro {margin: 0 1px; height:2px;}

/* Inhaltscontainer f�r die Boxen 260 x 260 px als "Eckenst?tze"
hier triggern, ob der scrollbalken  explizit entfaellt, da firefox, wenn das design sehr knapp ist,
einfach einen scrollbalken dranhaengt. dann hidden auskomentieren 
der name des div passt semantisch dann zwar nicht mehr ...
*/
 
div.boxcontent_ohne_scroll {
 height:250px;
 margin-top:0px;
 padding-left:5px;
 padding-right:5px;
 overflow:auto;
}

img.landkarte {
 float:right;
 margin-top:3px;
 margin-right:5px;
 margin-left:5px;
 margin-bottom:3px;
}

/* beige Box 260 x 260 px */
div.box_beige_intro {
 background:#E9E1B9;
 width:260px; 
 height:260px; 
 margin-right:2px;
 margin-bottom:2px;
 float:left; 
 top:35px;
 left:529px;     
 position:absolute;
 overflow:hidden;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++              CSS-Klassen nur f�r Template 4                  ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* blaue Bildbox 123 x 123 mit runden Ecken */
div.box_bildblau {background:#A5ADB9; width:123px; height:123px;overflow:hidden; margin-right:4px; margin-bottom:4px; float:left;}
div.bildboxinhaltblau {height:113px;margin:0px;overflow:hidden;text-align:center; border:0px; }
b.ecke_bildblau {display:block; background:#D2D6DC;}
b.ecke_bildblau b {display:block; height:1px; overflow:hidden; background:#A5ADB9;}
b.rad1_bildblau {margin: 0 5px;}
b.rad2_bildblau {margin: 0 3px;}
b.rad3_bildblau {margin: 0 2px;}
b.ecke_bildblau b.rad4_bildblau {margin: 0 1px; height:2px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++              CSS-Klassen nur f�r Template 5                  ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* beige Box 522 x 522 px */
div.box_beige_gross {
 background:#E9E1B9;
 width:522px;
 height:522px;
 overflow:hidden;
 margin-right:12px;
 margin-bottom:0px;
 float:left;
}

div.sprake {
  padding-top: 8px;
   background:  #FFFFFF;
}

div.suchbox {
  padding-top: 8px;
  background:  #FFFFFF;
}

 div.sprake {
  position: absolute;
  left: 0px;
  margin-top: 0px;
} 

/* MB_081105_macina_searchbox */
div.suchbox {
  padding-top: 0px;
  background:  #FFFFFF;
  position: absolute;
  left: 0px;
  top: 267px;
  padding-left: 10px;
}

div.suchbox .searchword{
  border: 1px solid #000000;
  width:145px; 
  font-size:11px;
}

img.extlnk { border:0px;text-decoration: none;background:#FE0012;}

/* ------------------------------------------------------------------------- */
/* Test_MB_081014: styles for ext: tx_indexed_search +++++++++++++++++++++++ */
/* default styles for extension "tx_indexedsearch" */
    .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
    .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
    .tx-indexedsearch-title { font-size: 10pt; }
    .tx-indexedsearch-result-number { font-size: 10pt; }
    .tx-indexedsearch-percent { font-size: 9pt; }
    .tx-indexedsearch-searchbox { font-size: 4pt; }
    .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; font-size: 9pt;}
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#196AA7; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
    .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
    .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

    /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
    .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
    .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
    .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
    .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
    .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
    .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
    


/* csc mailform properties 
///////////////////////////////////////////////////////////////*/
fieldset { border:0px }

.csc-mailform-submit {
    margin-left: 158px;
}

.csc-mailform-field {
    clear: both;
    display: block;
    margin-bottom: 0.3em;
    width: 100%;
}

.csc-mailform legend {
    display: none;
}

.csc-mailform-field input, .csc-mailform-field select, 
.csc-mailform-field textarea {
    width: 300px;
}

.csc-mailform-field label {
    float: left;
    width: 150px;
}

.csc-mailform-radio fieldset{
    margin-left: 160px;
    width: 200px;
}

.csc-mailform-radio input, .csc-mailform-radio label {
    display: inline;
    float: left;
    margin-bottom: 0.3em;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field .csc-mailform-check {
    background: none;
    clear: left;
    border: none;
    margin-right: 4px;
    width: 20px;
}

.csc-mailform-radio label, .csc-mailform-check label {
    text-align: left;
}