/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : nav_vlist.css
**  Funktion    : Vertikale Navigationsliste "Sliding Doors"
**
*/

@media all
{
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/
  #navigation_opened {
    background: url('../../images/arrow_down.png') no-repeat 0 2px;
    padding-left: 20px;
  }
  #navigation_closed {
    background: url('../../images/arrow_left.png') no-repeat 0 2px;
    padding-left: 20px;
  }
  #navigation_toggle {
    color:#fff;
    padding:20px 10px 20px 30px;
    cursor: pointer;
    border-bottom: 1px solid #C8341A;
    display: none;
  }
  .trennlinie {
    /*background: url('../../images/trennlinie.gif') 30px 50% repeat-x;*/
    height: 1px;
    padding: 0px 0 0 0 !important;
    border-top: 1px solid #C8341A;
    margin: 10px 0 !important;
  }
	#submenu {
		/*border: 1px solid #000;*/
		width: 100%; 
		overflow: hidden;
		margin: 2.4em 0 0em 0; 
		list-style-type: none; 
	}
	
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0px; padding: 0 }

	#submenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background:transparent; 
		color: #fff; 
		font-weight: bold; 
	}
	
	#submenu li a { 
		width: 90%; 
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 100%;
		line-height:16px;
		padding: 10px 0px 10px 30px;
		background:transparent; 
		color: #fff;
	}
	
	/*
	#submenu li.aktiv a { 
		width: 90%; 
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 14px;
		line-height:16px;
		padding: 3px 0px 3px 16%; 
		background-color:#f63;
		color: #fff;
	}*/
	#submenu li.aktiv a {
		background:url(/images/pfeil-weiss.gif) no-repeat 0px 10px;
		background-color:#f63;
		/*font-weight:bold; */
	}
	
	#submenu li a:hover { background-color:#f63; color: #fff; }
	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background:transparent; 
		color: #fff; 
	}

	#submenu li ul li a:hover { background-color:#f63; color: #fff; }
	
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #FFF; 
		background:transparent; 
	}
	
	#submenu li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #FFF; 
		background:transparent; 
	}
	
	#submenu li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold;  
		color: #FFF; 
		background:transparent; 
	}

#submenu font { 
	color:#D5CE92; 
	font-size:85%;
	background:transparent; 
}
	
#pfeil {
	position:absolute;
	padding: 256px 0px 0px 0px;
}
	
#nav_main {
	width:520px;
	float:left;
	text-align:left;
	margin-top:10px;
	margin-bottom:0px;
}


#nav_main ul li {
	display:inline;
	margin-left:0px;
	padding-left:0px;
	padding-right:10px;
}

#addthis {	
	width:auto;
	text-align:left;
	padding:20px 0;
  display: block;
  background: #fff;
} 

div#___plusone_0 {
    width: 70px !important;
}

#righttopnav {		
	margin-top:15px;
	vertical-align:middle;
	float:right;
	margin-right:30px;
}

.menuhead {
font-size:105%;
margin:10px 0 5px 30px;
padding:3px;
padding-left:0px;
font-family: Arial, Helvetica, sans-serif;
background-color:#E74125;
color:#ffffff;
font-weight:bold;
text-align:left;

}
#submenu li  a.sub_nav:visited, #submenu li a.sub_nav:active, #submenu li a.sub_nav:link {
font-size:100%;  background:url(/images/bullet_subnav.gif) no-repeat 0px 6px;  background-color:#FF6633;  margin-left:0px; padding-left:40px;
}

#submenu li  a.sub_nav:hover {
text-decoration:underline;

}

#submenu li.aktiv a.sub_nav, #submenu li.aktiv a.sub_nav:visited, #submenu li.aktiv a.sub_nav:active {
		background:url(/images/pfeil-weiss.gif) no-repeat 0px 5px;
		background-color:#f63;
		font-weight:bold; 
	}

}
@media screen and (max-width: 960px) {
  #navigation_toggle {
    display: block;
  }
}
@media screen and (max-width: 600px) {
 #nav_main ul li {
    float:none;
    display: block;
    list-style: none;
    padding-bottom: 10px;
  }
  div#nav_main {
    width: 100%;
  }
}