/******************** Global classes ********************/

* {
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
}

body {
	background-image: url('bg_body.gif');
	background-repeat: repeat-y;
	background-position: 0px top;
	background-attachment: scroll;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

body.print {
	background: none;
}

h1 {
	font-size: 16px;
	color: #014991;
}

h2 {
	font-size: 14px;
	color: #5283b4;
}

#outer_wrapper {
	background-image: url('bg_main_top.jpg');
	background-repeat: repeat-x;
	background-position: left 1px;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 900px;
}

#inner_wrapper {
	width: 1065px;
}

#left {
	width: 342px;
	float: left;
	margin: 0;
	padding: 0;
}

#main {
	float: left;
	width: 723px;
	margin: 0;
	padding: 0;
}

#spacer {
	background-image: url('bg_spacer.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
	height: 40px;
}

#logo {
	background-image: url('bg_logo.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	background-color: #3a71a9;
	margin: 0;
	padding: 0;
	height: 206px;
}

#logo a, #logo img {
	text-decoration: none;
	border: 0px;
}

#navi {
	background-image: url('bg_left.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: scroll;
}

#meta {
	height: 40px;
	margin: 0; padding: 0;
}

#meta * {
	font-size: 11px;
	color: #014991;
}

#tag {
	height: 206px;
}

#content {
	background-color: #fff;
}

#logo img.logo {
	margin: 40px 0 0 100px;
}


/******************** Top navigation classes ********************/

.metanav  {
	padding: 10px 0 0 20px;	margin: 0;
}

.metanav dl {
	padding: 0;	margin: 0;
}

.metanav dl dt, .metanav dl dd {
	float: left;
	margin: 0 4px;
}

.metanav dl dd.spacer {
	float: left;
	margin: 0 4px;
}

.metanav input {
	border: 0;
}

#meta .metanav input.submit {
	border: 1px solid;
	font-size: 10px;
	margin: 0; padding: 0;
}

.warenkorb  {
	float: right;
	padding: 0 10px 0 0;	margin: 0;
}

.warenkorb dl {
	padding: 0;	margin: 0;
}

.warenkorb dl dt {
	float: left;
	margin: 0 4px;
	font-weight: bold;
}

.warenkorb dl dt img {
	float: left;
	margin: 0 5px 0 0;
	top: -5px;
}

.warenkorb dl dd {
	float: left;
	margin: 0 5px;
}

    
/******************** Content classes ********************/

#content {
	padding: 20px 0 0 20px;
	display: inline-block;
}

#content * {
	font-family: Arial;
}

#column_right {
	float: right;
	padding: 0; margin: 0px;
}

#content.small #article {
	float: left;
	width: 460px;
	padding: 0; margin: 0px;
}

#content.large #article {
	float: left;
	/* width: 700px; */
	padding: 0; margin: 0px;
}

#article .einzelebenen {
	margin-top: 25px;
}

#article .einzelebenen .breadcrumb {
	display: none;	
}

#article.kursdetails {
	width: 700px;
}

#article .article_item {
	margin: 0; padding: 0;
	padding-bottom: 10px;
	float: left;
	width: 700px;
}

#article .article_item * {
	font-family: Arial, Verdana;
	font-size: 12px;
}

#article h1 {
	font-size: 16px;
	color: #014991;
}

#article .article_item h2 {
	color: #5283b4;
}

#article .article_image, #article .article_mufubox {
	float: right;
}

#article .article_image {
	background-color: #ebebeb;
	padding: 5px;
}

#article .article_image dd {
	float: left;
}

#article .article_image img {
	border: 1px solid black;
}

#article dl.article_mufubox {
	margin: 0; 
	padding: 0 20px 10px 0;
	width: 200px;
}

#article .article_spacer {
	display: none;
}

#article table.suchergebnis {
	clear: both;
}

#article .toTopAnker a {
	float: right;
	font-size: 10px;
	color: #909090;
}

#article .seitenstruktur {
	float: right;
}

#article .seitenstruktur dl { 
	margin: 0;
	padding: 0px;
	border: 1px solid #e59700;
	background-color: #FFF2D9;
}

#article .seitenstruktur dt { 
	text-align: center;
	font-style: italic;
	background-image: url( column_header.png );
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

#article .seitenstruktur dd, #article .seitenstruktur dd a { 
	margin: 0; padding: 0;
	font-style: italic;
	padding: 2px 4px;
	color: #000;
}


/******************** MULTIBOX classes ********************/

#multibox {
	clear: both;
	float: right;
	width: 180px;
	background-color: #eeeeee;
}

#multibox * {
	color: #5c5c5c;
	font-size: 11px;
}

#multibox h3 {
	padding: 10px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	background-image: url(last_minute_trenner.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#multibox dl {
	padding: 10px;
	background-image: url(last_minute_trenner.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#multibox dt, #multibox dt a {
	color: #024a91;
	font-weight: bold;
}

#multibox dd {
	margin: 0; padding: 0;
}


/****** KONTAKT classes ******/

#multibox.kontakt dd, #multibox.kontakt dt {
	display: inline-block;
	/*width: 160px;*/
	text-align: center;
}

#multibox.kontakt dd img {
	padding: 5px;
}

/****** KURS classes ******/

#multibox.kurs dd.moreLink {
	color: #024a91;
	margin: 0 0 0 120px;
}

.kontakt dl {
	float: left;
	/*width: 350px;
	height: 150px;*/
	margin: 10px;
}

.kontakt dl dd img {
	border: 1px solid #000;
}

.kontakt dl dt {
	font-weight: bold;
}

.kontakt dl dd.foto {
	float: left;
	height: 150px;
	width: 85px;
	margin: 0 5px 0 0;
	padding: 0;
}

.kontakt dd.text {
	font-style: italic;
	margin: 10px 0;
}

/******************** Such-Eingabe classes ********************/

.suche {
	margin: 30px 15px;
	}

.suche h3 {
	margin: 0;
	color: #fff;
	}
	
.suche input {
	float: left;
	width: 170px;
	font-style: italic;
	}
	
.suche .submit {
	float: left;
	width: 15px;
	height: 18px;
	background-color: #ebebeb;
	}


/******************** Navigation classes ********************/

.navi_left {
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
}

.navi_left ul {
	color: #fff;
	margin: 0;
	padding: 0;
	width: 342px;
	display: block;
}

.navi_left ul li.link {
	padding: 7px 0;
	width: 342px;
	display: block;
}

.navi_left ul li.aktiv {
	background-color: #5283b3;
}

/*
.navi_left ul li.ebene2 {
	background-color: #5283b3;
}
*/

/* kontrast zu gering
.navi_left ul span.aktiv {
	color: #e3e4e6;
}
*/

.navi_left ul li.link a {
	color: #fff;
	text-decoration: none;
	width: 342px;
	display: block;
}

.navi_left ul li.link a:hover {
	color: #8db5dc;
}

.navi_left span {
	display: block;
}

.navi_left span.ebene1 {
	margin-left: 100px;
}

.navi_left span.ebene2 {
	margin-left: 120px;
}

.navi_left span.ebene3 {
	margin-left: 140px;
}

.navi_left span.ebene4 {
	margin-left: 150px;
}

.navi_left ul li.news {
	padding: 2px 0;
}

.navi_left span.news {
	font-size: 11px;
	overflow: hidden;
}


/******************** Div TAG classes ********************/

.vhs_bezeichnung {
	float:left;
	margin:40px 0 0 20px;
	overflow:visible;
	position:relative;
	z-index:999;
}

.vhs_bezeichnung h1 {
	font-size: 24px;
	margin: 0; padding: 0;
	margin-bottom: 10px;
}

.top_adresse {
	clear:left;
	float:left;
	padding:0 0 0 20px;
	position:relative;
}

.top_adresse * {
	color: #014991;
}

.top_adresse dl, .top_adresse dd {
	margin: 0; padding: 0;
	margin-left: 1px;
	font-size: 11px;
	color: #5283b4;
}

.top_adresse a {
	font-size: 11px;
}

.themen_symbole {
	float:right;
	height:206px;
	width: 480px;
	margin:-39px 0;
	padding:0;
	position:relative;
}

.themen_symbole ul {
	margin: 0; padding: 0;
	height: 206px;
}

.themen_symbole li {
	float: left;
	height: 206px;
	width: 70px;
	list-style: none;
}

.themen_symbole li a.themen_symbole {
	height: 206px;
	padding: 0 10px;
	text-decoration: none;
	border: 0;
}

.themen_symbole li a:hover {
	background-image: url(bg_themen_symbole.png);
}

.themen_symbole li a.aktiv {
	background-image: url(bg_themen_symbole_aktiv.png);
}

.themen_symbole li img {
	margin: 100px 0 0 0;
	width: 50px;
	border: 0;
}

/******************** Newsbox classes ********************/

.newsitem  * {
	font-size: 12px;
}

.newsitem {
	margin-bottom: 50px;
}

.newsitem img {
	padding: 0px;
	float: right;
	border: none;
	margin-right: 20px;
	width: 150px;
}

.newsitem h2, .news h2 * {
	color: #012D74;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

.newsitem .message_teaser *, .news .message_text * {
	color: #000;
}

.newsitem .links {
	display: inline-block;
}

.newsitem .moreLink {
	float: right;
}

.newsitem .moreLink a {
	color: #012D74;
}

.news {
	clear: both;
	margin: 10px 0 15px 0;
}

.news .message_text img {
	margin: 5px;
}

.news a.moreLink, .news img.moreLink {
	float: right;
	border: 0;
	text-decoration: none;
}

/******************** Multibox classes ********************/

#userbox1 {
	margin: 40px 0 0 5px;
}

#userbox1 .multibox {
	width: 210px;
}


/******************** Kurslegende classes ********************/

#legende {
	clear: both;
	/* padding:10px 0 0 20px; */
}

.legende h3 {
	color: #5c5c5c;
}

.legende * {
	font-size: 10px;
}

.legende dl {
	background-color: #efefef;
	height:50px;
	padding-top:5px;
}

.legende dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.legende dt, .legende dd {
	font-weight: normal;
	float: left;
	margin:0;
	padding:5px 5px;
}

.legende dd {
	width: 135px;
}


/******************** Last-Minute-Kurs classes ********************/

.lastminute {
	width: 225px;
	background-color: #ffb300;
	border: 0;
	margin: 0;
	padding: 0;
}

.lastminute * {
	color: #5c5c5c;
	font-size: 11px;
}

.lastminute_header {
	border: 0;
	padding: 0;
	margin: 0;
	width: 225px;
	height: 49px;
	background-image: url(multibox_header_yellow.png);
}

.lastminute_header h3#headline {
	padding: 15px 0 0 10px;
	color: #5c5c5c;
	font-weight: normal;
	font-family: Verdana,Arial;
	font-size: 14px;
}

.lastminute dl {
	padding: 10px;
	margin: 0;
	background-image: url(multibox_trenner_yellow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.lastminute dt a {
	color: #014991;
	font-weight: bold;
}

.lastminute dd {
	margin: 0; padding: 0;
}

.lastminute dd.moreLink {
	margin: 0 0 0 150px;
}

.lastminute a.moreLink {
	border: 0px;
	text-decoration: none;
}

#weiter {
	margin-left: 5px;
	text-decoration: underline;
	color: #014991;
}

.lastminute a.moreLink img {
	border: 0px;
	position: relative;
	top: 2px;
}

.lastminute_footer {
	width: 225px;
	border: 0;
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #ffb300;
	background-image: url(multibox_footer_yellow.png);
	background-position: bottom;
	background-repeat: no-repeat;
	z-index: 999;
	text-decoration: none;
}

.lastminute_footer  img {
	padding-left: 10px;
}

/******************** Suchformular classes ********************/

div.suchformular {
	border: 1px solid #e0e0e0;
}

.suchformular form {
	padding-bottom: 20px;
}

.suchformular dl {
	clear: both;
	margin: 0;
	padding: 10px;
}

.suchformular dt {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 200px;
	padding-right: 20px;
}

.suchformular dd {
	float: left;
	margin: 0; padding: 0;
}

.suchformular dl.subList {
	margin: 0; padding: 0;
}

.suchformular dl.subList dt {
	width: 120px;
	margin: 0; padding: 0;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}

.suchformular dl.subList dd {
	width: 100px;
	margin: 0; padding: 0;
}

.suchformular dl.subList input {
	width: 80px;
}

/******************** Suchergebnis classes ********************/

div.suchergebnis {
	clear: both;
	padding: 30px 0;
}

.suchergebnis h3 {
	float: left;
	color: #5c5c5c;
}

table.suchergebnis {
	clear: both;
	width: 700px;
}

table.suchergebnis th {
	height: 34px;
	padding: 1px 5px;
	background-color: #e5e6ea;
	background-image: url( tabelle_header.gif );
	background-repeat: repeat-x;
	color: #014991;
	border-color:white;
	border-style:solid;
	border-width:0 1px 0 0;
	vertical-align: middle;
	text-align: left;
}

table.suchergebnis th a, table.suchergebnis th a img {
	color: inherit;
	border: none;
}

table.suchergebnis tr.row0:hover, table.suchergebnis tr.row1:hover {
	background-color: #014991;
}

table.suchergebnis tr.row0:hover * , table.suchergebnis tr.row1:hover * {
	color: #fff;
}

table.suchergebnis tr.row0 {
	background-color: #f1f2f3;
}

table.suchergebnis tr.row1 {
	background-color: #e5e7e9;
}

table.suchergebnis td {
	padding: 5px;
	border-color:white;
	border-style:solid;
	border-width:0 1px 0 0;
	vertical-align: middle;
	color: #5c5c5c;
	/*white-space: pre-line;*/
}

table.suchergebnis td a {
	color: #014991;
}

table.suchergebnis .kursleitung {
	font-style: italic;
	display: block;
}

.suchergebnis dl.pageCounter {
	float: right;
	margin: 10px 0 20px 0;
	display: inline-block;
}

.suchergebnis dl.pageCounter * {
	text-align: center;
	display: inline-block;
	margin: 2px;
}

.suchergebnis dl.pageCounter dt {
	float: left;
	font-weight: bold;
	color: #5c5c5c;
}

.suchergebnis dl.pageCounter dd {
	background-image: url(pager_field.gif);
	background-repeat: no-repeat;
	padding: 0;
	width: 25px;
	height: 16px;
	float: left;
	text-align: center;
}

.suchergebnis dl.pageCounter dd.pager_field_first {
	background-image: url(pager_field_first.gif);
	background-repeat: no-repeat;
}

.suchergebnis dl.pageCounter dd.pager_field_first a {
	color: #5c5c5c;
}

.suchergebnis dl.pageCounter dd a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #014991;
}

.suchergebnis dl.pageCounter dd.aktiv {
	background-image: url(pager_field_active.gif);
	background-repeat: no-repeat;
}

.suchergebnis dl.pageCounter dd.aktiv a {
	color: #fff;
}

.suchergebnis dl.next {
	float:right; 
	text-align:left;
	padding-right:20px;
	padding-top:10px;
}

.suchergebnis dl.previous {
	float:left;
	text-align:left;
	padding-right:20px;
	padding-top:10px;
}


/******************** Kursdetails classes ********************/

.kursdetails .cleaner {
	padding-top: 30px;
}

.kursdetails h1, .kursdetails h2 {
	margin: 1px 0;
	color: #014991;
	font-size: 16px;
}

.kursdetails h3 {
	margin: 1px;
	color: #5c5c5c;
}

.kursdetails form {
	padding-left: 125px;
}

dl.kursdetails {
	display: inline-block;
	color: #303030;
	padding-top: 10px;
}

dl.kursdetails a {
	color: #303030;
}

dl.kursdetails dt {
	clear: both;
	float: left;
	width: 100px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 0;
}

dl.kursdetails dd {
	float:left;
	line-height:18px;
	margin:0 0 0 25px;
	padding:5px 0;
	width:550px;
}

dl.kursdetails ul#kurstage {
	display: none;
	padding: 0;
}

dl.kursdetails ul li {
	list-style-type: decimal-leading-zero;
	list-style-position:inside;
	font-size: 11px;
	line-height: 12px;
}

.kursdetails .kursnavi .kursblaettern {
	float: right; 
	padding: 0; margin: 0;
}

.kursdetails .kursnavi .kursblaettern * {
	color: #014991;
}

.kursdetails .durchgestrichen {
	color:#909090;
}


.breadcrumb * {
	color: #014991;
	padding: 0; margin: 0;
}

.breadcrumb {
	float:left;
	margin: 0 0 20px 5px; padding: 0;
}

.breadcrumb li {
	float:left;
	list-style-image: url(list_square_blue.gif);
	list-style-position:outside;
	list-style-type: none;
	margin: 0 10px;
	padding:0;
}


/******************** Einzelebenen classes ********************/

/*
.einzelebenen .breadcrumb {
	margin: 0;
	padding: 0;
	}

.einzelebenen .breadcrumb * {
	clear: left;
	font-size: 12px;
	margin: 0; padding: 0;
	padding-left: 10px;
	color: #000;
	}

.einzelebenen dl.breadcrumb dt {
	margin: 0; padding: 0;
	padding-bottom: 5px;
	font-weight: bold;
}

.einzelebenen dl.breadcrumb dd {
	padding: 2px 10px;
}
*/

.einzelebenen .ebenentext {
	clear: left;
	margin: 0;
	padding: 30px 0;
	}

.einzelebenen dl.categories {
	clear: both;
	padding: 0 0 10px 0; 
	margin: 0;
	background-color: #edeeee;
	display: inline-block;
	}

.einzelebenen dl.categories dd a {
	color: #014991;
	}

.einzelebenen dl.categories dt {
	background-image: url(tabelle_header.gif);
	background-repeat:repeat-x;
	height:34px;
	font-weight: bold;
	font-size: 14px;
	color: #5c5c5c;
	vertical-align: middle;
	padding: 7px 0 0 20px;
}

.einzelebenen dl.categories dd {
	float: left;
	width: 320px;
	margin: 0;
	padding: 2px 0 2px 20px;
	}

.einzelebenen .kategorie_kurs_anzahl {
	font-style: italic;
	font-size: 9px;
}

.category li.categorylink {
	padding: 2px 0;
}

.category li.categorylink a {
	color: #012D74;
}


/******************** Anmeldeformular classes ********************/

.anmeldung dl {
	clear: both;
	width: 500px;
	margin: 0;
	padding: 3px;
	margin: 0;
}

.anmeldung dl dt {
	font-weight: bold;
	float: left;
	width: 150px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
}

.anmeldung dl dd {
	margin: 0;
	padding: 0;
	float: left;
}

.anmeldung dl dd dl {
	clear: none;
	float: left;
	width: auto;
}

.anmeldung dl.gruppe {
	border: 1px solid #909090;
	padding: 0 0 30px 10px;
	margin: 20px 0;
	display:inline-block;
	width:530px;
}

.anmeldung dt.gruppenTitel {
	position: relative;
	top: -10px;
	background-color: #fff;
	color: #012D74;
}

.anmeldung dl.formfehler {
	padding: 20px;
	display: inline-block;
}

.anmeldung dl.formfehler dt {
	display: inline-block;
	color: #FF0000;
}

.anmeldung dl.formfehler dd {
	display: inline-block;
}

.anmeldung dl.formfehler dd ul {
	display: inline-block;
	padding-left: 0;
	margin-left: 0;
}

.anmeldung #submitButton {
	float: right;
}

/******************** TN-Login classes ********************/

.tn_login dl {
	margin: 0;
	padding: 3px;
	margin: 0;
}

.tn_login dt {
	clear: both;
	float: left;
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding: 5px 10px;
	margin: 0;
}

.tn_login dd {
	margin: 0;
	padding: 5px 10px;
	float: left;
}


/******************** TN-Registrierung classes ********************/

.tn_reg dl {
	margin: 0;
	padding: 3px;
	margin: 0;
}

.tn_reg dt {
	clear: both;
	float: left;
	font-weight: bold;
	width: 150px;
	text-align: right;
	padding: 5px 10px;
	margin: 0;
}

.tn_reg dd {
	margin: 0;
	padding: 5px 10px;
	float: left;
}


/******************** Helper classes ********************/

.tn2kurs table.tn2kurs th {
	background-color: #909090;
	color: white;
	padding: 1px 5px;
}

.tn2kurs table.tn2kurs tr.teilnehmer td {
	background-color: #ebebeb;
}

#agb {
	width: 700px;
}

/******************** Helper classes ********************/

.targetlink {
	background-image:url(weiter_pfeil.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
}

.hidden {
	display:none;
}

.inline{
	display:inline;
}
.block{
	display:block;
}

.buttonLink {border:1px dotted black; font-size:12px; text-decoration:none; color:black; padding:2px 5px; } 
input.error {border: 2px solid red; color:black;}
tr.error {border: 2px solid red; color:black;} 

.ipic {
	margin: 0;
	padding: 0;
	border: 0px;
}

.ipic .caption {
	display: none;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.floatright .ipic {
	margin: 0 0 0 5px;
}

.floatleft .ipic {
	margin: 0 5px 0 0;
}

.fett {
	font-weight: bold;
}

.center {
	text-align: center;
}

.durchgestrichen {
	text-decoration:line-through;
}

.rot {
	color: red;
}

form input, form select, form textarea {
	border:1px solid #909090;
}

form .required {
	border: 1px solid #014991;
}