/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++                   CSS-Klassen allgemein                      ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
 margin-top: 5px;
 margin-left: 5px;
 background-image: url(/fileadmin/templates/images/HG_LOGO_OHG.gif);
 background-repeat: no-repeat;
 margin-right: 0px;
 margin-right: 0px;
 font-family: arial,helvetica,sans-serif;
 font-size: 9pt;  
 line-height: 11pt;
 color: #1e3250;
}

main {
 background: #3F00FF;
 top: 50%;
 left: 50%;
 margin: auto;
}

h1 {
 font-family:arial,helvetica,sans-serif;
 font-size:9pt;
 font-weight:bold;
 margin-top:2px;
 margin-bottom:8px;
}

h2 {
 font-family:arial,helvetica,sans-serif;
 font-style:italic;
 font-size:9pt;
 font-weight:bold;
 margin-top:5px;
 margin-bottom:0px;
 color: #1E3250 !important;
}

h3 {
 font-family:arial,helvetica,sans-serif;
 font-style:italic;
 font-size:9pt;
 font-weight:normal;
 margin-top:7px;
 margin-bottom:10px;
}

a:link,a:active,a:visited {
 /* #1E3250; */
 color: #1E3250; 
 /* #324F7C; */
 text-decoration: none;
 bottom: 10px; /* MB_090220: TEST */
 /* padding-bottom: -10px; MB_090220: not valid */
}

a:hover {
 color: #3c64aa;
 text-decoration: underline;
}

/*
div.navigationszeile {
 height: 30px;
 width: 1200px;
 font-size: 9pt;
 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/10years.gif);
}

/* 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; /* 15px; */
/* margin-top: 10px; */
/* margin-left: 15px; */
 /*margin-right:5px;*/
 background:#D2D6DC;
 width:512px;
 min-height:512px;
 /* min-height:501px; */
 height: auto !important;
 /* height:auto !important; */
 height:512px; /* needed for IExplorer */
 overflow: hidden;
 
}

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;
 /* War vorher nicht da_MB_1104 */
 /* min-height:522px; */
 /*height:100%; TA*/
 /*overflow:hidden;*/
 margin-right:12px;
 margin-bottom:0px;
}

/* die logos sind werden direkt in latest_blogs eingefuegt, wegen des IEs */
/* 090519 */
div.logos {
 position:absolute;
 top:506px;
 left:801px;
 width:194px;
 height:87px;
 overflow:hidden;
}

/* news */
/* div.latest_blogs {
 position:absolute; */
 /* Test_MB_081028_wg_a:link */
 /* TEST_MB_090119 color: #1E3250 !important;*/ /* NEU: '!important' MB_090119 */ 
 /* MB_090119_TEST_ANFANG */
 /* background-color: transparent; */
 /* MB_090119_TEST_ENDE
 top:35px;
 left:801px; */
 /* width:174px; TEST_MB_090120 */
/* width: 	174px;
 height:	473px;
 margin-top: 	30px; */
 /* margin-top: 0px; TEST_MB_090120 */
 /* margin-left: 	13px; */ /* NEU: 090120_MB */
/* font-size:9pt;
 line-height:10pt;
 overflow:auto;
 border:0px;
} */

/* 090519 */
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;
}
 
/* TEST_MB_090120 von anykey_home.css */ 
/* div.latest_blogs {
 position:absolute;
 top:35px;
 left:801px;
 width:174px;
 height:473px;
 margin-top:0px;
 font-size:9pt;
 line-height:10pt;
 overflow:auto;
 border:0px;
} */

 
div.fusszeile {
 width:784px;
 /* height: 30px; */
 margin-top: 5px;
 margin-left: 10px;
 float: left;
 background-color: transparent;
 overflow: visible !important;
 /* overflow: hidden; */
}

/* Test_MB_1104 */
/* div.sitemap {
 width: 784px;
 margin-top: -15px;
 margin-left: 20px;
 float: left;
 overflow: visible !important;
 background-color: transparent;
} */

input.suchfeld {
 border:1px solid #1e3250;
 width:145px;
 margin-left:10px;
 margin-right:50px;
 vertical-align:middle;
}
.tx-indexedsearch-info {
	background: #D2D6DC !important;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++              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_fŸr: sitemap | deutsch | englisch */
div.sprake {
	padding-top: 8px;
	/* background:  #FFFFFF;*/
}

/* MB_081105_suchbox */
/* div.suchbox {
	padding-top: 8px;
	background:  #FFFFFF;
} */

/* MB_081105_macina_searchbox */
/* BEGIN 090519 */
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;

}
/* END 090519 */

/* TA 
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:red; }
		.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; }
		


