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

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

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

body.print {
	background: none;
}

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

h2 {
	font-size: 14px;
	color: #1b4e93;
}

#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; ORG WIDTH */
	width: 1000px;
}

#left {
	/* width: 342px; ORG WIDTH */
	width: 277px;
	float: left;
	margin: 0;
	padding: 0;
}

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

#spacer {
	height: 40px;
	background: #1B4E93
	background-image: url('bg_main_top.jpg');
	background-repeat: repeat-x;
	background-position: left 1px;
	background-attachment: scroll;
}

#logo {
	margin: 0;
	padding: 0;
	height: 150px;
}

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

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

#meta a:hover{
	color: #000000;
}

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

#tag {
	height: 150px;
}

#content {
	background-color: #fff;
}

#logo img.logo {
	/* margin: 40px 0 0 100px; ORG MARGIN */
	margin: 10px 10px 10px 45px;
	text-align: center;
}

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

.metanav  {
	padding: 10px 0 0 30px;	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;
}

#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.kursdetails {
	width: 700px;
}

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

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

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

#article .article_item h2 {
	color: #1b4e93;
}

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

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

#article .article_spacer {
	display: none;
}

#article table.suchergebnis {
	clear: both;
}

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

.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; ORG WIDTH */
	width: 277px;
	display: block;
}

.navi_left ul li.link {
	margin: 2px 0 1px 0;
	padding: 7px 0;
	/* width: 342px; ORG WIDTH */
	width: 190px;
	display: block;
	background: url(trenner.png) repeat-x scroll center bottom;
}

.navi_left ul li.aktiv {

}

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

.navi_left ul li.link a {
	color: #000000;
	text-decoration: none;
	/* width: 342px; ORG WIDTH */
	width: 100%;
	display: block;
	padding:5px;
}

.navi_left ul li.link a:hover {
	background-color: #1b4e93;
	color: #FFFFFF;
}

.navi_left span {
	display: block;
}

.navi_left span.ebene1 {
	/* margin-left: 100px; ORG MARGIN */
	margin-left: 10px;
}

.navi_left span.ebene2 {
	/* margin-left: 120px; ORG MARGIN */
	margin-left: 25px;
	font-size: 8pt;
}

.navi_left span.ebene3 {
	/* margin-left: 140px; ORG MARGIN */
	margin-left: 60px;
}

.navi_left span.ebene4 {
	/* margin-left: 150px; ORG MARGIN */
	margin-left: 80px;
}

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

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


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

.top_adresse {
	float: left;
	margin: 10px 0 0 30px;
}

.top_adresse * {
	color: #1b4e93;
}

.top_adresse h1 {
	font-size: 36px;
	margin: 0; padding: 0;
	margin-bottom: 10px;
}

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

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

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

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

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

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

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

.themen_symbole li img {
	margin: 72px 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;
}

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

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

.newsitem .moreLink {
	float: right;
}

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


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

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

#userbox1 .multibox {
	width: 210px;
}


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

.legende {
	float: right;
}

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

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

.legende li {
	font-weight: normal;
	list-style: none;	
}


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

.lastminute {
	float: right;
	width: 220px;
	background-color: #eeeeee;
	margin: 5px;
}

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

.lastminute 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;
}

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

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

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

.lastminute dd.moreLink {
	color: #024a91;
	margin: 0 0 0 150px;
}


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

table.suchergebnis * {
	text-decoration: none;
	color: #000;
}

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

table.suchergebnis th, table.suchergebnis th a {
	padding: 3px;
	background-color: #1b4e93;
	color: #fff;
}

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

table.suchergebnis td {
	padding: 1px 5px;
	margin: 0;
	vertical-align: top;
}

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

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

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

.suchergebnis dl.pageCounter dt {
	float: left;
}

.suchergebnis dl.pageCounter dd {
	border: 1px solid #909090;
	background-color: #fff;
	padding: 0 2px;
	width: 15px;
	float: left;
}

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

.suchergebnis dl.pageCounter dd.aktiv {
	background-color: #ebebeb;
}

.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 h2 {
	text-align: center;
}

.kursdetails form {
	float: right;
}

dl.kursdetails {
	display: inline-block;
	color: #303030;
}

dl.kursdetails * {
	color: #303030;
}

dl.kursdetails dt {
	clear: both;
	float: left;
	width: 150px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px;
	text-align: right;
}

dl.kursdetails dd {
	float: left;
	width: 450px;
	line-height: 18px;
	padding: 5px;
}

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

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


/******************** 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: 20px 0 0 0; margin: 0;
	}

.einzelebenen dd.categorylink a {
	color: #000;
	}

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

.einzelebenen dd.categorylink {
	float: left;
	width: 300px;
	margin: 0;
	padding: 2px 0 2px 30px;
	}

.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;
}

.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;
}


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

.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;}