/***********************************************************
 *
 * Welcome to the source-code
 *
 * this file is part of the vhs-chemnitz.de project
 *
 * (C) 2006 SPLINELAB http://www.splinelab.com
 *
 * @author Mirko Schaal <ms(at)splinelab.com>
 * @version 1.0
 *
 ************************************************************/

HTML, BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #ffffff;
	height: 99%;
	width:540px;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

ul li, ol li {
	margin-left:2em;
}
ul {
	list-style-type:disc;
}

.alt {
	display:none;
}

IMG {
	border: 0;
}
.clear {
	clear:both;
}


.trennerwrap {
	clear:both;
	margin:0;
	padding:0.8em 0 0 0;
	width:100%;
	height:1px;
}
.trenner {
	width:100%;
	height:1px;
	overflow:hidden; /* im IE ist sonst immer eine leerzeile */
	border-bottom:1px dashed #B3B3B3;
}


#outerAllWrap {
	width:540px;
	height:100%;
}


DIV.hauptseite_status {
	display:none;
	/* position:absolute;
	left:0;
	top:0; */
}
DIV.menue_unterauswahl {
	display:none;
}
DIV.menue_unterauswahl H1 {
	display:none;
}
DIV.menue_unterauswahl.active {
	display:block;
}
.menue_unterauswahl li * {
	text-decoration:none;
	font-weight:bold;
}
ul.menue_unterauswahl {
	list-style-image:url(bullets/std.gif);
}
ul.menue_unterauswahl li {
	padding-bottom:4px;
}
.allWrap.Gesellschaft ul.menue_unterauswahl {
	list-style-image:url(bullets/gesellschaft.gif);
}
.allWrap.Kultur ul.menue_unterauswahl {
	list-style-image:url(bullets/kultur.gif);
}
.allWrap.Gesundheit ul.menue_unterauswahl {
	list-style-image:url(bullets/gesundheit.gif);
}
.allWrap.Sprachen ul.menue_unterauswahl {
	list-style-image:url(bullets/sprachen.gif);
}
.allWrap.Beruf ul.menue_unterauswahl {
	list-style-image:url(bullets/beruf.gif);
}
.allWrap.Spezial ul.menue_unterauswahl {
	list-style-image:url(bullets/spezial.gif);
}



DIV.header {
	margin-bottom:15px;
	border:1px solid white;
}
DIV.header DIV.headline {
	float:left;
	margin-top:20px;
}
DIV.header DIV.image {
	float:right;
}
DIV.header H2 {
	color:#00389A;
}
DIV.header H1 {
	width:450px;
	font-size:18px;
	color:#00389A;
}
DIV.header H1.Gesellschaft {
	color:#F14F11;
}
DIV.header H1.Kultur {
	color:#E20A16;
}
DIV.header H1.Gesundheit {
	color:#00837B;
}
DIV.header H1.Sprachen {
	color:#8A679D;
}
DIV.header H1.Beruf {
	color:#0078C7;
}
DIV.header H1.Spezial {
	color:#FF9124;
}




DIV.header DIV.ueberblick,
DIV.header DIV.ueberblicksub,
DIV.header DIV.ueberblickGesellschaft,
DIV.header DIV.ueberblicksubGesellschaft,
DIV.header DIV.ueberblickKultur,
DIV.header DIV.ueberblicksubKultur,
DIV.header DIV.ueberblickGesundheit,
DIV.header DIV.ueberblicksubGesundheit,
DIV.header DIV.ueberblickSprachen,
DIV.header DIV.ueberblicksubSprachen,
DIV.header DIV.ueberblickBeruf,
DIV.header DIV.ueberblicksubBeruf,
DIV.header DIV.ueberblickSpezial,
DIV.header DIV.ueberblicksubSpezial {
	float:left;
	margin-right:2px;
	padding:2px 5px 2px 5px;
	background-color:#00389A;
	color:white;
	font-weight:bold;
}

DIV.header DIV.ueberblickGesellschaft {
	background-color:#F14F11;
}
DIV.header DIV.ueberblicksubGesellschaft {
	background-color:#F79570;
}
DIV.header DIV.ueberblickKultur {
	background-color:#E20A16;
}
DIV.header DIV.ueberblicksubKultur {
	background-color:#EE6C73;
}
DIV.header DIV.ueberblickGesundheit {
	background-color:#00837B;
}
DIV.header DIV.ueberblicksubGesundheit {
	background-color:#66B5B0;
}
DIV.header DIV.ueberblickSprachen {
	background-color:#8A679D;
}
DIV.header DIV.ueberblicksubSprachen {
	background-color:#B9A4C4;
}
DIV.header DIV.ueberblickBeruf {
	background-color:#0078C7;
}
DIV.header DIV.ueberblicksubBeruf {
	background-color:#66AEDD;
}
DIV.header DIV.ueberblickSpezial {
	background-color:#FF9124;
}
DIV.header DIV.ueberblicksubSpezial {
	background-color:#FFBD7C;
}

DIV.header DIV.ueberblick *,
DIV.header DIV.ueberblicksub *,
DIV.header DIV.ueberblickGesellschaft *,
DIV.header DIV.ueberblicksubGesellschaft *,
DIV.header DIV.ueberblickKultur *,
DIV.header DIV.ueberblicksubKultur *,
DIV.header DIV.ueberblickGesundheit *,
DIV.header DIV.ueberblicksubGesundheit *,
DIV.header DIV.ueberblickSprachen *,
DIV.header DIV.ueberblicksubSprachen *,
DIV.header DIV.ueberblickBeruf *,
DIV.header DIV.ueberblicksubBeruf *,
DIV.header DIV.ueberblickSpezial *,
DIV.header DIV.ueberblicksubSpezial * {
	color:white;
	text-decoration:none;
}


DIV.blaetternOben {
	padding-top:2px;
	padding-bottom:10px;
}
DIV.blaetternOben *, DIV.blaetternUnten * {
	font-size:10px;
	font-weight:bold;
}
DIV.blaetternUnten {
	padding-top:10px;
}
IMG.blaettern {
	vertical-align:baseline;
}


DIV.kursListeWrap, DIV.kursRow {
	clear:both;
}
DIV.kursRow {
	width:100%;
}
DIV.kursListeWrap * {
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}
DIV.kursRow DIV.ampel {
	width:15px;
	float:left;
	margin-top:3px;
}
DIV.kursRow DIV.headline {
	margin:0;
	width:450px;
	float:left;
}
H3.headlinekursAusfall, H3.headlinekursAusfall *, SPAN.dateAusfall, SPAN.dateAusfall * {
	/* text-decoration:line-through; */
}
DIV.kursRow DIV.date {
	float:right;
	width:60px;
	text-align:right;
}
.kurstrennerwrap {
	clear:both;
	margin:0;
	padding:0.4em 0 0.4em 0;
	width:100%;
	height:1px;
}
.kurstrennerwrap .trenner {
	width:100%;
	height:1px;
	overflow:hidden; /* im IE ist sonst immer eine leerzeile */
	border-bottom:1px dashed #B3B3B3;
}
.allWrap.Gesellschaft .kurstrennerwrap .trenner {
	border-bottom:1px dashed #F14F11;
}
.allWrap.Kultur .kurstrennerwrap .trenner {
	border-bottom:1px dashed #E20A16;
}
.allWrap.Gesundheit .kurstrennerwrap .trenner {
	border-bottom:1px dashed #00837B;
}
.allWrap.Sprachen .kurstrennerwrap .trenner {
	border-bottom:1px dashed #8A679D;
}
.allWrap.Beruf .kurstrennerwrap .trenner {
	border-bottom:1px dashed #0078C7;
}
.allWrap.Spezial .kurstrennerwrap .trenner {
	border-bottom:1px dashed #FF9124;
}

DIV.error {
	clear:both;
	color:red;
	font-weight:bold;
	margin-top:20px;
	border:1px solid white;
}


DIV.suche * {
	text-decoration:none;
}
DIV.suche DIV.formRow, DIV.suche DIV.formRowDouble, DIV.suche DIV.formRowSpecial {
	clear:both;
	width:98%;
	border:1px solid white;
	margin-top:2px;
}
DIV.suche LABEL {
	width:120px;
	float:left;
	font-weight:bold;
}
DIV.suche DIV.formRow INPUT, DIV.suche DIV.formRow SELECT {
	height:18px;
	width:360px;
	float:left;
}
DIV.suche DIV.formRow SELECT {
	width:364px; /* die 4 pixel passen gut in IE und MOZ win - keine Ahnung, wie das in anderen Browsern aussieht */
}
DIV.suche DIV.formRowDouble INPUT, DIV.suche DIV.formRowDouble SELECT {
	height:16px;
	width:180px;
	float:left;
}
DIV.suche DIV.formRowSpecial * {
	float:left;
}
DIV.suche DIV.formRowSpecial INPUT {
	height:16px;
	width:50px;
}
DIV.suche LABEL.suche_bezeichner2 {
	width:25px;
	padding-left:10px;
}
DIV.suche DIV.suche_button {
	padding-top:20px;
}


DIV.cartFooter {
	padding-top:20px;
	width:100%;
}
DIV.cartFooter .left {
	float:left;
}
DIV.cartFooter .right {
	float:right;
}
TABLE.warenkorb {
	background-image:url(table_th_bg.gif);
	background-repeat:no-repeat;
}
TABLE.warenkorb TH {
	padding:2px 5px 2px 5px;
	text-align:left;
	/* background-color:#00389A; */
	color:white;
}
TABLE.warenkorb TD {
	border-bottom:1px dashed #B3B3B3;
	background-color:white;
	padding:2px;
}
TABLE.warenkorb TD, TABLE.warenkorb TD * {
	text-decoration:none;
}



DIV.kursdetail SPAN.label {
	color:#00389A;
}
DIV.kursdetail DIV.labelrow, DIV.kursdetail DIV.labelrow2 {
	clear:both;
	border:1px solid white;
}

DIV.kursdetail DIV.labelrow SPAN.label {
	width:7em;
	float:left;
}
DIV.kursdetail DIV.labelrow SPAN.dat, DIV.kursdetail DIV.labelrow2 SPAN.dat {
	float:left;
}
DIV.kursdetail DIV.labelrow2 SPAN.label {
	width:14em;
	float:left;
}
A.kursdetails {
	text-decoration:none;
}

DIV.kursdetail DIV.footer {
	clear:both;
	padding-top:10px;
}
DIV.kursdetail DIV.Gesellschaft .trennerwrap .trenner {
	border-bottom:1px dashed #F14F11;
}
DIV.kursdetail DIV.Kultur .trennerwrap .trenner {
	border-bottom:1px dashed #E20A16;
}
DIV.kursdetail DIV.Gesundheit .trennerwrap .trenner {
	border-bottom:1px dashed #00837B;
}
DIV.kursdetail DIV.Sprachen .trennerwrap .trenner {
	border-bottom:1px dashed #8A679D;
}
DIV.kursdetail DIV.Beruf .trennerwrap .trenner {
	border-bottom:1px dashed #0078C7;
}
DIV.kursdetail DIV.Spezial .trennerwrap .trenner {
	border-bottom:1px dashed #FF9124;
}
/*
 * ist bei gesellschaft und spezial etwas kritisch wegen der farben, darum lieber blau lassen
DIV.kursdetail DIV.Gesellschaft SPAN.label {
	color:#F14F11;
}
*/




TABLE.kurstage {
	background-image:url(table_th_bg.gif);
	background-repeat:no-repeat;
}
TABLE.kurstage TH {
	padding:2px 5px 2px 5px;
	text-align:left;
	/* background-color:#00389A; */
	color:white;
}
TABLE.kurstage TH.middle, TABLE.kurstage TH.left {
	border-right:1px solid white;
}
TABLE.kurstage TD {
	border-bottom:1px solid #B3B3B3;
	background-color:white;
	padding:2px;
}
TABLE.kurstage TD.middle, TABLE.kurstage TD.left {
	border-right:1px solid #B3B3B3;
}
TABLE.kurstage TD.left {
	border-left:1px solid #B3B3B3;
}
TABLE.kurstage TD.right {
	border-right:1px solid #B3B3B3;
}
TABLE.kurstage TD, TABLE.kurstage TD * {
	text-decoration:none;
}
TABLE.kurstage TD.row0 {
	background-color:#f3f3f3;
}




DIV.meldeform FIELDSET {
	border:1px dashed #B3B3B3;
	padding:10px;
}
DIV.meldeform FIELDSET LEGEND {
	background-color:white;
	color:#00389A;
	padding:10px;
	font-weight:bold;
}
DIV.meldeform LABEL, DIV.meldeform SPAN.anmeldung_bestaetigen_label {
	width:9em;
	float:left;
	margin-right:1em;
}
DIV.meldeform FIELDSET INPUT {
	width:250px;
}
DIV.meldeform FIELDSET SELECT {
	width:254px;
}
DIV.meldeform FIELDSET A {
	text-decoration:none;
}
H3.warnungpflichtfelder {
	padding:10px 0 5px 0;
	font-weight:bold;
	color:red;
}
LI.warnungpflichtfelder {
	color:red;
	padding-bottom:5px;
	font-weight:bold;
}
DIV.meldefooter {
	padding-top:10px;
}



DIV.dozRow {
	width:100%;
}
DIV.dozListeWrap * {
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}
DIV.dozRow DIV.name {
	margin:0;
	width:170px;
	margin-right:10px;
	float:left;
}
DIV.dozRow DIV.name P {
	/* font-weight:bold; */
}
DIV.dozRow DIV.beruf {
	float:left;
	width:350px;
}



DIV.shortcut A {
	font-weight:bold;
	color:#00389A;
}



.sl-search, .sl-search * {
	font-size:11px;
}
.sl-search-head {
	padding:2px 5px 2px 5px;
	background-color:#E20A16;
	float:left;
	margin-right:10px;
	font-weight:bold;
	color:white;
}
.sl-search-head2 {
	float:left;
	font-weight:bold;
	color:#E20A16;
	padding-top:2px;
}
.sl-search-list {
	clear:both;
	background-color:#FEEEE8;
	padding:5px;
	width:560px; /* breite hier überschreiben, weil wir sonst kleiner sind */
}
.sl-search-list .kursRow {
	padding-top:5px;
}
.sl-search-list .kursRow * {
	text-decoration:none;
}
.sl-search-list .info {
	padding:5px 0 5px 15px;
}
.sl-search-list .date {
	padding-right:5px;
}
.sl-search-more {
	text-align:right;
	width:560px; /* breite hier überschreiben, weil wir sonst kleiner sind */
	padding-top:10px;
}
.sl-search-more * {
	color:#E20A16;
	text-decoration:none;
	font-weight:bold;

}

DIV.materialTipp {
	clear:both;
	color:#00389A;
	padding-top:10px;
}
DIV.materialTipp * {
	color:#00389A;
}