/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - - - - - -   VHS Heidelberg    - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - -   3 COLUMN SCALING FLUID DESIGN   - - - - - - - - - - - - -  */	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
/* - - - - - - - - - - (c) 2007 BaseCMP Professional Web Solutions  - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	


/* Tested on: 
MacOS X: Firefox 2, Safari, Opera 9
Windows: IE 6.x, IE 7
*/

/* General */
.bottomborder {border-bottom: dashed 1px #dadbdc;}
.topbottomborder {
	border-top: dashed 1px #dadbdc;
	border-bottom: dashed 1px #dadbdc;
}

/* Kurslisten */
.kursliste {border: none; border-collapse: collapse; margin: 0 20px 20px 8px;}
.kursliste caption, .kursliste tfoot {display: none}
.kursliste thead td {font-size: 11px; text-decoration: underline; border-bottom: dashed 1px #dadbdc; padding-right: 15px;}
.kursliste tbody td {vertical-align: top; padding-top: 10px; padding-right: 15px;}
.kursliste tbody td.kursnr {padding-left: 13px;}
.kursliste tbody td.titel { font-weight: bold}
.kursliste tbody td.datum {}
.kursliste tbody tr.functions td {background: #f0f2f1; border-bottom: dashed 1px #dadbdc; padding-top: 2px; font-size: 10px;}
.kursliste tbody tr.functions td a:link, .kursliste tbody tr.functions td a:visited, .kursliste tbody tr.functions td a:hover, .kursliste tbody tr.functions td a:active
{display: block; float: left; padding-right: 10px; margin-right: 20px; background: url(arrow_kursliste.gif) right 3px no-repeat}

/*legende*/
ul.legend {margin:10px 5px;padding:0; font-size:10px;}
ul.legend li {margin:0;padding:0;list-style-type:none;}

/* different colored dots*/

.gesamt .kursliste tbody td.kursnr {background-image: url(nav_dots_gesamt.gif); background-position: left 4px; background-repeat: no-repeat;}
.gesellschaft .kursliste tbody td.kursnr {background-image: url(nav_dots_gesellschaft.gif); background-position: left 4px; background-repeat: no-repeat;}
.beruf .kursliste tbody td.kursnr {background-image: url(nav_dots_beruf.gif); background-position: left 4px; background-repeat: no-repeat;}
.sprachen .kursliste tbody td.kursnr {background-image: url(nav_dots_sprachen.gif); background-position: left 4px; background-repeat: no-repeat;}
.gesundheit .kursliste tbody td.kursnr {background-image: url(nav_dots_gesundheit.gif); background-position: left 4px; background-repeat: no-repeat;}
.kultur .kursliste tbody td.kursnr {background-image: url(nav_dots_kultur.gif); background-position: left 4px; background-repeat: no-repeat;}
.spezial .kursliste tbody td.kursnr {background-image: url(nav_dots_spezial.gif); background-position: left 4px; background-repeat: no-repeat;}
.vhs .kursliste tbody td.kursnr {background-image: url(nav_dots_gesamt.gif); background-position: left 4px; background-repeat: no-repeat;}

.kursliste tbody td.gesamt {background-image: url(nav_dots_gesamt.gif); background-position: left 4px; background-repeat: no-repeat;}
.kursliste tbody td.gesellschaft {background-image: url(nav_dots_gesellschaft.gif); background-position: left 4px; background-repeat: no-repeat; }
.kursliste tbody td.beruf {background-image: url(nav_dots_beruf.gif); background-position: left 4px; background-repeat: no-repeat;}
.kursliste tbody td.sprachen {background-image: url(nav_dots_sprachen.gif); background-position: left 4px center; background-repeat: no-repeat;}
.kursliste tbody td.gesundheit {background-image: url(nav_dots_gesundheit.gif); background-position: left 4px; background-repeat: no-repeat;  }
.kursliste tbody td.kultur {background-image: url(nav_dots_kultur.gif); background-position: left 4px; background-repeat: no-repeat;}
.kursliste tbody td.spezial {background-image: url(nav_dots_spezial.gif); background-position: left 4px; background-repeat: no-repeat;}
.kursliste tbody td.vhs {background-image: url(nav_dots_gesamt.gif); background-position: left 4px; background-repeat: no-repeat;}

/* Kursdetails */


.kursdetailshead {width: 90%; margin-left: 0; }
table.kursdetailshead caption, table.kursdetailshead thead, table.kursdetailshead tfoot {display: none;}
table.kursdetailshead td {vertical-align: top}

.kursdetailnr {width: 111px; padding: 5px 19px; font-weight: bold;}
.kursdetailtitel {padding: 5px 20px 5px 0px; font-weight: bold;}
.kursdetailavailable {text-align: right; padding: 5px 10px 5px 0px; font-weight: bold;}

.gesamt .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.gesellschaft .kursdetailnr {background: url(nav_dots_gesellschaft.gif) left -2px no-repeat;}
.beruf .kursdetailnr {background: url(nav_dots_beruf.gif) left -2px no-repeat;}
.sprachen .kursdetailnr {background: url(nav_dots_sprachen.gif) left -2px no-repeat;}
.gesundheit .kursdetailnr {background: url(nav_dots_gesundheit.gif) left -2px no-repeat;}
.kultur .kursdetailnr {background: url(nav_dots_kultur.gif) left -2px no-repeat;}
.spezial .kursdetailnr {background: url(nav_dots_spezial.gif) left -2px no-repeat;}
.vhs .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.wirueberuns .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.meinekurse .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.pruefungen .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.berufliche .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.suche .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.service .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.kontakt .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.impressum .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.agb .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}
.downloads .kursdetailnr {background: url(nav_dots_gesamt.gif) left -2px no-repeat;}

table.kursdetails {border: none; margin-top: 20px;}
table.kursdetails caption, table.kursdetails thead, table.kursdetails tfoot {display: none;}
table.kursdetails td, table.kursdetails th {vertical-align: top}
table.kursdetails th {width: 150px;}

.kursdetailfunctions {background: #f0f2f1; padding-left:175px; margin-top: 50px;}

.kursdetailfunctions a:link, .kursdetailfunctions a:visited, .kursdetailfunctions a:hover, .kursdetailfunctions a:active
{display: inline-block; font-size: 10px; padding: 2px 10px 0 0; margin-right: 20px; background: url(arrow_kursliste.gif) right 5px no-repeat}

/* Merkliste */

.merkliste {width: 100%; border: none; border-collapse: collapse; margin-bottom: 20px;}
.merkliste caption, .merkliste thead, .kursliste tfoot {display: none}
.merkliste tbody td {vertical-align: top; padding-top: 10px; padding-right: 10px}
.merkliste tbody td.kursnr { padding-left: 15px;}
.merkliste tbody td.titel { font-weight: bold}
.merkliste tbody td.datum {}
.merkliste tbody tr.functions td {border-bottom: dashed 1px #dadbdc;}
.merkliste tbody tr.functions a:link, .merkliste tbody tr.functions a:visited, .merkliste tbody tr.functions a:hover, .merkliste tbody tr.functions a:active
{display: block; width: 140px; padding: 2px; margin-bottom: 10px; color: #fff; background: #666 url(arrow_white_gray_bg.gif) 130px 4px no-repeat}

.merkliste tbody td.gesamt {background: url(nav_dots_gesamt.gif) left 4px no-repeat;}
.merkliste tbody td.gesellschaft {background: url(nav_dots_gesellschaft.gif) left 4px no-repeat;}
.merkliste tbody td.beruf {background: url(nav_dots_beruf.gif) left 4px no-repeat;}
.merkliste tbody td.sprachen {background: url(nav_dots_sprachen.gif) left 4px no-repeat;}
.merkliste tbody td.gesundheit {background: url(nav_dots_gesundheit.gif) left 4px no-repeat;}
.merkliste tbody td.kultur {background: url(nav_dots_kultur.gif) left 4px no-repeat;}
.merkliste tbody td.spezial {background: url(nav_dots_spezial.gif) left 4px no-repeat;}
.merkliste tbody td.vhs {background: url(nav_dots_gesamt.gif) left 4px no-repeat;}

/* Schlagwortsuche */
.suchalphabeth {font-size: 16px; font-weight: bold; color: #009ae2}

/* Homepage */

.topteaser {width:800px;}

.topteaser .gesamt {background: #009ae2}
.topteaser .gesellschaft {background: #158847}
.topteaser .beruf {background: #0068AF}
.topteaser .sprachen {background: #a5be4b}
.topteaser .gesundheit {background: #d7161f}
.topteaser .kultur {background: #f57921}
.topteaser .spezial {background: #fecb09}
.topteaser .vhs {background: #0068AF}
.topteaser {border-bottom: dashed 1px #dadbdc; height: 172px;}
.topteaser a:link, .topteaser a:visited {color: #fff; text-decoration: none}
.topteaser a:hover, .topteaser a:active {color: #ddd; text-decoration: none}

a.hometopteaser {float: left; width: 237px; height: 70px; margin: 0 5px 5px 0; padding: 5px; font-weight: bold; font-size: 14px;}

.hometextteaser {float: left; width: 247px; height: 300px; margin: 7px 5px 0 0; padding: 0; background: #f0f2f1; overflow: hidden; font-size: 11px}
.hometextteaser img {margin: 0; padding:0; border-bottom: 5px solid #fff; height:150px; overflow:hidden; }
.hometextteaser div {padding:3px;}
.hometextteaser span {color: #000}
.hometextteaser h3  {margin: 0; padding: 3px 0; font-size: 12px;}

.hometextteaser .gesamt {color: #009ae2} 
.hometextteaser .gesellschaft {color: #158847}
.hometextteaser .beruf {color: #0068AF}
.hometextteaser .sprachen {color: #a5be4b}
.hometextteaser .gesundheit {color: #d7161f}
.hometextteaser .kultur {color: #f57921}
.hometextteaser .spezial {color: #fecb09}
.hometextteaser .vhs {color: #399FE0}

.hometextteaser a.more:link, .hometextteaser a.more:visited, .hometextteaser a.more:hover, .hometextteaser a.more:active
{display: block; margin: 8px 0 5px 0; width: 40px;  background: url(arrow_home_more.gif) right 3px no-repeat}

ul.homepage_newslist {margin:0;padding:0;border-top:1px dashed #c1c1c1;}
ul.homepage_newslist li {margin:0; padding:5px;list-style-type:none; border-bottom:1px dashed #c1c1c1;}
ul.homepage_newslist h4 {margin:0; font-size: 10px; overflow: hidden;}

/* - - - - - - - - - - - - - - - - - - Article Text  - - - - - - - - - - - - - - - - - - */

div.fliess {
	line-height:150%;
	padding: 10px 20px;
	}
div.fliess h1 {
	font-size:14px;
	font-weight:bold;
	margin: 0 0 10px 0;
	}
div.fliess h2 {
	font-size:12px;
	font-weight:bold;
	margin: 0 0 10px 0;
	}
div.fliess h3 {
	font-size:12px;
	font-weight:bold;
	margin: 0 0 5px 0;
	}
div.fliess h4 {
	font-size:11px;
	font-weight:bold;
	margin: 0 0 5px 0;
	}
div.fliess h5 {
	font-size:10px;
	font-weight:bold;
	color: #000;
	margin: 0 0 5px 0;
	}
div.fliess h6 {
	font-size:10px;
	font-weight:bold;
	margin: 0 0 5px 0;
	}

	
div.fliess ul {
	list-style-type: circle;
	padding: 0 0 0 15px;
	margin: 0 0 6px 10px;
	}
div.fliess ul ul {
	list-style-type: square;
	padding: 0 0 0 15px;
	margin: 0 0 6px 0;
	}

div.fliess ol {
	padding: 0 0 0 15px;
	margin: 0 0 6px 10px;
	}

div.fliess p {
	padding: 0px;
	margin:0;
	margin-bottom:6px;
	}

div.fliess ul a, div.fliess ol a {
	font-weight: bold;
	}

.ilink {padding-right: 20px; color: #000}
/* add arrow or something if requested */
.internal, .external {}

.avi {background: url(icon_avi.gif) right top no-repeat}
.doc {background: url(icon_doc.gif) right top no-repeat}
.dot {background: url(icon_dot.gif) right top no-repeat}
.pdf {background: url(icon_pdf.gif) right top no-repeat}
.mov {background: url(icon_mov.gif) right top no-repeat}
.mp3 {background: url(icon_mp3.gif) right top no-repeat}
.mpg {background: url(icon_mpg.gif) right top no-repeat}
.ppt {background: url(icon_ppt.gif) right top no-repeat}
.wav {background: url(icon_wav.gif) right top no-repeat}
.xls {background: url(icon_xls.gif) right top no-repeat}
.zip {background: url(icon_zip.gif) right top no-repeat}

div.ipic {}
img.ipic {margin-bottom: -5px}
.padder01 {margin:0; padding: 0;}
.ipic .caption {margin: 0 20px 0 0; padding: 2px 5px 2px 5px; background: #f0f2f1; border-bottom: dashed 1px #dadbdc;}

#contactform{
	margin-left: 260px;
	padding-right: 20px;
}

form{
	padding:0;
	margin:0;
}

div.fliess h2.formheader {margin: 0; padding: 4px 0 4px 0; font-size: 14px; font-weight: normal;}


table.formtable{
	width:100%;
}

table.formtable td{
	width:100%;
}

table.formtable td{
	padding-top: 10px;
}

table.formtable td.contactform_left{
	padding-right:10%;
	width:40%;
}

table.formtable td.contactform_right{
	padding-left:10%;
	width:40%;
}


#contactform_left{
	padding:0;
	margin-right:10px;
	float:left;
	width: 250px;
}

#contactform_left img{
	display:none;
}

#contactform label{
	display:block;
	padding:2px 0px 2px 0px;
}

input{
	border: 1px solid #6f7072;
}

input.forminput{
	width:100%;
}

td.orderform_right input.forminput{
	width:90%;
}

select{
	border: 1px solid #6f7072;
}

#contactform select{
	width:100%;
}

textarea{
	border: 1px solid #6f7072;
	width: 100%;
}


table.formtable td.orderform_left {
	min-width:170px;
	width: 30%;
}

table.formtable td.orderform_right {
	width: 70%;
}

.mufuboxBox{
	padding:0;
	margin:0px 5px 5px 0px;
	background-color: #F0F2F1;
	font-size:90%;
	width:180px;
}

.mufuboxCaption{
	font-weight:bold;
}
.mufuboxText{
	padding:5px 10px 5px 10px;
}
.mufuboxArticle{
	float:left;
}
.mufuboxBox .ilink {padding-left: 20px;}