/*****************************************/
/*     (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: #00009c;
}

body {
  /*background-color: #FFFFFF;*/
  background-image:url(../lilien.jpg);
  /*background-position:left center;*/
  background-position:top center;
  /*background-repeat:repeat-y;*/
  color: #000000;
  font-family: Arial, Sans-Serif;
  /*font-size: 13px;*/
  margin: 0;
  /*min-width: 80em;*/
  padding: 0;
}

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;
  background-color:#eeeeee;
  border:1px solid #00009c;
  margin:1em auto 1em;
  max-width:980px;
  width: 100%;
  min-height:100%;
}

div.head { /* Kopfnavigation */
  background-color:#FFFFFF;
  background-image: url(gradient_kopf.jpg);
  background-repeat: repeat-x;
  border-bottom: 1px solid #00009c;
  height: 90px;
}

div.logo { /* CSS für das VHS-Logo */
  border-right:1px solid #00009c;
  background-color:#e7e3e7;  
  float: left;
  height: 90px;
  text-align: center;
  width: 12em;
}

div.logo1 {
  background-color:#00009c;
  color: #FFFFFF;
  font-family: arial, "sans serif";
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 4px;
}

div.logo2 {
  color: #00009c;
  font-family: arial, "sans serif";
  font-size: 1.2em;
  font-weight: bold;
}/* CSS für das VHS-Logo */

div.kategorie_header { /* CSS für die Kategorie Icons */
  margin-left: 14em;
  padding-top:16px;
}

img.kategorie {
  margin-right: 3%;
  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: 1em;
}

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

input.topsuche_eingabe {
  color: #00009c;
  font-size: 0.77em;
  vertical-align:top;
}

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: 0 0.5em;
  padding: 0em;
  width: 8.5em;
}
div.menu1 {
  margin: 1em 0.5em 0;
  /*background-color:#FFFFFF;*/
  /*border-bottom:1px solid #0000C9;*/
  /*border-top:1px solid #0000C9;*/
  padding-bottom:0.5em;
  padding-top:0.5em;
}
div.menulist {
  /*margin: 1em 0.5em 0;*/
  padding-bottom:0.5em;
}
ul.menulogo {
list-style-type: none;
margin: 0;
padding: 0em;
width: 8.5em;
}
ul.menulogo li.navigation {
border: none;
background-color: #eeeeee;
}
li.navigation {
  margin: 0.7em 0;
  font-size:14px;
  background-color:#E7E3E7;
  border:1px solid #BBBBFF;
}
li.navigation.active {
  background-color: #ffffff;
  /*padding: 0 0 0.5em;*/
}
li.navigation a.menu_active {
  /*font-weight:bold;*/
  text-decoration:none;
  display:block;
  /*margin-left:0.5em;*/
  color:#00009c;
}
a.menu_active {
  font-weight:bold;
  /*Hervorhebung: Fehlersuche*/
  text-decoration:underline;
  /*margin-left:0.5em;*/
  color:#ff0000;
}
li.navigation a:hover,
li.navigation a:active {
  color:#00009c;
}
li.navigation a {
  /*font-weight:bold;
  color:#444444;*/
  /*font-weight:bold;*/
  color:#333333;
  /*font-family: verdana, arial, sans-serif;*/
  /*line-height:0.5em;*/
}
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:#D3D3D3;
}
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*/
  border-right: 1px solid #00009c;
  border-left: 1px solid #00009c;
  background-color: #ffffff;
  min-height:700px;
  margin: 0em 11em 0em 10.5em;
  padding: 1.5em 1em 5em;
  /*font-family: Verdana,Tahoma,arial,sans-serif;*/
}

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 #00009c;*/
  /*height: 5em;*/
  position: static;
  width: 100%;
}

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

div.footerlinks {
  /*background-color: #00009c;*/
  color: #000000;
  margin: 0;
  /*padding: 0 0 0 12.9em;*/
}

a.footerlinks {
  color: #000000;
  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;
}

/*j: eigene definitionen fuer typo3*/
/*Tabelle*/
tr.tr-even {background-color:#e7e3e7;}
tr.tr-odd {background-color:#eeeaee;}

/*downloadbereich*/
td.csc-uploads-description {color:#001c92;}
td.csc-uploads-fileSize {color:#001c92;}
td.csc-uploads-fileName {font-weight:bold;padding:0 1em;}



p.csc-linkToTop  {
	/*width:200px;*/
	/*background-color: #e7e3e7;*/
	padding-right: 5px;
	font-weight: bold;
	border-bottom: 1px solid #00009c;
	border-right: 1px solid #00009c;
	text-align: right;}
a.csc-linkToTop {
	color: #9c9c9c;
}
a:hover.csc-linkToTop {
	color: #00009c;
}
p.bodytext a {
	color: #3c3c3c;
	font-weight:bold;
}

p.bodytext a:hover {
	color: #00009c;
}
/* Links im clearbox-Div */
div.clearbox a {
	color: #3c3c3c;
	font-weight:bold;
}
div.clearbox a:hover {
	color: #00009c;	
}

td.csc-uploads-fileName a {
color:#00009c;
}

a.blaetternlink  {
	background-color:#e7e3e7;
	border:1px solid #bbbbff;
	padding:0px 3px 0px 3px;
	text-decoration:none;
}
a.blaetternlink:hover  {
	color: #00009c;

}
span.anzahl {
	background-color:#e7e3e7;
	font-size:0.9em;
	border: 1px solid #bbbbff;
	padding-left: 1em;
    padding-right: 1em;
}
div.hauptseite a{
	font-size:0.9em;
	color: #001c92;	
	}
div.csc-frame  {
	padding:10px 20px 10px 20px;
}
div.csc-frame.csc-frame-invisible div.csc-textpic img {
	border:none;
	background-color:#ffffff;
}
div.csc-frame.csc-frame-frame1 {
font-size: 90%;
/*text-align: right;*/
background-color: #ffffff;
padding: 0 0 0 40px;
border: 1px solid #bbbbff;
}

div.csc-frame.csc-frame-frame1 h1.csc-firstHeader {
margin:0.3em;
}

div.csc-frame.csc-frame-frame2 {
/*float:right;*/
/*max-width:15em;*/
padding:0 20px;
background-color: #ffffff;
border: 1px solid #bbbbff;
}
a.vkalenderlink {
	/*font-weight:bold;*/
	padding:0px 3px 0px 3px;
	background-color:#e7e3e7;
	border: 1px solid #bbbbff;
}
a.marginleft {
	padding:0px 3px 0px 3px;
	background-color:#e7e3e7;
	border: 1px solid #bbbbff;
}
/*div.veranstkalender {	border: 1px solid #bbbbff;}
div.symbole {	border: 1px solid #bbbbff;}*/

/* soll werte aus der default.css ueberschreiben */
div.content p.csc-frame-frame1, div.content table.csc-frame-frame1 { 
	background-color: #e7e3e7; 
	padding: 0.2em 0.4em; 
	width: 90%;
	border: 1px solid #bbbbff; 
	}
div.hauptseite_clickpfad {
	/*background-color:#eeeeee;*/
	/*font-size:0.9em;*/
	/*border: 1px solid #dddddd;*/
	margin: 3px 0px 9px 0px;
	/*text-align:center;*/
	} 
	/* A-Definition stammt sonst aus der Clearbox! */
div.clearbox a.clickadresse {
	background-color:#e7e3e7;
	border:1px solid #bbbbff;
	padding:0px 3px 0px 3px;
	color:#00009c;
}

/*div.clearbox li a {
	background-color:#e7e3e7;
	border:1px solid #bbbbff;
	padding:0px 3px 0px 3px;
	color:#00009c;
}*/
/*sonst sind die urls im inhaltsverzeichnis nochmal extra eingekästelt*/
/*div.csc-frame li a {
	background-color:none;
	border:none;
	padding:none;
	color:none;
}*/

/*div.kursubersichtdetails a.link {*/
	div.hauptseite a.link , div.hauptseite_ohnestatus a {
	background-color:#e7e3e7;
	border:1px solid #bbbbff;
	padding:0px 3px 0px 3px;
	text-decoration:none;
	color:#00009c;
}

	div.hauptseite a.grafiklink {
	/*background-color:#e7e3e7;*/
	border:1px solid #bbbbff;
	padding:0px 3px 0px 3px;
	height:20px;
	text-decoration:none;
	color:#00009c;
	/*float:left;*/
}
span.clickadrbold  {
	font-weight:bold;
}
/* Fortschritt bei der Anmeldung */
li.fortschritt {color:#666666;}

li.fortschritt_aktiv {color:#00009c;font-weight:bold;}

div.bfortschritt {border:1px solid #00009c;padding:0 1em 0 0;width:14em;float:right;margin:0 0 1em 1em;background-color:#efefef;}

div.bfortschritt h3 {text-align:center;}

/* Rahmen-Einrückung (z.B. Google-Maps): fließt nach rechts */
div.csc-frame-indent {float:right;}

/* muss ins stylesheet, sonst kein override durch print.css */
div.footer-img {
bottom:12px;
position:fixed;
width:150px;
}
/*vorschaubilder sind so an den Rand gequetscht*/
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
float:none;
}
/*und sollen einen wenig auffaelligen rahmen bekommen*/
div.csc-textpic img {
border:1px solid #bbbbff;
background-color:#e7e3e7;
overflow:auto;
padding:2px;
}

/* Highlightkurse sind zu gross angelegt*/
div#kurshighlights a.link  {
line-height:2;
/*background-color:#e7e3e7;*/
}
/*Header sind auch etwas zu groß*/
div.content h1 {
font-size:160%;
}
/* Definitionen für Mail-Formulare. Originaldefinition vom Fieldset ist in der system.css */
fieldset.csc-mailform {
background-color:#E7E3E7;
border:1px solid #BBBBFF;
padding:1em;
}
fieldset.csc-mailform  input {
float: right;
margin-right: 5em;
clear:both;
border:1px solid #BBBBFF;
}
fieldset.csc-mailform  textarea{
float: right;
margin-right: 5em;
clear:both;
border:1px solid #BBBBFF;
}
fieldset.csc-mailform  div.csc-mailform-field {
padding:0.5em 0;
}
fieldset.csc-mailform  input.csc-mailform-submit {
margin:1em 5em 0 0;
}
/*fieldset.csc-mailform {}*/