/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - - - - - -   VHS Heidelberg    - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - -   3 COLUMN SCALING FLUID DESIGN   - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - - - - - - -  NAVIGATION   - - - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - (c) 2007 basecmp Professional Web Solutions  - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	


/* Tested on: 
MacOS X: Firefox 2, Safari, Opera 9
Windows: IE 6.x, IE 7
*/

.navlink {
	border-top: 1px dashed #dadbdc;
	padding: 4px 0 4px 0; 
}

.navlink a:link, .navlink a:visited, .navlink a:hover, .navlink a:active {
	text-decoration: none;
	display: block; 
	padding: 2px 2px 2px 5px; 
}

.navangebote {
	background-color: #f0f2f1;
	border-top: 1px dashed #dadbdc;
	font-weight: bold;
	padding: 8px 0;
	}

.navangebote ul {
	padding: 0; margin: 2px 0 0 0; list-style: none; font-weight: normal;
}

.navangebote ul a:link, .navangebote ul a:visited, .navangebote ul a:hover, .navangebote ul a:active {
	display: block; padding: 1px 0 1px 15px; text-decoration: none;
}

.navlink a:hover, .navlink a:active, .navlink a.high
{background-color: #666; color:#fff}


.navangebote ul a:link, .navangebote ul a:visited {background-position: 3px -5px}

/* to highlight in Angebote Section */
.navangebote ul a:hover, 
.navangebote ul a:active,
.navangebote ul a.high
{background-color: #666; color:#fff; background-position: 3px -68px}

.navangebote ul a.gesamt {background-image: url(nav_dots_gesamt.gif); background-repeat: no-repeat}
.navangebote ul a.gesellschaft {background-image: url(nav_dots_gesellschaft.gif); background-repeat: no-repeat}
.navangebote ul a.beruf {background-image: url(nav_dots_beruf.gif); background-repeat: no-repeat}
.navangebote ul a.sprachen {background-image: url(nav_dots_sprachen.gif); background-repeat: no-repeat}
.navangebote ul a.gesundheit {background-image: url(nav_dots_gesundheit.gif); background-repeat: no-repeat}
.navangebote ul a.kultur {background-image: url(nav_dots_kultur.gif); background-repeat: no-repeat}
.navangebote ul a.spezial {background-image: url(nav_dots_spezial.gif); background-repeat: no-repeat}

.metanav {text-align: center; border-top: 1px dashed #dadbdc}

.metanav a:link, .metanav a:visited, .metanav a:hover, .metanav a:active
{display: inline; font-size: 10px; border: none; padding:0; color: #6f7072; background: #fff}

#left form.suche {border: 1px solid #c3c3c3; margin: 0 0 5px 0;}
#left .suche input.field {border: 1px solid white; color: #6f7072;font-size: 12px; width: 150px; padding: 0 0 0 5px;}
#left form.suche .submit {padding-top:2px;}

#left form.login { background: #f0f2f1; padding: 2px 0; margin: 0;}
#left input.login {border: none; color: #6f7072; font-size: 12px; width: 150px; padding: 0 0 0 5px; background: #f0f2f1}

/* Navigation in middle block */
#middle ul {list-style: none; margin: 0 ; padding: 0;}

.sublist {font-weight: bold}

.subnavlink {
	border-bottom: 1px dashed #dadbdc;
	padding: 4px 0 4px 0; 
}

.subnavlink a:link, .subnavlink a:visited, .subnavlink a:hover, .subnavlink a:active {
	text-decoration: none;
	display: block;
}

#middle ul .subnavlink a { padding: 2px 2px 2px 5px;}
#middle ul ul .subnavlink a { padding: 2px 2px 2px 15px;}
#middle ul ul ul .subnavlink a { padding: 2px 2px 2px 25px;}

.subnavlink a:hover, .subnavlink a:active, .subnavlink a.high:link {background-color: #666; color:#fff}

/* add all different of document types here */
#middle ul .subnavlink a.pdf:link,#middle ul .subnavlink a.pdf:visited
{padding-left: 40px; height: 38px; background: #f0f2f1 url(icon2_pdf.gif) top left no-repeat}
#middle ul .subnavlink a.pdf:hover,#middle ul .subnavlink a.pdf:active
{ background: #666 url(icon2_pdf.gif) top left no-repeat}