/* 
About this document
---------------------------------------------------
Project:		Ehnes Personalentwicklung
Filename:		"basic.css"
Date:			25.04.2006
Author:			K. Eickermann


Last modified
---------------------------------------------------
Version:		1.0
Date:			DATUM LETZTE ÄNDERUNG
Modifier:		AUTOR DER ÄNDERUNG


Sections of this document
---------------------------------------------------

=Global
=positioning
=header
=contentWrapper 
=navigation
=primaryContent
=secondaryContent
presentational DIVs

*/


/* --- =Global --- */

html {
	height:				100%;
	margin-bottom:		0.1px;	/* Always show scroll-bar for Fx. Not scrollable if content fits on canvas. */
}

body {
	color:				#303030;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			100.1%;
	height:				100%;
	margin:				0;
	padding-left:		39px;
	background:			url(/fileadmin/templates/images/haken_hg.jpg) no-repeat;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
	color:				#EF6103;
	text-decoration:	underline;
}

a:hover, a:active, a:focus {
	text-decoration:	none;
}

p {
	margin:				0;
	padding:			0;
}

/* --- =positioning --- */

#canvasBox {
	background:			#F3F3F3;
	height:				100%;
	margin:				0;
	position:			relative;
	text-align:			left;
	width:				935px;
}

/* --- =header --- */

#header {
	position:			relative;
	z-index:			10;
	width:				100%;
	height:				120px;
	background:			#fff;
	margin:				0;
	padding:			0;
}

#logo {
	float:				left;
	margin: 			0;
	padding:			0;
}

#header h1 {
	float:				right;
	color:				#959595;
	line-height:		150%;
	text-transform: 	uppercase;
	margin:				0;
	padding-top:		22px;
	font-size:			0.6em;
}

#header a:link,
#header a:active,
#header a:visited,
#header a:hover {
	color:				#959595;
	text-decoration:	none;			
	}
	
#header a:hover {
	color:				#959595;
	text-decoration:	underline;			
	}


/* --- =contentWrapper --- */

#contentContainer {
	height:				1%; /* IE-fix */
	position:			relative;
	z-index:			10;
	background:			url(/fileadmin/templates/images/hg.gif) repeat-y;
}

#contentContainer[id] {
	height:				auto; /* Fix the IE-fix */
	margin-top:			18px;
}

#contentContainer:after {
	clear:				both;
	content:			".";
	display:			block;
	height:				0;
	line-height:		0;
	padding:			0;
	visibility:			hidden;
}

/* --- =navigation --- */

#navigation {
	float:				left;
	width:				100%;
	height:				18px;
	margin:				0;
	padding:			0;
	background:			#959595;
	z-index:			15;
}

	
	#navigation ul {
		float:			left;
		height:			17px;
		list-style:		none;
		background:		#959595;
		margin:			0;
		padding:		0;
	}
	
	#navigation ul li {
		display:			block;
		float:				left;
		font-size:			12px;
		text-transform: 	uppercase;
		border-right:		1px solid #F3F3F3;
		padding-top:		2px;
			
	}
	
	#navigation ul li a:link,
	#navigation ul li a:visited,
	#navigation ul li a:active {
		color:				#FFF;
		text-decoration:	none;
		padding:			1px 15px 0 15px;				
	}
	
	#navigation ul li a:hover {
		color:				#FFF;
		text-decoration:	none;
		background:			#B3B2B2;			
	}
	
	#navigation ul li a.currentlink {
		color:				#FFF;
		text-decoration:	none;
		background:			#B3B2B2;
	}
	
	
	#fakecolumn {
		float:			right;
		width:			305px;
		background:		#DEDEDE;
		margin:			0;
		padding:		0;
	}

	
	
	

/* --- =primaryContent --- */

#contentContainer #primaryContent {
	background:			url(/fileadmin/templates/images/headline_hg.jpg) no-repeat;
	float:				left;
	width:				629px;
}


#primaryContent h1 {
	color:				#EF6103;
	line-height:		130%;
	padding:			0;
	font-size:			1.0em;	
	height:				75px;
}

.graueUberschrift {
	color:				#333;
	line-height:		130%;
	padding:			0;
	font-size:			14px;
	font-weight:		bold;
}

.fliesstext_links {
	color:				#333;
	line-height:		120%;
	padding:			0;
	font-size:			12px;
	font-weight:		normal;
}

.orangeFliesstext {
	color:				#EF6103;
	line-height:		130%;
	padding:			0;
	font-size:			12px;
}

.bildtext {
	color:				#333;
	font-size:			10px;
	font-weight:		normal;
}

#primaryContent h4 {
	color:				#333;
	line-height:		120%;
	padding:			0;
	font-size:			0.8em;
	font-weight:		normal;
}


/* --- =secondaryContent --- */

#contentContainer #secondaryContent {
	float:				right;
	width:				306px;	
}

#secondaryContent #box {
	margin-top:			20px;
	margin-left:		10px;
	margin-right:		10px;
	background:			#F3F3F3;
	border:				1px solid #fff;		
}

#head_box {
	background:			#fff;
	width:				284px;
}
#head_box:after {	/* to correctly compute the height of #mitte */
	clear:			both;
	content:		".";
	display:		block;
	height:			0;
	visibility:		hidden;
}
/*#secondaryContent #box #head_box #head {*/
#head {
	float:				left; 
	color:				#333;
	background:			#fff;
	width:				251px;
	padding-left:		1.0em;
	margin:				0;
	font-size:			0.8em;
	font-weight:		bold;
	vertical-align:		top;
} 

#head a:link,
#head a:active,
#head a:visited,
#head a:hover {
	color:				#959595;
	text-decoration:	none;			
}

/*#secondaryContent #box #head_box #button {*/
#button {
	float:				right;
	margin:				0;
	padding:			0;
}


#secondaryContent #box #text {
	clear: 				both;
	color:				#333;
	padding:			1.0em 1.1em 1.0em 1.25em;
	margin:				0;
	font-size:			0.7em;
	font-weight:		normal;
	
}

#secondaryContent #box ul {
		display:			block;
		list-style:			none;
		margin:				0;
		padding:			0;	
	}
	
#secondaryContent #box ul li {
		background:			url(/fileadmin/templates/images/listenpunkt_kreis.gif) no-repeat;
		padding-left:		1.2em;
		font-weight:		normal;
		line-height:		140%;		
	}


/* --- presentational DIVs --- */

#content1 {
	width:				90%;
	margin-left:		30px;
	margin-top:			100px;
	margin-bottom:		30px;
}

#content1 ul {
		display:			block;
		list-style:			none;
		margin:				0;
		padding:			0;	
	}
	
#content1 ul li {
		background:			url(/fileadmin/templates/images/listenpunkt.gif) no-repeat;
		color:				#333;
		line-height:		140%;
		padding-left:		1.2em;
		padding-top:		0.1em;
		font-size:			12px;
		font-weight:		normal;		
	}	


#fakeColumn2 {
	background:			#DEDEDE;
	height:				100%;
	width:				306px;
	position:			absolute;
	right:				0;
	top:				0;
	z-index:			1;
}