/* 
* Projekt:
* Version:1.1
* Datum:
* Autor: EJA, BSC
* familie redlich :systeme
* http://www.systeme.familie-redlich.de
*/
/** rte-klassen **/
@import url("rte.css");  
html, body { margin:0; padding:0; overflow-x:hidden;
	background:#e3edfc url(../pic/hg-seite.jpg) repeat-x;	color:#000;
	font:12px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }
a { text-decoration:none; color:#CF1111; }
a:hover { text-decoration:underline; }
img {	border:none; }
img.kopfbild { margin:0; padding:4px 0 0 0; clear:both; behavior:url("http://www.gemax-cs.de/fileadmin/src/png.htc"); }
img.png24 { behavior:url("http://www.gemax-cs.de/fileadmin/src/png.htc"); }
form { margin:0; padding:0; }
fieldset { border:none; padding:0; margin:0; }
#wrapper { width:998px; margin:0 auto; padding:0; height:100%; }
#wrapper-inhalt {	background:#fff url(../pic/hg_kopf_2000.jpg) no-repeat scroll 0 0;	
	width:998px; position:absolute; top:36px; min-height:450px; padding:0 0 10px 0}
#seite { margin:0 16px;	width:auto; }
#text, #kopf { margin:0; padding:0; clear:both; }
#logo {	float:left; }
#menu {	float:left; width:676px; }
#menu form { margin:0; padding:0 0 0 10px; }
#menu input.feld { width:120px; height:18px; color:#556589; border:1px solid #636398; float:left; padding-left:3px;
	background:#D2D9E1 url(../pic/hg-suche.jpg) repeat-x;
	font:12px/18px normal normal "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif; }
#menu input.knopf { width:24px; height:20px; border:none; vertical-align:top; float:left; }
#menu ul { list-style:none; padding:36px 0 0 0; margin:0; float:right; }
#menu li { float:left; margin:0; padding:0; background:url("../pic/ico-menu.png") no-repeat left 0; }
#menu li.search { background:0}
#menu a { color:#fff; text-decoration:none; height:12px; padding:0 12px; }
#menu a:hover { text-decoration:underline; }
#menu a.aktiv { color:#8ED9FD; text-decoration:none; border-left:1px solid #8ED9FD; }
#haupt-navi { width:280px; float:left; }
#haupt-navi ul { list-style:none; width:232px; padding:10px 0 0 16px; margin:0; }
#haupt-navi li { padding:8px 0; background:url("../pic/pxl-menu.png") no-repeat left bottom; }
#haupt-navi ul li a { color:#000; text-decoration:none; text-transform:uppercase;
	display:block; padding:4px 0 0 24px; margin:0; line-height:12px;
  background:url("../pic/hg-menu.png") no-repeat left 0;height:16px }
#haupt-navi ul a.navi1-sub { padding:4px 0 4px 48px; background:url("../pic/hg-menu-sub.png") no-repeat left 0; } 
#haupt-navi ul a:hover { text-decoration:underline; }
#haupt-navi .nav1-a-activ { background:url("../pic/hg-menu-act.png") no-repeat left 0;
  padding:4px 0 0 28px; color:#FFF; height:20px; }
#haupt-navi .navi1-sub-activ { background-image:url("../pic/hg-menu-sub-act.png");
	margin:0;height:20px; padding:4px 0 0 50px; color:#FFF; }
#haupt-navi .nav1-li-activ { border-bottom:1px solid #91D5F6; }
#haupt-navi ul ul li { border:none; margin:0; padding:0; }
#haupt-navi li.no-line { border:none; }
/****************************************************************************/
/*---[News shown in the Main-Menu]------------------------------------------------------------*/
#haupt-navi .news-menu { padding:0;  width:232px; overflow:hidden;}
#haupt-navi .news-menu ul {margin:0; padding:0;}
#haupt-navi .news-menu ul li {margin:0; padding:0;}
#haupt-navi .news-menu ul li a {margin:0 0 0 30px; }
#haupt-navi .news-menu ul li.news-amenu-item-year {display:none;}
.textWrapper { padding:8px 12px; }
#inhalt { padding:0 0 0 12px; width:660px; float:left; }
#inhalt h1, #inhaltMainDiv h1 { color:#000080; font-size:22px; padding:20px 0 12px 0; margin:0; line-height:24px; }
#inhalt h2, #inhaltMainDiv h2 { color:#000080; font-size:15px; font-weight:normal; padding:0 0 4px 0; margin:0; }
#inhalt h2.suche-ergebnis { padding:4px 0 0 0; }
#inhalt h3 { font-size:12px; padding:0 0 4px 0; margin:0; color:#000080; font-weight:normal; }
#inhalt h4 { padding:0; margin:20px 0 4px 0; color:#000080; }
#inhalt a { text-decoration:none; color:#CF1111; }
#inhalt a:hover, a:hover h2 { text-decoration:underline; }
#inhalt a.download { padding:0 0 0 12px; background:transparent url("../pic/ico-liste.png") no-repeat left center; }
#inhalt p { padding:0 0 8px 0; margin:0; }
#inhalt p.suche-text { padding:0 0 8px 12px; }
#inhalt img.kopf { padding:0 0 12px 0; margin:0; behavior:url("http://www.gemax-cs.de/fileadmin/src/png.htc"); }
#inhalt ul, #inhaltMainDiv ul { padding:0 0 4px 16px; margin:0; }
#inhalt ul li, #inhaltMainDiv ul li { padding:0 0 2px 0; margin:0; }
#inhalt ul.browsebox li { margin:0 8px 0 0; }
#inhalt ul.browsebox li a { padding:4px; }
#inhalt .tx-indexedsearch-browsebox { margin:12px 0; }
.suchergebnis-data a { padding:0 0 0 24px; background:url("../pic/hg-menu.png") no-repeat left center; }
#inhalt input.input-text { margin:0 4px 0 0; width:260px; height:24px; padding:0; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; }
div.suche-kopf { padding:4px 0 12px; }
div.suche-kopf a { padding:0 24px 0 12px; background:transparent url("../pic/ico-liste.png") no-repeat left center; }
#inhaltMainDiv h3 { font-size:12px; padding:0 0 4px 0; margin:0; color:#000080; text-align:center; }
#inhaltMainDiv { margin:20px 0 0 0; padding:12px 5px 0 20px; 
	min-height:250px; height:auto !important; height:250px;  /*für den IE */
	background-image:url(../pic/hg-boxbreit.png); background-repeat:no-repeat; }
#inhalt td,#inhalt th, #inhaltMainDiv td ,#inhaltMainDiv th { vertical-align:top; }
#inhalt td.portrait,#inhalt th.portrait, #inhaltMainDiv td.portrait ,#inhaltMainDiv th.portrait { width:180px; }
#inhalt table h2, #inhaltMainDiv table h2 { color:#000080;font-size:15px; padding:0; margin:0; vertical-align:top; }
#inhalt div.csc-sitemap ul, #inhalt div.csc-sitemap ul li { list-style:none; padding:0; margin:0; color:#000080;}
#inhalt div.csc-sitemap a { color:#000080;}
#inhalt div.csc-sitemap ul li ul { list-style:none; padding:0 0 12px 24px; margin:0; color:#c00000; }
#inhalt div.csc-sitemap ul li ul a { color:#c00000; padding:0; margin:0; }
#inhalt div.csc-sitemap ul li ul li { color:#c00000; }
/****************************************************************************/
/* ------------------ erster folie22 erfolge divs ------------------------*/
.inhaltMainCenterDivFirst div.inhaltMainCenterDivOn { background-image:url(../pic/hg-news-gewinner.png); }
.inhaltMainCenterDivOn, 
.inhaltMainCenterDivOff {width:auto; background-image:url(../pic/hg-news.png); background-repeat:no-repeat; padding:10px 30px 10px 20px;}
#inhaltMainCenterDivFirst1 .inhaltMainCenterDivOn {background-image:url(../pic/hg-news-gewinner.png);}
#inhaltMainDiv div h1 {font-size:120%; margin:0; padding:0 0 5px 0;}
#inhaltMainDiv div h2 { margin:0; }
#inhaltMainDiv div ul { list-style:none; }
#inhaltMainDiv div ul, #inhaltMainDiv div ul li { margin:0; padding:0; }
#inhaltMainDiv div ul.karriere { list-style:none; }
#inhaltMainDiv div ul.karriere li { float:left; width:300px; height:180px; margin:16px 8px 0 0; }
#inhaltMainDiv div ul.karriere li a { color:#000080; font-size:15px; font-weight:normal; margin:0 0 16px 0; padding:0 0 0 44px; 
	background:url("../pic/ico-job.png") no-repeat; display:block; }
#inhaltMainDiv div ul.karriere li a span.desc { color:#000; font-size:12px; display:block; }
#inhaltMainDiv div ul.karriere li a span.link { color:#CF1111; font-size:12px; }
#inhaltMainDiv .inhaltMainCenterDivFirst h1 {padding:7px 10px 5px 24px; background:transparent url(../pic/ico-gewinner.png) no-repeat scroll 0%; color:#C38C1B;}
#versteckt { display:none; visibility:hidden; }
div.inhaltMainCenterDivFirst div.inhaltMainCenterDivOff { background-image:url(../pic/hg-news-gewinner.png); }
.inhaltMainCenterWinnerOff { width:auto; background-image:url(../pic/hg-news-gewinner.png);
	background-repeat:no-repeat; padding:0 50px 10px 20px; }
.inhaltMainFolderHeadClass { padding-left:20px; }
.folderButtonClass { padding:5px 0 0 550px; }
.inhaltMainFolderBlock { display:block; list-style:none url(); margin:0; padding:0; }
.inhaltMainFolderNone { display:none; list-style:none url(); margin:0; padding:0; }
#hg-megazine { background:url(../pic/hg-archiv.png) top left no-repeat; width:581px; height:465px; overflow:hidden; padding:18px 0 0 65px; margin:8px 0 0 30px; }
#megazine { text-align:center; }
/****************************************************************************/
/* ------------------ folie 36 kontakt divs ------------------------*/
#kontaktLinksDiv { float:left; width:180px; font-size:11px; }
#kontaktRechtsDiv { }
#map { width:400px; height:320px; float:right; margin:0 12px 48px 0;}
#map h1 { padding:0 0 10px 0; }
#map a { display:none; }
#map a.own { padding:0 0 10px 0; display:block; }
/****************************************************************************/
/* ------------------ kontaktformular ------------------------*/
#kontakt { margin:12px 0 0 0; }
#kontakt div { float:left; width:300px; margin:0; }
#kontakt label { width:90px; float:left; margin:4px; clear:left; padding:0; height:18px; }
#kontakt input { margin:4px; width:160px; height:18px; padding:0; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; }
#kontakt div.radio input, #kontakt div.box input {border:0; width:14px; height:18px; float:left; margin:0 4px 0 4px; background-color:transparent; background:none;}
#kontakt div.radio { width:70px; margin:5px 0 5px 4px; }
#kontakt div.box { margin:5px 0 5px 0; }
#kontakt select { width:160px; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; margin:4px; padding:0; }
#kontakt textarea { width:460px; height:160px; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; margin:20px 0 0 102px; padding:4px; }
#kontakt #submit { margin:0; padding:0 0 48px 106px; }
#kontakt #submit input, #kontakt input.knopf, input.knopf-result { font-size:12px; font-weight:bold; border:0; width:180px;
	background:#6c6c6c url(../pic/hg-button.png); color:#fff; height:24px; margin:16px 0 0 0; padding:0;
	vertical-align:middle; text-transform:uppercase; cursor:pointer; }
input.knopf-result { background:transparent url(../pic/hg-button-result.png); }
#kontakterror {width:610px;}
#kontakt span img{ margin:0 5px;float:left; }
#kontakt span #spam{ margin-bottom:8px; vertical-align:top; }
#inhaltMainDiv div ul.error-list {border:1px solid rgb(217, 72, 0); padding:2px; background-color:rgb(255, 229, 230); width:610px;}}
#inhaltMainDiv div ul.error-list li {padding-left:4px;}
	
/****************************************************************************/
/* ------------------ Claim unten Seite ------------------------*/
#claim { clear:both; margin:54px 0 48px 0; padding:4px 16px 4px 0; font-weight:bold; color:#fff; 
	text-align:right;	text-transform:uppercase; 
	background:#33C0CC url(../pic/hg-claim-gemax.jpg) repeat-y; }
#inhalt div.claim-green { background:#139c13 url(../pic/hg-claim-green.jpg) repeat-y; }
#inhalt div.claim-red { background:#c91818 url(../pic/hg-claim-red.jpg) repeat-y; }
#inhalt div.claim-yellow { background:#eab81a url(../pic/hg-claim-yellow.jpg) repeat-y; }
/****************************************************************************/
/* ------------------ Teaser links content ------------------------*/
#teaser-content h1 { display:none; }
#teaser-content p { height:275px; width:216px; margin:50px 0 0 25px; padding:0; background:#fff url(../pic/hg-teaser.jpg) 0 10px no-repeat; line-height:1.33; }
#teaser-content p a { margin:8px 3px; padding:0 0 0 12px; color:#000; background:transparent url(../pic/ico-teaser-link.png) no-repeat; display:block; }


/* ------------------ newsletter-anmelde-formular ------------------------*/
#newsletter-anmeldung { margin:12px 0 0 0; }
#newsletter-anmeldung label { width:90px; float:left; margin:4px; clear:left; padding:0; height:18px; }
#newsletter-anmeldung input { margin:4px; width:160px; height:18px; padding:0; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; }
#newsletter-anmeldung input[type=radio] { background:none; }

#newsletter-anmeldung div.radio input, #newsletter-anmeldung div.box input {border:0; width:14px; height:18px; float:left; margin:0 4px 0 4px; background-color:transparent; background:none;}
#newsletter-anmeldung div.radio { width:70px; margin:5px 0 5px 4px; }

#newsletter-anmeldung select { width:160px; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; margin:4px; padding:0; }
#newsletter-anmeldung textarea { width:460px; height:160px; background:#D4F1FF url(../pic/hg-felder.png) repeat-x; border:1px solid #616491; margin:20px 0 0 102px; padding:4px; }
#newsletter-anmeldung #submit { margin:0; padding:0 0 48px 106px; }
#newsletter-anmeldung #submit input, #newsletter-anmeldung input.knopf { font-size:12px; font-weight:bold; border:0; width:180px;
	background:#6c6c6c url(../pic/hg-button.png); color:#fff; height:24px; margin:16px 0 0 0; padding:0;
	vertical-align:middle; text-transform:uppercase; cursor:pointer; }
#kontakterror {width:610px;}
#newsletter-anmeldung span img{ margin:0 5px;float:left; }
#newsletter-anmeldung span #spam{ margin-bottom:8px; vertical-align:top; }
#inhaltMainDiv div ul.error-list {border:1px solid rgb(217, 72, 0); padding:2px; background-color:rgb(255, 229, 230); width:610px;}}
#inhaltMainDiv div ul.error-list li {padding-left:4px;}


/* ------------------ Bildergalerie ------------------------*/
#inhaltMainDiv div ul {
	overflow: hidden;
}
#inhaltMainDiv div ul li.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol,
.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol {
	float: left;
	margin: 0 5px 5px 0;
}
.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol a {
	display: block;
}
.csc-textpic-image.csc-textpic-firstcol.csc-textpic-lastcol a img {
	vertical-align: middle;
}