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

body {
  font-size: 10px;
  font-family: Arial;
  margin:0em;
  background-color: #e4e4e4;
  min-width:990px;
}
* html body {
  width:990px;
}

p { 
  margin-left:0em; 
  font-size: 1.2em; 
}

*.display_none { 
  display: none; 
}

h1 { 
  color: #001463;
  font-size: 1.4em;
  margin:1.8em 0em; 
}

h2 {
  color: #001463; 
  font-size: 1.3em;
  margin:1.8em 0em;   
}

h3 { 
  color: #001463;
  font-size: 1.2em;
  margin:1.8em 0em;  
}

h4 { 
  color: #001463;
  font-size: 1.1em;
  margin:1.8em 0em; 
}

h5 { 
  color: #001463; 
  font-size:1.0em; 
  margin:1.8em 0em;
}

h6 {
  color: #001463;
  font-size:0.9em;
  margin:1.8em 0em;
}

b { 
  font-size: 1.05em; 
  font-weight: bold; 
}

a { 
  color: #001463; 
  font-weight: bold; 
  text-decoration: none; 
}

a.hover { 
  color:#7E8896; 
}



img.block {
  display: block;
}

div, img {
  margin: 0;
  padding: 0;
  border: 0;
}

.float-left { 
  float: left; 
}

div.clear {
  clear: both;
}

img.sc {
  height: 2em;
  width: 2em;
}

div.page_access { 
  display:none; 
}



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

div#page {
  width: 96em;
  background: #2C3988 url(images/bgL.gif) repeat-y 19em;
  margin: auto;
  margin-top: 1em;
}

div#container {
  margin: auto;
  background-color:#2C3988;
  border-right: 1px solid #2C3988;
  width: 96em;
  position: relative; 
}



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

div.oben {
  width: 96.1em;
}

div.oben div.nav_oben {
  padding:0.5em;
  float: right;
}

div#top {
  overflow:hidden;
  background-color: #F88942;
  height: 2.5em;
  border: solid #2C3988;
  border-width: 0px 1px;
}

div#top a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

div#header { 
  background-color:#012d74;
  height:12em;
}

div.vhs_logo {
  float: left;
  width: 18em;
  background: #012d74 url(images/logo1.jpg) no-repeat;
}

div.vhs_logo2 {
  background:#012d74 url(images/logo2.jpg) no-repeat top right;
  width: 21.1em;
  float: right;
  text-align: right;
}

div.head_logo {
  padding:0.5em;
  height: 11em;
}

div.head_logo img {
  height:11em;
}

div#head { 
  font: normal 1em Helvetica,Verdana,Arial;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: none;
}

img.logobg {
  width: 53em; 
  height: 9.9em;
}



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

div#links { 
  float: left;
  width: 19em; 
  background-color: #2c3988;
  margin: 0em;
}

ul.nav {
  margin: 0em;
  padding: 0em;
}

li.e1 {
  list-style: none;
  border-bottom:1px solid #FFFFFF;
}

li.e1 a {
  display: block;
  padding: 0.3em 0em 0.3em 1em;
  width:14.75em;
  color:#ffffff; 
  font-weight:bold; 
  text-decoration: none; 
  font-size: 1.2em;
}

li.e1 a:hover { 
  color:#001463; 
  font-weight:bold; 
  text-decoration: none; 
  font-size: 1.2em; 
  background-color: #C4D9F9;
}

li.e2 {
  list-style:none;
}

li.e2 a{
  list-style: none;
  padding-left: 1.5em;
  color:#ffffff; 
  font-weight:bold; 
  text-decoration: none; 
  font-size: 1.1em;
  width: 15.6em;
}

li.e2 a:hover {
  color:#000000; 
  font-weight:bold; 
  text-decoration: none; 
  font-size: 1.1em; 
}

ul.nav a.active {
  background-color:#C4D9F9; 
  color: #001463;
}




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

div#center div#content{
  width: 44em;
  overflow: hidden;
  padding: 1em 1em 1em 0.7em;
  font-size: 1.2em;
}

div.outer {
  margin: 0em 22em 0 19em;
  width: auto;
  background-color: #FFFFFF;
  height: 1%;
}



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

div#right { 
  float: right; 
  width: 22em;
}

div#right h2.box_header {
  margin:0em;
  text-align:center;
  color:#FFFFFF;
  background-color:#2C3988;
}

div#right_padding {
  padding: 1em;
}

div#right div.ecke_weiss_re_u,
div#right div.ecke_weiss_li_u,
div#right div.ecke_weiss_re_o,
div#right div.ecke_weiss_li_o,
div#right div.ecke_re_o,
div#right div.ecke_li_o {
  background: transparent;
}


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

div.news-latest-container { 
  border:0.1em solid #001463; 
  background-color:#FFFFFF; 
  color:#2C3988; 
  width: 20.3em; 
}

div.news-latest-container h2 { 
  border:0em; 
  background-color:#001463; 
  color:#FFFFFF; 
  font-weight: bold; 
  font-size: 1.2em; 
  text-align: center; 
  margin: 0em; 
}

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

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

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

div.news-list-container hr.clearer, 
.news-single-item hr.clearer, 
.news-latest-container hr.clearer { 
  border:0.1em solid #001463; 
  height: 0.1em; 
  width:95%;
}

.news-latest-morelink a { 
  float:right; 
  font-size:1.2em; 
}

.news-latest-date a { 
  font-weight: bold; 
  font-size:1.2em; 
}

div.news-list-container {
  border:0.1em solid #001463; 
  background-color:#FFFFFF; 
  color:#2C3988; 
  padding:10px 0;
  position:relative;
}

div.news-list-item {
  background-color:#FFFFFF;
  line-height:1.56em;
  margin:0;
  padding:0;
  border:none;
}

div.news-list-item h3 span.news-list-date {
  background-color:#FFFFFF;
  font-size:0.75em;
  padding:4px;
  margin:0;
  width:21.1em;
}
div.news-list-item h3 { 
  border:0em; 
  background:none;
  color:#001463;
  font-weight: bold; 
  font-size: 1.2em; 
  text-align: center; 
  margin: 0;
  padding:0;
}

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

div.news-single-item {
  background-color:#FFFFFF;
  border:none;
}

div.news-single-item h2 {
  color:#001463;
  font-size:1.4em;
}

div.news-single-item p.news-single-author {
  font-size:0.9em;
  margin-bottom:0;
}

div.news-single-item h3 {
  margin-top:0;
  font-size:1.3em;
}
div.news-single-item .news-single-backlink,
div.news-single-item .news-single-backlink a,
div.news-list-container .news-list-morelink,
div.news-list-container .news-list-category {
  font-size:0.9em;
}

div.news-single-item .news-single-timedata,
div.news-single-item .news-single-author,
div.news-single-item .news-single-imgcaption {
  font-size:0.75em;
}

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

div#footer {
  clear: both;
  background-color: #001463;
  height: 2.4em;
  text-align: center;
  width: 96.1em;
  padding: 0.2em 0em;
  background: #001463 url(images/ecke_u_li.jpg) no-repeat bottom left;
  position:relative;
}

div#footer_rechts {
  position:absolute;
  bottom:0;
  right:0;
  width:208px;
  height:10px;
  background: #001463 url(images/ecke_u_re.jpg) no-repeat bottom right;
}

div.csc-textpic-left div.csc-textpic-text {
  clear: none;
}
div#footer img {
  height:2.4em;
  width:2.4em;
}

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

* html div#center div#content {
  width: 43em;
}



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

div.highlights {
  height: 10em;
  text-align: center;
  background-color: #012d74;
  margin: 0em 22em 0em 19em;
  padding: 2em 0em 0em 0em;
}

div.highlight {
  font-size:1.4em;
  font-weight:bold;
  text-decoration:underline;
  margin: 0em 0em 0.5em 0em;
}

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



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

div.schrift { 
  font-weight: bold; 
  font-size: 1.4em; color: #ffffff; 
  text-align: center; 
  margin-top: 1em 
}

div#fsizemenu_items { 
  margin:0 0em 3em 5em;
}

div#fsizemenu_items a {
  float:left;
  width: 2.5em;
  height: 3em;
  background-repeat:no-repeat;
}

div#layoutmenu_items {
  text-align:center;
  padding:1em;
  background-color:#C4D9F9;
}

div#layoutmenu_items img {
  width:6em;
}

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

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

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


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

form#mailform { 
  /*text-align: center;*/ 
  margin-top: 2em;
}

form#mailform div.csc-mailform-field label {
  width: 12em;
  display: block;
  float: left;
}

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

div.expAll { 
  background-color:#C4D9F9 !important; 
  border:0.1em solid #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         #
#                                   #
###################################*/

div.watch {
  padding-top: 0.4em;
}

div.watch form {
  padding:0em;
  margin:0em;
}

input.uhrzeiger {
  background-color: #F88942;; 
  text-align: center; 
  color: #000000; 
  border: none; 
  font-size: 1em; 
  width: 21em;
}



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

p.bodytext b {
  font-size:1em;
}
div.tx-dropdownsitemap-pi1 div.level_1 ol {
  height:1%;
}

input.navstich {
  font-size:1.33em;
}

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

/*#######################
#  Text Positionierung  #
#######################*/
*.align-left {
  text-align:left;
}
*.align-center {
  text-align:center;
}
*.align-right {
  text-align:right;
}
*.align-justify {
  text-align:justify;
}


/*#######################
# Frames für den Inhalt #
#######################*/
*.csc-frame {
  clear:both;
}
*.csc-frame-frame1 {
  border:0.1em solid #B2B2B2;
  padding:1em;
}
*.csc-frame-frame2 {
  border:0.1em solid #B2B2B2;
  background-color:#E5E5E5;
  padding:1em;
}
*.csc-frame-indent6633 {
  margin-left:66%;
}
*.csc-frame-indent3366 {
  margin-left:33%;
}
*.csc-frame-indent {
  margin-left:3em;
}
*.csc-frame-rulerAfter,
*.csc-frame-rulerBefore {
  background-color:#B2B2B2;
  height:0.1em;
}


/*#######################
# Formatierung der UL's #
#######################*/
ul.component-items {
  color:#186900;
  list-style-type:circle;
}
ul.action-items {
  color:#8A0020;
  list-style-image:url(img/red_arrow_bullet.gif);
}


/*#######################
# Formatierung der OL's #
#######################*/
ol.component-items-ordered {
  color:#10007B;
  list-style-type:lower-roman;
}
ol.action-items-ordered {
  color:#8A0020;
  list-style-type:lower-greek;
}


/*#######################
#  Texthervorhebungen   #
#######################*/
span.important {
  color: #8A0020;
}
span.name-of-person {
  color: #10007B;
}
span.detail {
  color: #186900;
}


/*#######################
#    Text Einrückung    #
#######################*/
div.indent {
  margin-left:2em;
}


* html div.csc-frame-rulerAfter {
  font-size:0.1em;
}

* html div#container {
  background-image:url(../hintergrund.jpg);
}