@charset "UTF-8";
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* Layout-unabhängige Anpassungen -------------------------*/
@import url(patch_style.css); /* Box Modell Korrekturen */

html, body { height:100% }

body {
	font-family:  Verdana, Helvetica, sans-serif, Tahoma;
	font-size: 70%;
	line-height: 18px;
	color: #030303;
	text-align:center;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
  
a {color: #030303;}
a:visited {color:#030303;}
a:hover {color: #9c132e;}
a:active { color:#9c132e;}


h1 { font-size: 100%; color: #872434; padding: 0; margin: 0 0 18px 0; }
h2 { font-size: 100%; color: #030303; padding: 0; margin: 0; }
h3 { font-size: 100%; font-weight: normal; color: #872434; padding: 0; margin: 10px 0 0 0; }
h4 { font-size: 100%; color: #872434; padding: 0; margin: 0; }

/* --------------------------------------------------------------------
	container - zentriert das layout / definiert Hintergrund Bildhöhe
----------------------------------------------------------------------- */
.container { 
	width: 996px;
	min-height: 592px;
	height: auto !important;
	height: 592px;
	margin: 0 auto; 
	padding: 0;
	border-left: 1px dashed #d6dde1;
	border-right: 1px dashed #d6dde1;
	text-align: left;
}

.clr-left { overflow: hidden; clear: left; }
.clr-right { overflow: hidden; clear: right; }
.clr-both { overflow: hidden; clear: both; }
/* --------------------------------------------------------------------
 	Logo + TOP Navigation 	+ Logins (3 Spalten (3. Spalte:job/member = 2 Subspalten)   
----------------------------------------------------------------------- */
#banner { margin: 0; padding: 0px; width: 996px; height: 85px; }
#home { float: left; background: url(/ghrWEB/images/GHR_logo.gif) no-repeat; background-position: top left; margin: 1px 0 1px 14px; padding: 0px; width: 639px; height: 83px; border-right: 1px solid #d6dde1; }
.logo { position: relative; left: -10px; top: -68px; margin: 0px; }

#homeright { margin: 0 0 0 654px;}
#suche { float: left; font-weight: bold; height: 79px; text-align:center; margin: 1px auto; padding: 4px 0 0 0; width: 171px; border-right: 1px solid #d6dde1; }
#member { float: right; font-weight: bold; text-align:center; padding: 0;  margin: 1px 0 0 -15px; padding: 4px 0 0 0; width: 168px;	}

.eingabe { padding: 4px 10px; height: 50px; text-align: center; display: block;}
.suchfeld { margin-top: 6px; height: 10px; font-size: 85%; color: #9f1b32; text-align: center; }
.enter { margin: -16px 10px 0 -25px; }

.separee { color: #d4b3b3; margin: 0 10px 0; }
.spaceXL { margin: 0 25px 0; }

.langue { text-decoration: none; }
a.langue:link		{ font-weight: bold; }
a.langue:visited	{ font-weight: bold; }
a.langue:hover		{ font-weight: bold; }
a.langue :active	{ font-weight: bold; }
a.langue_selected	{ font-weight: bold; text-decoration: none; color: #9c132e; }

.topnavi { float: right; margin: 4px 10px 0 470px; }
a.topnavi:link		{ margin-top: 0; font-weight: bold; }
a.topnavi:visited	{ font-weight: bold; }
a.topnavi:hover		{ font-weight: bold; }
a.topnavi:active	{ font-weight: bold; }
a.topnavi_selected	{ font-weight: bold; color: #9c132e; }

/* --------------------------------------------------------------------
 	Inhalt Branding/Rubriken - Inhalt 	(3 Spalten (3. Spalte:news/RSS = 2 Subspalten)
----------------------------------------------------------------------- */
/* mittlerer Bereich - Absicherung korrekte Positionierung */
#home, #footer, #news_container { clear:both; }

#rubrik_content { margin: 0; padding: 0; width: 996px; }
#rubriken { margin: 0; padding: 0; top: 0px; }
#news_container { float: right; width: 341px; height: 214px; margin: -214px 0 0 0; }

/* --------------------------------------------------------------------
	Navigation left - oben
----------------------------------------------------------------------- */
#menu_left { float: left; width: 171px; height: 214px; margin: 0; padding: 0; background-color: #f0edd9; border-right: 2px solid #fff; }
#menu_content { width: 162px; height: 183px; margin: 0; padding: 0; }

.drop { color:#303030; font-size:11px; font-weight:normal; text-decoration:none; }

/* Fuer eine erste Ebene */	
ul#navigation { list-style-type: none; margin: 31px 0 0 12px; padding: 0; line-height: 21px; }

ul#navigation li a,
ul#navigation li a:link  { color: #303030; font-weight: bold; text-decoration: none; padding-left: 23px; margin: 5px 0; display: block; }

ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active	{ color: #9c132e; margin: 5px 0; padding-left: 23px; background-image: url(/ghrWEB/images/nav_over.gif); background-repeat: no-repeat; background-position: 0; }

ul#navigation li span.active, 
ul#navigation li a.active 	{ color: #9c132e; margin: 5px 0; padding-left: 23px; background-image: url(/ghrWEB/images/nav_over.gif); background-repeat: no-repeat; background-position: 0; }

/* Fuer eine zweite Ebene */
ul#navigation ul#second_navigation li { list-style-type: none; }
ul#navigation ul#second_navigation li a { font-weight: normal; margin: -2px 0 0 -17px; padding-left: 0; background-image: url(/ghrWEB/images/transp.gif); background-repeat: no-repeat; background-position: 0; }

ul#navigation ul#second_navigation li a:hover, 
ul#navigation ul#second_navigation li a:focus, 
ul#navigation ul#second_navigation li a:active { color: #9c132e; margin: -2px 0 0 -17px; padding-left: 0; background-image: url(/ghrWEB/images/transp.gif); background-repeat: no-repeat; background-position: 0;  }

ul#navigation ul#second_navigation li span.active, 
ul#navigation ul#second_navigation li a.active  { color: #9c132e; margin: -2px 0 0 -17px; padding-left: 0; background-image: url(/ghrWEB/images/transp.gif); background-repeat: no-repeat; background-position: 0;  }

/* --------------------------------------------------------------------
	Navigation left - unten
----------------------------------------------------------------------- */

ul#navigation_2 { list-style-type: none; margin: 22px 0 0 12px; padding: 0; line-height: 21px; }

ul#navigation_2 li a,
ul#navigation_2 li a:link  { color: #303030; font-weight: bold; text-decoration: none; padding-left: 23px; margin: 5px 0; display: block; }

ul#navigation_2 li a:hover, 
ul#navigation_2 li a:focus, 
ul#navigation_2 li a:active	{ color: #9c132e; margin: 5px 0; padding-left: 23px; background-image: url(/ghrWEB/images/nav_over.gif); background-repeat: no-repeat; background-position: 0; }

/* --------------------------------------------------------------------
	News & RSS right	
----------------------------------------------------------------------- */
#news_left { float:left; width: 169px; height: 214px; background-color: #e5dec3; 
  	margin: 0; padding: 0; display: block; border-right: 2px solid #fff; 
}

#newsheader	{ height: 19px; padding: 15px 14px 0; margin: -5px 0; width: 140px;  }
#rssheader	{ height: 19px; padding: 15px 14px 0; margin: -5px 0; width: 140px;  }
.newstitel	{ font-weight: bold; color: #9c132e; }
.rsstitel	{ font-weight: bold; color: #fff; }
.datum		{ font-size: 90%; color: #872434; padding: 0px; margin: -17px 0 8px 0; text-align: right; }

#news		{ margin: 12px 14px; padding: 0; }
.news		{ margin: 0; padding: 0; display: block; }

#rss		{ margin: 8px 0px; padding: 0; }
a.rss:link		{ color: #dfc9c9; }
a.rss:visited	{ color: #dfc9c9; }
a.rss:hover		{ color: #fff;  }
a.rss :active	{ color: #fff;  }

#news_right { float:right; width: 169px; height: 214px; background-color: #8c021c; 
  	margin: 0; padding: 0; display: block; border-left: 1px solid #fff; 
}

/* --------------------------------------------------------------------
	Inhalt	#main_content			
----------------------------------------------------------------------- */ 
#main_content { margin: 1px 0; padding: 0; width: 996px; background: url(/ghrWEB/images/main_back.jpg) no-repeat; background-position: top; }
#submenu_left { float: left; width: 171px; margin: 0; padding: 0; }
#submenu_content { width: 150px; margin: 0; padding: 0; }

#content { margin: 0 0 0 172px; width: 416px; min-height: 229px; height: auto !important; height: 229px;
	padding: 22px 32px; border-left: 1px solid #d6dde1; border-right: 1px solid #d6dde1;
} 
#right_content { text-align:right; margin: 0; width: 400px; }
#left_content { text-align:left; margin: 8px 0 10px 0; width: 100%; }

#sub_right { float: right; width: 341px; margin: 0; } 
.spacer { float: left; margin: 0; padding: 0; width: 169px; }
#address { float: right; padding: 22px 14px; margin: 0; width: 142px; }
.red_address { color: #9c132e; margin: 0 6px 0 0; }

/* --------------------------------------------------------------------
	XL für breite Inhalte  
----------------------------------------------------------------------- */
#main_content_XL { margin: 1px 0; padding: 0; width: 996px; background: url(/ghrWEB/images/main_back.gif) no-repeat; background-position: top; }
#content_XL { margin: 1px 0 1px 172px; width: 588px; min-height: 229px; height: auto !important; height: 229px; padding: 22px 32px; border-left: 1px solid #d6dde1; } 
#sub_right_XL { float: right; width: 170px; min-height: 273px; height: auto !important; height: 273px; margin: 0; } 
#right_content_XL { text-align:right; margin: 0; width: 575px; }
/* --------------------------------------------------------------------
	Welcome Inhalt     border: dashed 1px #FF6600;
----------------------------------------------------------------------- */
#content_tabelle { margin: 0 0 0 172px; width: 416px; padding: 22px 32px; min-height: 256px; height: auto !important; height: 256px;padding: 22px 32px; border-left: 1px solid #d6dde1; border-right: 1px solid #d6dde1; }

#main_welcome { float: left; margin: 0 0 1px 0; padding: 0; width: 996px; background: url(/ghrWEB/images/main_back.gif) no-repeat; background-position: top; }
#content_welcome { margin: 0 0 0 172px; padding: 0; border-left: 1px solid #d6dde1; } 
#address_welcome { float: right; padding: 22px 14px; margin: 1px 0 0 -27px; width: 142px;}

/* --------------------------------------------------------------------
	Inhalt Memberbereich border: dashed 1px #FF6600;
----------------------------------------------------------------------- */
#navigation_left { float: left; height: 395px; width: 171px; margin: 0; padding: 0; }

#member_head	{ width: 758px; height: 20px; background-color: #8c021c; font-weight: bold; color: #fff; margin: 0 0 0 173px; padding: 0 32px; }
#member_content { width: 758px; min-height: 445px; height: auto !important; height: 445px; margin: 0 0 0 172px; padding: 22px 22px; background: url(/ghrWEB/images/member_back.gif) no-repeat; background-position: top; }
#member_content_event { width: 822px; height: 600px; margin: 0 0 0 173px; padding: 2px 0; background: url(/ghrWEB/images/member_back.gif) no-repeat; background-position: top; text-align: center; }
#member_content_memberworld { width: 822px; height: 607px; margin: 0 0 0 173px; padding: 2px 0; background: url(/ghrWEB/images/member_back.gif) no-repeat; background-position: top; text-align: center; }
/* --------------------------------------------------------------------
	Listenelemente
----------------------------------------------------------------------- */
.p { font-size: 10px; color: #872434; margin: 0 0 0 12px; padding:0; }
#liste-0 li { list-style: none; padding-left: 5px; margin: 0 0 4px -33px; }

#liste-1 li { list-style: none; background: url(/ghrWEB/images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-2 li { list-style: none; background: url(/ghrWEB/images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-3 li { list-style: none; background: url(/ghrWEB/images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-4 li { list-style: none; background: url(/ghrWEB/images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-5 li { list-style: none; background: url(/ghrWEB/images/p_grey.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-6 li { list-style: none; background: url(/ghrWEB/images/p_red.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-7 li { list-style: none; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }

#liste-PDF1 li { list-style: none; background: url(/ghrWEB/images/p_red.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
#liste-PDF2 li { list-style: none; background: url(/ghrWEB/images/p_red.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }

#liste-PDF3 li { list-style: none; background: url(/ghrWEB/images/PDF.gif) no-repeat; background-position: 0.2em; padding: 0 0 2px 18px; margin: -5px 0 3px -40px; }
/* --------------------------------------------------------------------
 	Logo + TOP Navigation -> Feld Auswahl 
----------------------------------------------------------------------- */

.black11 { font-family:  Verdana, Helvetica, sans-serif, Tahoma; font-size: 11px; line-height: 14px; }
.black10 { font-family:  Verdana, Helvetica, sans-serif, Tahoma; font-size: 10px; line-height: 14px; }
.red10 { font-family:  Verdana, Helvetica, sans-serif, Tahoma; font-size: 10px; color: #872434; padding: 0 3px; line-height: 14px; }
.black9 { font-family:  Verdana, Helvetica, sans-serif, Tahoma; font-size: 9px; line-height: 14px; }
.red9 { font-family:  Verdana, Helvetica, sans-serif, Tahoma; font-size: 9px; color: #872434; padding: 0 3px; line-height: 14px; }

/* --------------------------------------------------------------------
	Footer 
----------------------------------------------------------------------- */
#footer	{ background-color: #8c021c; font-size: 90%; padding: 0; margin: 0; line-height: 20px; height: 20px; }
	
#copyright { float: left; color: #fff; padding-left: 10px; width: 500px; text-align:left; height: 20px; }
#impressum { float: right; padding-right: 12px; width: 212px; text-align:right; height: 20px; }
a.impressum:link	{ color: #fff; }
a.impressum:visited	{ color: #fff; }
a.impressum:hover	{ color: #dfc9c9;  }
a.impressum :active	{ color: #dfc9c9;  }
	
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
 	content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none; }

.theader { padding-left: 0.5em; border-bottom: 3px solid #fff; line-height: normal; background-color: #fff; }
.th { padding-left: 0.5em; color: #872434; font-weight: bold; background-color: #dae3e7; line-height: normal; }
.tfooter { text-align:right; border-top: 8px solid #fff; background-color: #fff; }   

.jobleft { background-color: #f5f3e6; }
.webdoc { width: 42px; vertical-align: top; text-align:center; line-height: normal; color: #872434; font-weight: bold; border-top: 5px solid #fff; }
.jobID 	{ text-align:center; vertical-align: top; line-height: normal; font-size: 10px; border-top: 5px solid #fff; }
.merken { text-align:center; vertical-align: top; width: 42px; height: 10px; border-left: 1px solid #fff; border-top: 5px solid #fff; }
.black 	{ padding-left: 0.5em; vertical-align: top; border-left: 1px solid #fff; text-align:left; line-height: normal; font-size: 10px; text-decoration: none; border-top: 5px solid #fff; }

.redbold { text-align:center; color: #872434; font-size: 10px; font-weight: bold; }
.red {  font-size: 100%; color: #872434; font-weight: bold; line-height: normal; }
.redsmall {  padding-left: 0.5em; font-size: 10px; color: #872434; font-weight: bold; line-height: normal; }
.redcenter { text-align: center; font-size: 100%; color: #872434; font-weight: bold; line-height: normal;  }
.listaction { padding-left: 0.5em; vertical-align: top; color: #872434; text-align:left; line-height: normal; font-size: 10px; }
.blackbold	{ font-size: 10px; font-weight: bold; text-decoration: none; }
.nowrap10 { padding-left: 0.5em; font-size: 90%; line-height: 14px; white-space:nowrap; }

.page { font-weight: bold; }
a.page:link		{ font-weight: bold; }
a.page:visited	{ font-weight: bold; }
a.page:hover	{ font-weight: bold; }
a.page :active	{ font-weight: bold; }
a.page_selected	{ font-weight: bold; text-decoration: none; color: #9c132e; }

.inputTxt { font-size: 10px; border:solid 1px #D7D0CD;}
.rubriken { margin: 0px; padding: 0px; top: 0px; }