@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{

/* ----- HEADER ----- */
#header {
	height:250px;
}

#header_top {
	height:75px;
	overflow:hidden;
}

#header_top_left {
	float:left;
	width:725px;
	height:75px;
}

#header_top_right {
	float:left;
	width:235px;
	height:75px;
	text-align:right;
}
  #header_main {
	height:140px;
	margin-top:10px;
	overflow:hidden;
}

#headerimages {
	position: absolute;
	height: 145px;
	width: 	959px;
	z-index: 0;
	overflow: hidden;
}

#header_main_left {
	position: absolute;
	width:729px;
	z-index: 9;
}

#header_title {
	height:55px;
	margin-top:50px;
}

#headerdate, #headerlinks {
	color:#fff;
	padding:0;
	margin-top:5px;
}



#headerlinks a {
	color:#fff;
	font-weight:normal;
}

#header_title_font {
	background-image:url('http://www.additiv.net//regionalkunde/img/header_bg_trans.png');
	color:#FFF;
	font-size:36px;
	height:55px;
	line-height:55px;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	padding-bottom:6px;
}

* html #header_title_font {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.additiv.net/regionalkunde/img/header_bg_trans.png' ,sizingMethod='scale');
	padding-top:0;
	padding-bottom:0;
}

#header_main_right {
	position: absolute;
	width:231px;
	z-index: 9;
	margin-left: 728px;
}


#navigation_first {
	position: absolute;
	top:220px;
	z-index: 10;
	height:38px;
}



#navigation_first ul {
	
	overflow:hidden;
	padding-left:1px;
}

* html #navigation_first ul {
	padding-left:2px;
}

#navigation_first ul li {
	background-image:url('http://dev.metropoleruhr.rvrcms.kdvz.de/fileadmin/templates/metropoleruhr.de/layout_images/nav_top_bg.jpg');
	list-style:none;
	float:left;
	width:130px;
	color:#58585A;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	line-height:13px;
	font-weight:700;
	height:36px;
	border:1px solid #B6B6B6;
	margin-left:-1px;
	display:block;
}

#navigation_first ul li.active {
	background-image: none;
	background-color:#345686;
	border:1px solid #345686;
}

#navigation_first ul li.active a {
	color: #fff;
}

#navigation_first ul li a {
	text-decoration:none;
	color:#58585A;
	width:120px;
	display:block;
}

#navigation_first ul li a:hover {
	text-decoration:underline;
}

#navigation_first #pageid_1 {
	padding-top:11px;
}


#navigation_first #pageid_2,#navigation_first #pageid_3,#navigation_first #pageid_4,#navigation_first #pageid_5,#navigation_first #pageid_6,#navigation_first #pageid_7 {
	padding-top:6px;
	padding-left:4px;
}


#menue ul {

list-style-type: none;
padding-left:0;

}

#menue ul ul
{
list-style-type: none;
padding:10px 0 0 10px;
line-height:normal;
}

#menue ul ul ul
{
list-style-type: none;
padding:0 0 0 10px;
}

#menue ul li a {
color: #34558B;
font-size:13px;
text-decoration:none;
border-bottom: 1px solid #ccc;
display: block;
padding: 3px;
width: 200px;
background-color: transparent;
font-weight:bold;
text-transform:uppercase;
}

#menue ul li li a {
color: #5a5a5a;
text-decoration:none;
font-size:13px;
border-bottom:0;
width: 180px;
background-color: transparent;

text-transform:none;
}

#menue ul li li li a {
color: #5a5a5a;
text-decoration:none;
font-size:12px;
border-bottom:0;
width: 160px;
background-color: transparent;
}

#menue ul ul li a:hover {
color: #5a5a5a;
text-decoration:underline;
border-bottom:0;
}


#menue ul ul li.leaf a,#menue ul ul ul li.leaf a, #menue ul ul ul ul li.leaf a {
	padding-left:13px;
	background-color: transparent;
	color:#5a5a5a;
	font-weight:700;
	background-image:none;
}

#menue ul ul li.active a, #menue ul ul ul li.active a,#menue ul ul ul ul li.active a {
	padding-left:13px;
	background-color: #7E8285;
	color: #fff;
	font-weight:bold;
	background-image:none;
}

#menue ul ul li.path a, #menue ul ul ul li.path a,#menue ul ul ul ul li.path a {
	padding-left:13px;
	background-image:url('http://www.additiv.net/regionalkunde/img/navigation_left.gif');
	background-repeat:no-repeat;
	background-position:0px 9px;
}







#breadcrumb a:link , #breadcrumb a:visited ,  
#breadcrumb a:hover , #breadcrumb a:active , #breadcrumb li span {  
    color: navy;  
    font-size: 11px;  
    font-weight: bold;  
	color: #00aada;
    text-decoration: none;  
}  
#breadcrumb a:hover {  
    text-decoration: underline;  
}  
#breadcrumb li span {  
    color: black;  
}  


#breadcrumb ul {  
    display: inline;  
    margin-left: 0;  
    padding-left: 0; 
}  

#breadcrumb ul li {  
    display: inline;  
} 

#breadcrumb ul li {  
    background-image: url(http://www.additiv.net/regionalkunde/img/arrow.gif);
    background-position: left;  
    background-repeat: no-repeat;  
    padding-left: 10px;  
} 




}