/* CSS Document 
--------------------------------------------------
--------------------------------------------------
Stylesheet für Webauftritt Volkart Stiftung
Status: Neulancierung Webportrait 2009
Datei: template_01_volkart_stiftung.css
Datum: 25.05.2009
Autor: lilian-esther krauthammer, kussundbiss.ch
--------------------------------------------------
--------------------------------------------------
*/

/*------------------------------------------------------------*/
/*global rules*/
/*------------------------------------------------------------*/

*{font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

/*------------------------------------------------------------*/
/*center layout rules*/
/*------------------------------------------------------------*/

body{
	margin: auto;
	padding: auto;
	background-color: #54665e;
}

#container{
	position: absolute;
	left: 50%;
	width: 950px;
	/*height: 620px;*/
	margin-left: -475px;
	margin-top: 60px;
	background-color: #6d7478;
	
}



/*------------------------------------------------------------*/
/*layout rules*/
/*------------------------------------------------------------*/

#spacer{
	height: 6px;
}


#header_01{
	height: 60px;
	background-color: #76AF2C;
	border-left: 25px solid #54665e;
	border-right: 25px solid #54665e;
	background-image: url(images/bg_header_02.jpg);
	background-position: top left;
	background-repeat:no-repeat;

}


#header_02{
	height: 60px;
	background-color: #8ea89c;
}

#navi_01{
	height: 30px;
	background-color: #A4F43D;
}

#navi_02{
	height: 25px;
	background-color: #5F6556;
	border-left: 25px solid #5F6556;
	border-right: 25px solid #5F6556;
}

#navi_03{
	height: 25px;
	/*background-color: #A3C1D8;*/
	background-image: url(images/bg_navi_03.jpg);
	background-position: top left;
	background-repeat: y-repeat;

	}

#content{
	height: 425px;
	/*background-color: #000000;*/
}



#content_left{
	height: 422px;
	width: 950px;
	float: left;
	background-color: #e4f0ea;
}

#content_left_top{
	background-color: #e4f0ea;
}


#footer_clear{
	/*height: 2px;*/
	width: 500px;
	clear: both;
	/*background-color: #587185;*/
}





/*------------------------------------------------------------*/
/*navi_rules
/*------------------------------------------------------------*/


/*Navi 01*/

#navi_01 ul {
	list-style-type: none;
	font-size: 14px;
	/*margin-left: 40px;*/
	border-bottom: 1px solid #FFFFFF;
}
#navi_01 li{
	float: left;
}


#navi_01 ul li a {
	display: block;
	color: #194262;
	text-decoration: none;
	border-right: 1px solid #666666;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 2px;
}

#navi_01 ul li a:hover,
#navi_01 ul li a:active,
#navi_01 ul li a.hier{
	color: #FFFFFF;
	background-color: #16200A;
	border-right: 1px solid #FFFFFF;
}



/*Navi 02*/

#navi_02 ul {
	list-style-type: none;
	font-size: 13px;
	/*margin-left: 80px;*/
	/*margin-right: 40px;*/
	border-bottom: 1px solid #FFFFFF;
}
#navi_02 li{
	float: left;
}


#navi_02 ul li a {
	display: block;
	/*color: #011D32;*/
	color: #FFFFFF;
	text-decoration: none;
	/*border-right: 1px solid #011D32;*/
	border-right: 1px solid #FFFFFF;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 2px;
}

/*#navi_02 ul li a:hover,
#navi_02 ul li a:active,
#navi_02 ul li a.hier{
	color: #011D32;
	background-color: #A3C1D8;
	border-right: 1px solid #FFFFFF;
}*/

#navi_02 ul li a:hover,
#navi_02 ul li a:active,
#navi_02 ul li a.hier{
	color: #FFFFFF;
	background-color: #16200A;
	border-right: 1px solid #FFFFFF;
}



/*Navi 03*/

#navi_03 ul {
	list-style-type: none;
	font-size: 12px;
	margin-left: 120px;	
	border-bottom: 1px solid #FFFFFF;
}
#navi_03 li{
	float: left;
}


#navi_03 ul li a {
	display: block;
	color: #194262;
	text-decoration: none;
	border-right: 1px solid #666666;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 2px;
}

#navi_03 ul li a:hover,
#navi_03 ul li a:active,
#navi_03 ul li a.hier{
	color: #FFFFFF;
	background-color: #29321D;
	border-right: 1px solid #FFFFFF;
}


/*Navi footer_left*/

#content_left_bottom ul {
	list-style-type: none;
	font-size: 12px;
	margin-left: 120px;	
}

#content_left_bottom li{
	float: right;
}


#content_left_bottom ul li a {
	display: block;
	color: #BAF46E;
	text-decoration: none;
	border-right: 1px solid #A3C1D8;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 2px;
}

#content_left_bottom ul li a:hover,
#content_left_bottom ul li a:active,
#content_left_bottom ul li a.hier {
	color: #011D32;
	background-color: #A4F43D;
	border-right: 1px solid #FFFFFF;
}




/*------------------------------------------------------------*/
/*pharagraph_rules
/*------------------------------------------------------------*/

#header_02 h1 {
	font-size: 20px;
	letter-spacing: 200%;
	color: #BAF46E;
	padding-top: 10px;
	padding-left: 37px;
	padding-right: 2px;
	display: inline;
}

#header_02 h1 a {
	text-decoration: none;
	color: #FFFFFF;	
}

#header_02 h1 a:hover {
	text-decoration: underline;
	color: #FFFFFF;	
	background-color: #FF6600;
}


#header_02 h2 {
	font-size: 14px;
	letter-spacing: 200%;
	padding-left: 2px;
	display: inline;
}

#header_02 h2 a {
	color: #A3C1D8;
	text-decoration: none;
}

#header_02 h2 a:hover, 
#header_02 h2 a:active,
#header_02 h2 a.hier{
	background-color: #A4F43D;
	color: #000000;	
}



#content_left_top h1 {
	font-size: 14px;
	padding-top: 15px;
	padding-left: 37px;
	padding-right: 10px;
}

#content_left_top p {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 37px;
	line-height: 150%;
	padding-right: 20px;
}

#content_left_top img {
	padding-top: 10px;
	padding-left: 37px;
	padding-right: 20px;
}

#content_right h1 {
	font-size: 13px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
}

#content_right p {
	font-size: 11px;
	padding-top: 10px;
	padding-left: 15px;
	line-height: 150%;
	padding-right: 15px;
}


#content_left_top p a {
	display: block;
	width: 400px;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content_left_top p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FF6600;
	background-image: url(images/bg_header_07.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}



#content_right p a {
	color: #000000;
	text-decoration: underline;
}

#content_right p a:hover,
#content_right p a:active{
	color: #587185;
}


/*------------------------------------------------------------*/
/*class_rules
/*------------------------------------------------------------*/

.bold{
	font-weight: bold;
}