/*****************************************/
/*     (c) Kufer Software Konzeption     */
/*           Oderstr. 7		               */
/*           D-84453 Mühldorf		       	 */
/*****************************************/

/* Allgemeine CSS Einstellungen */
html,
body {
  height:100%
}


a {
  color: #000000;
  font-family: Arial;
  font-size: 0.9em;
  text-decoration: none;
}

a:hover {
  color: #FF0000;
}

body {
  background-color: #FFFFFF;
  background-image:url(../border-left.gif);
  background-position:left center;
  background-repeat:repeat-y;
  color: #000000;
  font-family: Arial;
  font-size: 13px;
  margin: 0;
  min-width: 770px;
  padding: 0;
}
* html body {
  width:770px;
}

img {
  border: none;
}

p {
  margin-left: 0;
}

/* Classen Einstellungen */
div.page_access {
  display: none; 
}

h1.print_only {
  display: none;
}

div.page {
  background-image:url(../border-right.gif);
  background-position:right center;
  background-repeat:repeat-y;
  width: 100%;
  min-height:100%;
}

div.head { /* Kopfnavigation */
  background-color:#FFFFFF;
  background-image: url(../back_head.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #001C92;
  height: 5.77em;
}

div.logo { /* CSS für das VHS-Logo */
  border-right:1px solid #001C92;
  float: left;
  height: 5.77em;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 13em;
}

div.logo1 {
  background-color:#001C92;
  color: #FFFFFF;
  font-family: Arial,sans serif;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.2em 0em 0em;
}

div.logo2 {
  color: #001C92;
  font-family: Arial,sans serif;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.2em 0em 0em;
}/* CSS für das VHS-Logo */

div.kategorie_header { /* CSS für die Kategorie Icons */
  margin-left: 15em;
}

img.kategorie {
  margin-right: 0.5em;
  padding: 0;
} /* CSS für die Kategorie Icons */

div.head2 { /* CSS für den Mittelbalken */
  background-image: url(../mittelbalken.gif);
  background-repeat: repeat-x;
  height: 1.3em;
}

div.right_menu { /* CSS für das rechte Menü */
  padding: 1em 0.5em 0;
  float:right;
  margin-bottom:10em;
}

div.right_menu div#qualitaetsmanagement {
  text-align:center;
  font-size:8pt;
}
div.right_menu div#qualitaetsmanagement img {
  margin:5px 0;
}

input.topsuche_eingabe {
  color: #001C92;
  font-size: 0.77em;
}

div.warenkorblink, div.symbole {
  padding-top: 1em;
}

form.schnellsuche {
  margin-bottom: 0.77em;
  margin-left:0.38em;
  margin-top: 0;
  padding: 0;
}

.marginleft {
  margin-left: 0.38em;
}

ul.symbole {
  font-size: 8pt;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0.38em;
} /* CSS für das rechte Menü */

div.menu { /* CSS für das Menü */
  margin: 1em 0.5em 0;
  float:left;
  padding-bottom:10em;
}
ul.menu {
  background-color: #FFFFFF;
  list-style-type: none;
  margin: 0em 0em 0em 1em;
  padding: 0em;
  width: 9em;
}
li.navigation {
  margin: 0.3em 0em 0em;
}
li.navigation a {
  color: #001C92;
}
a.menu_active {
  font-weight:bold;
}
li.navigation a:hover,
li.navigation a:active {
  color:#DD0000
}
div.warenkorb {
  margin-left: 0.77em;
}
/* Veranstaltungskalender unten im Navigationsmenü */
div#veranstkalender {
  margin: 2em 0.9em 0.9em 0.9em;
}
table#kalender {
  border-spacing: 0;
  color:#000000;
  text-align: center;
  z-index:2;
}
table#kalender caption {
  font-size:0.8em;
}
table#kalender a {
  text-decoration:none;
  font-weight:bold;
}
table#kalender th {
  border-bottom: 1px solid black;
  font-size: 0.9em;
}
td.sonntag  {
  background-color:lightgrey;
}
td.samstag  {
  background-color:#E4E4E4;
}
td.eine {
  background-image:url(../eine.gif);
  background-position:center center;
  background-repeat:no-repeat;
}
td.mehrere {
  background-image:url(../mehrere.gif);
  background-position:center center;
  background-repeat:no-repeat;
}
 /* CSS für das Menü */

div.content { /* Anfang CSS für die Formatierung des Inhaltes*/
  margin: 0em 12em 0em 13em;
  padding: 1.5em 1em 10em;
}

div.clearbox {
  overflow:hidden;
}

div.clear {
  clear:both;
} /* Ende CSS für die Formatierung des Inhaltes*/

html > body div.footer { /* CSS für den Footer */
  bottom: 0;
  position: fixed;
}

div.footer {
  background-color: #FFFFFF;
  border-top: 1px solid #001C92;
  height: 5em;
  position: static;
  width: 100%;
}

a.footer {
  margin-left:2em;
}

div.footerlinks {
  background-color: #001C92;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 0 13.85em;
}

a.footerlinks {
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
  margin-left: 2em;
} /* CSS für den Footer */


/* IE Einstellungen */
* html div.content {
  height:1%;
}
* html div.page {
  height:100%;
}
* html div.logo {
  width: 13.2em;
}
* html div.footer {
  margin-top:-5em;
}




/*###################################
#                                   #
#          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;
}

/*########################
# Tabelle Referenzrahmen #
########################*/

table.c2 th { 
  width:8.4em; 
}

table.c1 th { 
  width:8.4em; 
}

table.b2 th { 
  width:8.4em; 
}

table.b1 th { 
  width:8.4em; 
}

table.a2 th { 
  width:8.4em; 
}

table.a1 th { 
  width:8.4em; 
}