.hlist {
	float: left;
	display: inline;
	/* (en|de) Bugfix: IE - collapsing horizontal margins */
	position:relative;
}

.hlist ul {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left;
	/* (en) Left margin of the first button  */
	/* (de) Abstand des ersten Buttons vom linken Rand  */
	margin: 0 0 0 0; 
	padding: 0;
}

.hlist ul li {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left; /* LTR */
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hlist ul li a,
.hlist ul li strong,
.hlist ul li a:visited  {
	background: transparent;
	color: #fff;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	width: auto;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { 
	background: #BAD0E8; 
	color: #fff; 
	text-decoration: none; 
}

.hlist ul li.active {
}

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { 
	background: transparent; 
	color: #fff; 
	text-decoration: none; 
}


	/**
* ------------------------------------------------------------------------------------------------- #
*
* vlist
*
*/	

/* title */
.vlist {
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
.vlist ul {
	list-style-type: none;
	margin:0;
	padding: 0;
}

.vlist li {
	list-style-type: none;
	margin:0;
	padding: 0;
}

.vlist a,
.vlist strong,
.vlist span {
	display:block;
	padding: 7px 3px 6px 4px;
	text-decoration: none;
}

.vlist a,
.vlist a:visited {
}

.vlist h3 a {
	font-weight: normal;
	font-size: 130%;
	width: 100%;
	padding: 3px 5px 9px 4px; /* LTR */
	margin:0;
	color: #000;
	border-bottom: 1px #000 solid;
}	



/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 100%; } /* LTR */

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { background-color:#eae7d8; color: #808080;}

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */

.vlist li ul li a, 
.vlist li ul li a:visited { color: #333; }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { color: #fff; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover,
.vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }



/**
* ------------------------------------------------------------------------------------------------- #
*
* Main Navigation "nav"
*
*/	

#nav .hlist {
	width: 100%;
}

#nav .hlist ul li.active strong,
#nav .hlist ul li.active a,	
#nav .hlist ul li.active a:focus,
#nav .hlist ul li.active a:hover,
#nav .hlist ul li.active a:active,
#nav .hlist ul li strong,
#nav .hlist ul li a:focus,
#nav .hlist ul li a:hover,
#nav .hlist ul li a:active 	{ 
	background:#FF9900 none repeat scroll 0 0;
	color: #003366;
	border-right: 1px solid #3a6daf;		
	}

#nav .hlist ul li {
	
}	
#nav .hlist ul li a,
#nav .hlist ul li strong {
	padding: 0.3em 1.3em 0.2em 1em;
	font-size: 84.61%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-style:italic;
	font-weight: bold;
	font-family: Arial, sans-serif;
	display: block;
	line-height: 1.1em;
	height: 2.4em;
	border-right: 1px solid #3a6daf;
}	

.hlist ul.sternstunden-item {
	float: right;
}

#nav .hlist ul.sternstunden-item li.active strong, 
#nav .hlist ul.sternstunden-item li.active a, 
#nav .hlist ul.sternstunden-item li.active a:focus, 
#nav .hlist ul.sternstunden-item li.active a:hover, 
#nav .hlist ul.sternstunden-item li.active a:active, 
#nav .hlist ul.sternstunden-item li strong, #nav .hlist ul.sternstunden-item li a:focus, 
#nav .hlist ul.sternstunden-item li a:hover, #nav .hlist ul.sternstunden-item li a:active {
	background:#FF9900 none repeat scroll 0 0;
	border-right:1px solid #3A6DAF;
	color:#333;
}




/**
* ------------------------------------------------------------------------------------------------- #
*
* subnav
*
*/	

.subnavbox {
	border-top: 1px solid #E3EDFF;
	margin: 0.6em 0 0.5em 0;
}
#subnav { margin: 0.5em 0 0 0; }
#subnav ul {
	margin: 0;
}	
#subnav h3{
	font-style: italic;
}
#subnav a, #subnav a:visited, #subnav strong, #subnav strong {	
	border-bottom: 1px solid #bad0e8;
	padding: 0.4em 0.4em 0.4em 30px;
	color: #333;
	background: none;	
	display: block;	
	width: auto;
	font-weight: normal;
}
#subnav a span {	
	padding: 0;
	background: none;		
}
#subnav a:hover,
#subnav a:active,
#subnav a:focus {	
	color: #333;
	text-decoration: none !important;
	text-decoration: underline !important;
	background: #EAF1F8;
}
#subnav .active a,
#subnav .active a:visited,
#subnav .active strong
{	 
	color: #333;
	background: #EAF1F8 url(../../img/subnav_arrow.gif) no-repeat -1985px .8em;
}
#subnav .active span {
	padding: 0 !important;
}		


/**
* ------------------------------------------------------------------------------------------------- #
*
* topnav
*
*/

#topnav .viewmode {
	float: right;
}
#topnav .viewmode li {
	list-style-type: none;
}	

#topnav ul {
	margin-left: 10px;
}

#topnav a:focus,
#topnav a:hover,
#topnav a:active 	{
	background:#3a6daf !important;
	color: #fff !important;
	text-decoration: none !important;
}	
#topnav .hlist li.active a,
#topnav .hlist li.active a:focus,
#topnav .hlist li.active a:hover,
#topnav .hlist li.active a:active,
#topnav .active strong { 
	background:#FF9900 none repeat scroll 0 0;
	color: #003366; 
	text-decoration: none;
}
	
#topnav a,
#topnav strong {
	padding: 0.2em 0.5em 0.3em 0.5em;
}
#topnav strong {
	display: block;
}		
#topnav .hlist ul li{
	margin-right: 1.3em;
}
#topnav a, #topnav strong,  #header span { 
	color: #fff; 
	font-weight: bold; 
	background:transparent; 
	text-decoration:none;
	font-family: Arial, sans-serif;
}
#topnav .viewmode a { 
	background:#004480; 
}




/**
* ------------------------------------------------------------------------------------------------- #
*
* index
*
*/	
.indexlist {
	float: left;
	display: block;
	/* (en|de) Bugfix: IE - collapsing horizontal margins */
	position:relative;
	line-height: 0;
	color: #e3edff;
	width: 22%;
	padding-top: 0.5em;
	font-family: Arial, sans-serif;
}
#index .short-info {
	width: 25%;
	margin-left: 0.6em;
	background: url(../../img/footer-star.png) no-repeat left top;
	padding: 0.2em 0 0 2.2em;
}	

.indexlist h3 {
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	height: 2.5em;	
}

.indexlist li ul {
	margin: 0 1em 0 0;
}


.indexlist li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.indexlist li ul li{
	float: none; 
	width: 100%;
	font-weight: normal;	
	padding-bottom: 0;
	margin-bottom: 0em;
}

#index .indexlist p.sternstunden{
	color: #fff;
	font-size: 150%;
	text-transform: none;
	padding-bottom: 0.1em;
	line-height:1.2em;
	font-weight: normal;
	font-style: italic;
	margin:0;	
}
.indexlist h2, .indexlist h2 a, .indexlist h2 a:visited {
	padding-bottom: 0.2em;
	margin: 0;
	color: #b2dbfe;
	line-height: 1.2em;		
	font-size: 105%;
	display: block;
}
.indexlist h2.normal{
	text-transform: none;
	padding-top: 0.35em;
}
#index li h2 a:focus,
#index li h2 a:active,
#index li h2 a:hover {
	background-color: transparent;
	text-decoration: underline;
	border-bottom: none;
}
#index li h2 a:focus {
	outline: 1px dotted #fff !important;
}	

.indexlist a{
	color: #e3edff;
	font-family: Arial, sans-serif;
}	

.indexlist a.external-link {

}

.indexlist li {
	margin-bottom: 1em;
}


#index li ul a,
#index li ul a:visited,
#index li strong{
	margin: 0;
	text-decoration: none;
	width: auto;
	color: #fff; 
	line-height: 1.6em;
	padding: 0.1em 0.1em;
	color: #fff;
	display: block;
	border-bottom: solid 1px #0c55a3;
	font-size: 92.3%;
	font-family: Arial, sans-serif;
}

#index li a:focus,
#index li a:hover,
#index li a:active,
#index li strong  { 
	color: #fff;
	border-bottom: solid 1px #fff;
	text-decoration:none; 
	background-color: #3a6daf;
	border-bottom: solid 1px #1562bf;
}

.indexlist li.active {
}

#index li.active strong,
#index li.active a:focus,
#index li.active a:hover,
#index li.active a:active { 
	background: transparent; 
	color: #fff; 
	text-decoration: none; 
}	

.indexlist p {
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 1.4em;
	font-family: Arial, sans-serif;
}
.indexlist p.blue {
	font-style: italic;
	color: #b2dbfe;
}
.indexlist p.blue a {
	font-style: normal;
	margin: 0;
	text-decoration: none;
	color: #fff; 
	background: none; 
	padding: 0 0.1em;
	color: #fff;
	border-bottom: solid 1px #1562bf;		
}
.indexlist p.blue a:hover,
.indexlist p.blue a:focus,
.indexlist p.blue a:active {
	color: #fff;
	border-bottom: solid 1px #fff;
	text-decoration:underline; 
	background: #3a6daf;
	border: none;	
}	
.indexlist .tab {
	width: 4em;
	display: inline-block;
}

.indexlist p.blue .newsletter {
	background: url(../../img/footer_newsletter.png) no-repeat left center;
	padding-left: 18px;
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* footernav
*
*/
#footer a { color: #fff; background:transparent; font-weight: bold; }
#footer a:focus,
#footer a:hover,
#footer a:active { background-color: transparent; text-decoration:underline; }
	

/**
* ------------------------------------------------------------------------------------------------- #
*
* breadcrumb
*
*/
#breadcrumb {
	margin: 0.5em 1em 0 1.6em;
	padding: 0 1em 1em 1em;
	color: #fff;
	font-family: Arial, sans-serif;
}
#breadcrumb h2 {
	font-weight: bold;
	font-size: 95%;
	color: #fff;
	display: inline;
	text-transform: none;
	padding-right: 1em;
	font-style: normal;
}

#breadcrumb p { 
	font-weight: bold;
	font-size: 95%;
	color: #fff;
	display: inline;
}
#breadcrumb a, #breadcrumb a:visited { 
	color: #fff; 
	font-weight: bold;
	background: none; 
	padding: 0 0.1em;
	color: #fff;
}
#main #breadcrumb a:focus,
#main #breadcrumb a:hover,
#main #breadcrumb a:active { 
	color: #fff;
	text-decoration:underline; 
	background: #3a6daf;
	border: none;
}
