/*###################################
#                                   #
#  Allgemeine CSS Eigenschaften     #
#                                   #
###################################*/


ul.nav {
  background-color: #F88942;
}

ul.nav a.active {
  background-color:#AAE3FF;
  color:#000000;
}

div#top {
  color: #FFFFFF;
  background-color:#2C3988;
  border-color:#F88942;
}


div#top a {
  color: #FFFFFF;
}

div.vhs_logo {
  background: #F88942 url(contrast/logo1.jpg) no-repeat;
}


/*###################################
#                                   #
#        CSS für den Body           #
#                                   #
###################################*/

body {
	background-color: #e4e4e4;
}



/*###################################
#                                   #
# CSS für die gesamte Seitenansicht #
#                                   #
###################################*/

div#page {
	background-color: #F88942;
  background-image: url(images/bgL.gif);
}

div#container {
  background-image: url(contrast/bgR.gif);
  border-right-color: #F88942;
}



/*###################################
#                                   #
#     CSS für den Top-Bereich       #
#                                   #
###################################*/





div#header { 
	background-color:#F88942;
}





/*###################################
#                                   #
#  CSS für die linke Navigation     #
#                                   #
###################################*/

div#links { 
  background-color: #F88942;
}

li.e1 {
	border-bottom-color:#FFFFFF;
}

li.e1 a {
  color:#000; 
}

li.e1 a:hover, li.e1 a.active { 
	color:#000;
	background-color: #FCD696;
}

li.e2 a{
	color:#000; 
}

li.e2 a:hover, li.e2 a.active {
	color:#000000; 
}





/*###################################
#                                   #
#   CSS für den Content Bereich     #
#                                   #
###################################*/

div.outer {
  background-color: #FFFFFF;
}

/*###################################
#                                   #
#  CSS für die rechte Navigation    #
#                                   #
###################################*/

div#right { 
  background-color: #FCD696;
}


/*-----CSS für den Newsbereich-----*/

div.news-latest-container { 
	border-color: #F88942; 
	background-color:#FFFFFF; 
	color:#2C3988; 
}

div.news-latest-container h2 { 
	background-color:#F88942; 
	color:#000; 
}

div.news-latest-gotoarchive { 
	background-color:#FFFFFF; 
	color:#2C3988; 
}

div.news-latest-item { 
	background-color:#FFFFFF; 
	color:#2C3988; 
}

div.news-latest-gotoarchive { 
	background-color:#F88942; 
	color:#000; 
}

div.news-list-container hr.clearer, 
.news-single-item hr.clearer, 
.news-latest-container hr.clearer { 
	border-color:#F88942; 
}


div.news-list-container {
	border-color:#F88942; 
	background-color:#FFF; 
	color:#2C3988; 
}

div.news-list-item {
  background-color:#FFF;
}

div.news-list-item h3 span.news-list-date {
  background:#FFF;
}
div.news-list-item h3 { 
	color:#001463;
}

div.news-list-container div.news-list-item h3 a {
  color:#001463;
}

div.news-single-item {
  background:#FFF;
}

div.news-single-item h2 {
  color:#001463;
}

div#right h2.box_header {
  background-color:#F88942;
  color:#000000;
}
div.calendar_navi {
  background-color:#F88942;
  color:#000000;
}
div.calendar_navi a {
  color:#000000;
}


/*###################################
#                                   #
#       CSS für den Footer          #
#                                   #
###################################*/

div#footer {
  background: #F88942 url(contrast/ecke_u_li.jpg) no-repeat bottom left;
}

div#footer_rechts {
  background: #F88942 url(contrast/ecke_u_re.jpg) no-repeat bottom right;
}


/*###################################
#                                   #
#  CSS für den Internet Explorer    #
#                                   #
###################################*/



/*###################################
#                                   #
#   CSS für die Kurs Highlights     #
#                                   #
###################################*/

div.highlights {
  background-color: #F88942;
}

div.vhs_logo2 {
	background:#F88942 url(contrast/logo2.jpg) no-repeat top right;
}

div#kurshighlights {
	color: #000;
}
div#kurshighlights a {
	color: #000;
}



/*###################################
#                                   #
#  CSS für das Schriftgrößenmenü    #
#                                   #
###################################*/

div.schrift	{ 
	color: #000; 
}

a.fsize_button0 {
	background-image: url(contrast/normal.gif);
}

a.fsize_button1 {
	background-image: url(contrast/mittel.gif);
}

a.fsize_button2 {
	background-image: url(contrast/gross.gif);
}


div#layoutmenu_items {
  background-color:#FCD696;
}


/*###################################
#                                   #
#     CSS für den Kontaktblock      #
#                                   #
###################################*/


/*###################################
#                                   #
#       CSS für das Sitemap         #
#                                   #
###################################*/

div.expAll { 
	background-color:#C4D9F9 !important; 
	border-color:#364497 !important; 
	color: #364497 !important; 
}

.tx-dropdownsitemap-pi1 a, 
.tx-dropdownsitemap-pi1 a:link, 
.tx-dropdownsitemap-pi1 a:visited, 
.tx-dropdownsitemap-pi1 a:hover, 
.tx-dropdownsitemap-pi1 a:active { 
	color:#364497 !important; 
}



/*###################################
#                                   #
#       CSS für die Uhrzeit         #
#                                   #
###################################*/


input.uhrzeiger {
	background-color: #2C3988; 
	color: #FFF; 
}



/*###################################
#                                   #
#     CSS für Allgemeine Dinge      #
#                                   #
###################################*/

div.legend { 
  background-color: #ffffff; 
  border-color: #F88942; 
}
div.legende { 
  background-color: #F88942; 
  color: #000; 
}

table#kalender { 
  color:#000000; 
  border-color: #F88942;
  background-color: #ffffff; 
}
table#kalender th { 
  border-color: #F88942; 
}
td.sonntag { 
  background-color:#DFE4FF; 
}
td.samstag { 
  background-color:#EFF1FF; 
}
div.calendar { 
  background-color:#F88942;
  color: #000; 
}
table#kalender caption, table#kalender caption a:link { 
  color: #000; 
}

div.fast_search	{ 
  color: #000;
}

div.warenkorbcenter {
  border-color:#F88942;
}

h1.warenkorb {
  color:#000;
  background-color:#F88942;
}

/* abgerundete Ecken (Elternelement muss position:relative; haben!) */
div.ecke_li_o {
  background-image:url(contrast/ecken/li_o.gif);
}
div.ecke_re_o {
  background-image: url(contrast/ecken/re_o.gif);
}
div.ecke_li_u {
  background-image:url(contrast/ecken/li_u.gif);
}
div.ecke_re_u {
  background-image: url(contrast/ecken/re_u.gif);
}
div.ecke_weiss_li_o {
  background-image:url(contrast/ecken/weiss_li_o.gif);
}
div.ecke_weiss_re_o {
  background-image:url(contrast/ecken/weiss_re_o.gif);
}
div.ecke_weiss_li_u {
  background-image:url(contrast/ecken/weiss_li_u.gif);
}
div.ecke_weiss_re_u { 
  background-image:url(contrast/ecken/weiss_re_u.gif);
}

input#suchauswahl_starten {
	background:#C4D9F9 url(contrast/btn_search.gif) no-repeat scroll 0 0;
}


div.dozent {
  background-color:#FCD696;
}