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

body {
 margin-top: 5px;
 margin-left: 5px;
 background: #ffffff url(../images/HG_LOGO_OHG.gif) no-repeat; 
 margin-right: 0px;
 margin-right: 0px;
 font-family: arial,helvetica,sans-serif;
 font-size: 12px;
 line-height: 11pt;
 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:normal;
 margin-top:5px;
 margin-bottom:10px;
}

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 {
 color: #1E3250;
 text-decoration: none;
}

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


div.navigationszeile {
 height: 30px;
 width: 1200px;
 font-size: 12px;
 margin-left: 0px;
 margin-top: 0px;
 z-index: 10000;
}

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;
 /* Test_MB_081105_wg_suchbox */
 /* overflow:auto; */
 margin-right:2px;
 margin-bottom:2px;
 float:left;
 top:297px;
 left:5px;
 position:absolute;
 /* background-image: url(/fileadmin/templates/images/10years2.png); off:100415_MB */
}

/* 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;
 /* MB_081112 */
 /* overflow: auto; */
 overflow:hidden;
}

/* 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 {
 width:522px;
 min-height:510px;
 height:auto !important;
 height:512px; /* needed for IExplorer */
}

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

/* hellblaue Box 522 x 522 px */
div.box_hellblau_gross {
 background:#D2D6DC;
 width:522px;
 top:35px;    
 left:267px;
 min-height:522px;
 height:100%;
 overflow:hidden;
 margin-right:12px;
 margin-bottom:0px;
}

/* die logos sind werden direkt in latest_blogs eingefuegt, wegem dem IE*/
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:       786px;
 margin-top:  15px;
 margin-left: 11px;
 float:       left;
}

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

div.tx-macinasearchbox-pi1{
 float:left;
 /* margin-top: -4px; TEST_MB_090120 */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++              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;
}

/* TA_081105_sitemap_deutsch_engl */
div.sprake {
        /* TEST_BEGIN */
        padding-top: 0px;
        /* padding-left: 1px; */
        /* TEST_END */
	position: absolute;
	left: 0px;
	top: 267px;
	margin-top: 1px;
	/* background:  #FFFFFF; */
}




/* 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;

}