/*CSS-Datei für die Website  www.hace-stiftung.de
erstellt von Ellen Stellwaag. Version vom 3. Januar 2009 */

/* -------  GLOBALE EINSTELLUNGEN  -------  */
		
html, body, h1, h2, h3, ul, li * {
	margin:0;
	padding:0;
	border:0;}
	
html, body {
 font-size: 100%;
	height: 100%;
	margin-bottom: 100px;}
		
body {
  background-image:url(../deco/backgr2.gif);
		background-repeat:repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-align: center; } 
		
/* -------  SPEZIFISCHE EINSTELLUNGEN  -------   */
		
#outerContainer {  
  width: 784px;
	 background-color: #FFFFFF;
  border: solid 8px #FFFFFF; 
  margin: 0 auto 0 auto;
  text-align: left; }
		
/* ----------  LOGO  --------------------------   */

#Logo { 
 	width: 784px;
	 height: 125px; 
	 background-image:url(../logos/logo_hace_01.gif);
	 background-repeat: no-repeat;
	 background-position: bottom right;
	 border-bottom: solid 4px #FFFFFF; }
		
/* ----------  Top-NAVIGATION  --------------------------   */

#topNavigation { 
	 width: 784px;
	 height: 27px;
	 line-height:27px; 
	 text-align: left;
	 border-bottom: solid 4px #FFFFFF; }

#topNavigation ul { float: left	} 
#topNavigation li { background-image:none; } 
#topNavigation ul, li {
  margin: 0;
  padding: 0;
	 list-style:none;
		text-decoration: none;
  float:left }	
#topNavigation ul a {
	 display: block;
	 width: auto;
		padding: 0 21px 0 18px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px; 
	 font-weight: bold;
	 text-decoration: none;
 	border-left-style: solid;
	 border-left-width: 1px;
 	border-left-color:#757575; }  	  	
#topNavigation	.minusRand { 
 	border-left-style: none;
  padding: 0 20px 0 10px; } 
#topNavigation a:link, #topNavigation a:visited { color:#E75112; }
#topNavigation a:hover, #topNavigation a:focus, #topNavigation a:active { color: #464646;	}	

	/* ----------  Eindeutige Seitenbezeichnungen vergeben  --------------------------   */			

#index #topNavigation .index a,  /*MENUPUNKT HOME hervorheben*/
/*MENUPUNKT STIFTUNG - Unterpunkte in der Reihefolge ihres Auftretens*/
#stiftung #topNavigation .stiftung a, 
#semanttypo #topNavigation .stiftung a,
#stifter #topNavigation .stiftung a, 
#stiftungszweck #topNavigation .stiftung a, 
#rechtsform #topNavigation .stiftung a, 
#organe #topNavigation .stiftung a, 
#zielgruppen #topNavigation .stiftung a,  
/*MENUPUNKT DIENSTLEISTUNGSFELDER */
#dienstleistungsfelder #topNavigation .dienstleistungsfelder a, 
#visuelleWK #topNavigation .dienstleistungsfelder a, 
#viskomm #topNavigation .dienstleistungsfelder a,
#analyseopt #topNavigation .dienstleistungsfelder a, 
#markenprozesse #topNavigation .dienstleistungsfelder a,
#plberatung #topNavigation .dienstleistungsfelder a, 
#schulungen #topNavigation .dienstleistungsfelder a, 
#kunstutypo #topNavigation .dienstleistungsfelder a, 
#logocorpdesign #topNavigation .dienstleistungsfelder a, 
#funkttypo #topNavigation .dienstleistungsfelder a,
#markenprozesse2 #topNavigation .dienstleistungsfelder a, 
#lehre #topNavigation .dienstleistungsfelder a, 
#vortraegeseminarelehre #topNavigation .dienstleistungsfelder a, 
/*MENUPUNKT ÖFFENTLICHKEITSARBEIT */
#oeffentlichkeitsarb #topNavigation .oeffentlichkeitsarb a,  
#sponsoring #topNavigation .oeffentlichkeitsarb a,
#gefprojekte #topNavigation .oeffentlichkeitsarb a,
#fotogallery #topNavigation .oeffentlichkeitsarb a, 
/*MENUPUNKT REFERENZEN */
#referenzen #topNavigation .referenzen a,  
#projekte #topNavigation .referenzen a, 
#publikationen #topNavigation .referenzen a, 
#vortraegereden #topNavigation .referenzen a
{color: #464646; cursor: default; } 

/* ----------  Sub-NAVIGATION  --------------------------   */

#subNavigation {
	 width: 784px;
	 height: 25px;
	 line-height:25px;
 	text-align: left;
 	background-image:url(../deco/linien.gif);
	 background-repeat: repeat-x;
	 border-bottom: solid 4px #FFFFFF; } 
	
#subNavigation ul { float: left; 
  margin: 0 0 0 550px; }
#subNavigation li { background-image:none; }   
#subNavigation ul, li {
	 list-style:none;
		text-decoration: none;
  float: left; }		
#subNavigation ul a {
  margin:0;
  padding:0;
	 display: block;
	 height: 25px; 
	 line-height: 25px; 
	 width: auto; 
	 padding: 0 1px 0 1px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 font-weight: bold;
	 text-decoration: none; }
 
#subNavigation a:link, #subNavigation a:visited { color: #666666; }
#subNavigation a:hover, #subNavigation a:focus, #subNavigation a:active { color:#E75112; }	

.clearleft { clear:left;}

/* ----------  CONTENT: TEXT --------------------------   */

#Content {  
  width: 784px;
		height: auto; }

/* ----------  linker Bereich ----  */

#leftContent { 
  width: 210px;
		height: auto;
		margin: 0px;
		padding:0px; 
		color: #333333; 
		background-color: #DDDDDD;
  float: left;
		text-align: left; }
		
/* --- seitliche NAVIGATION als senkrechte Liste ---  */		
		
#sideNavigation {
	 float: left;
	 width: 200px;
	 height: auto;
	 margin: 0;
	 padding: 0 0 15px 10px;
	 color: #E75112;
	 background-color:#CCCCCC;
 	border-bottom: 4px solid #FFFFFF;
 	font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
	 text-align:left;
	 white-space:nowrap; }
	
#sideNavigation ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
 	text-align:left;
  text-decoration:none; }
#sideNavigation li {
	 background-image:url(../deco/border_036.gif);
	 background-repeat:no-repeat;
 	background-position: bottom left; }
#sideNavigation ul a {
	 display:block;
  width: 200px;
	 height: 36px;
  line-height: 36px;
	 font-weight: bold;
	 float:left;	
  text-decoration:none;
  list-style: none;	
	 white-space:nowrap; } 
	 
#sideNavigation a:link, #sideNavigation a:visited { color: #58585A;
	 background-image:url(../deco/border_036a.gif);
  background-repeat:no-repeat;
  background-position: -1999px bottom; }
#sideNavigation a:hover, #sideNavigation a:focus, #sideNavigation a:active { color: #E75112;
  background-image:url(../deco/border_036a.gif);
 	background-repeat:no-repeat;
 	background-position: left bottom; }		
	
/* --- seitliche NAVIGATION  einzeilig ---  */	

#subSideNav {
	 width:200px;
	 height:25px;
	 padding: 0 0 0 10px;
	 color: #58585A;
 	background-color:#DDDDDD;
  text-align: left; }
	
#subSideNav ul, li { 
  float: left;
	 list-style:none;
		text-decoration: none; }
#subSideNav ul a {
	 height: 25px;
	 line-height: 25px;
 	float: left;
 	padding: 0 5px 0 25px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 font-weight: normal;
	 text-decoration: none; } 	
#subSideNav .minusRand { padding: 0 5px 0 0; } /*Erster Link anders*/
		
#subSideNav a:link, #subSideNav a:visited { color:#58585A; }	
#subSideNav a:hover, #subSideNav a:focus, #subSideNav a:active { color: #E75112; }

/* --- linker Bereich: Deco oder Text  ---  */	

#sideImage { 
  clear: left;
		margin:0;
		padding:0;
		background-color:#CCCCCC;
  width: 210px; 
		height: 425px; 
  float:left;
		text-align: left;
		border-top: solid 4px #FFFFFF; }
 
/* --- HAUPT-TEXT zum Scrollen  ---  */	

#mainContent {
 	height: auto;
  margin: 0 0 0 224px; 
  padding: 0 50px 0px 0px;
		color: #000000;
 	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
		text-align: left;
 	line-height: 22px; }
		 		
#mainContent h1 { color:#646464; font-size: 16px; padding: 7px 0 34px 0; }
#mainContent h1.index { color:#646464; font-size: 22px; 
  padding: 75px 0 10px 0;
  font-weight:normal;
  line-height: 36px;
  letter-spacing: 1px; }
#mainContent h2 { color:#646464; font-size: 14px; padding: 26px 0 10px 0; }
#mainContent h2.liste { color:#646464;
	 width: 510px; 
		font-size: 14px;
	 margin-bottom: 16px; }	
#mainContent h2.sonder { color:#FFFFFF; /* mit orangefarbenen HG-Balken*/
  background-color:#E75112;
	 width: 490px;
 	height: 30px;
		line-height:30px;
	 margin: 20px 0 20px 0;
 	padding: 0 0 0 15px;
	 font-size: 15px; }	
#mainContent h3 { color:#646464; font-size: 14px; padding: 26px 0 5px 0; }
#mainContent h3.liste { color:#646464;
	 width: 510px; 
		font-size: 14px;
	 margin-top: 56px; }
	 
#mainContent a {	color:#E75112; text-decoration:none; }
#mainContent a:hover, #mainContent a:focus, #mainContent a:active { text-decoration: none; } 	

#mainContent .bold { font-weight: bold; }
#mainContent .liste li {
	float: left;
	display:block;
	width: 510px;
	list-style:none;
	background-image:url(../deco/liste_or.gif);
	background-repeat: no-repeat;
	background-position:left 8px;
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	text-indent: 0px; }
#mainContent .h3refer_liste li {
	float: left;
	display:block;
	width: 510px;
	list-style:none;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;}
#mainContent .links_liste li {
	float: left;
	display:block;
	width: 510px;
	list-style:none;
	background-image:url(../deco/liste_or.gif);
	background-repeat: no-repeat;
	background-position:left 8px;
	margin: 13px 0 15px 0;
	padding: 0 0 0 20px; }
	
.color-orange { color: #E75112; }
.color-grey { color: #58585A; }
.fett-grau { color: #646464; font-weight:bold; }

.sonder5px { margin-top: 5px; }
.sonder10px { margin-top: 10px; }
.sonder-5px { margin-top: -5px; }
.sonder-7px {margin-top: -7px; }	
.sonder-11px {margin-top: -11px; }	
.sonder-12px { margin-top: -12px; }
.sonder2 {margin-top: 12px; }
.sonder3 {margin-top: 20px; line-height: 27px; }


.clearfix { height:0; display: none; clear: both; }

/* -------  NACH-OBEN-ANKER  -------  */
		
.nachoben {
	 display:block; 
		margin: 0 0 0 0;
	 padding: 30px 0 0 0;
		font-size: 13px;
  text-decoration:none;
		text-align:right; }		

/* --------- Footer  ---------  */	

#outerContainer #Footer {  
  clear: left;
		display: block;
		width: 769px;
	 height: 22px;
 	line-height: 22px;
 	padding-left: 15px;
	 background-color: #DDDDDD;
	 color:#E75112;
 	font-size: 13px;
 	font-weight: bold;
	 border-top: solid 4px #FFFFFF;
		white-space: nowrap;	}	
		 
#outerContainer #Footer .abstand { color: #999999;	font-weight: bold;
  padding-left: 80px; }  
 	
/* -------  Ende Footer  -------  */