
html, body, div, p, h1, h2, h3, hr, ul, ol, li, span, a, table, tr, th, td, form, input, select, textarea, img { font: 12px/120% Verdana,Arial,sans-serif; font-style: normal; color: #000000; margin: 0px; padding: 0px; }

/* HTML Elements */

html		{  }
body		{ text-align: center; padding: 0px 0px 20px 0px; background-color: #FFFFFF; }

h1, h1 a	{ font-size: 15px; font-weight: bold; margin: 5px 0px 20px 0px; }
h2, h2 a	{ font-size: 13px; font-weight: bold; margin: 0px 0px 10px 0px; }
h3, h3 a	{ font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; }

p			{ margin-bottom: 10px; }

pre.mail	{ text-align: left; }

a, a:link, a:visited, a:hover	{ color: #990000; text-decoration: underline; }
a img				{ border-style: none; }

img					{ border: 0px; }

table, tr, th, td	{ font-weight: normal; border-collapse: collapse; border-spacing: 0px; vertical-align: top; text-align: left; }

form				{  }
input				{ padding: 1px; }
input.checkbox		{ border: 0px; border-style: none; margin: 0px; padding: 0px; }
input.radio		{ border-width: 0px; background-color: #FFFFFF; }
input.file			{  }
select				{  }
textarea			{ padding: 1px 0px 1px 1px; overflow: auto; }

/* Custom Elements */

a.selected			{ font-weight: bold; }

p.bbcode			{ margin-bottom: 5px; }

#container			{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFFFF; }

#navi					{ margin: 10px 0px 15px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; background-color: #FFFFFF; }
#navi-content			{ width: 100%; height: 75px; background: #FFFFFF url(../images/navi/bw_com_75.jpg) no-repeat top left; }
#navi-content ul		{ list-style: none; clear: both; }
#navi-content ul.first	{ padding-left: 115px; padding-top: 10px; }
#navi-content ul.second	{ padding-left: 115px; }
#navi-content ul.third	{ float: right; }
#navi-content ul li		{ list-style: none; float: left; display: inline; }
#navi-content ul li a		{ color: #000000; text-decoration: none; }
#navi-content ul li a:hover		{ color: #990000; }
#navi-content ul li a.selected	{ color: #000000; text-decoration: underline; font-weight: normal; }
#navi-content ul.first li		{ padding: 0px 0px 10px 15px; }
#navi-content ul.second li		{ padding: 0px 0px 0px 15px; }
#navi-content ul.second li, #navi-content ul.second li a	{ font-size: 11px; color: #999999; }
#navi-content ul.third li 		{ padding: 6px 0px 6px 15px; }
#navi-content ul.third li.button 	{ margin-left: 15px; padding: 6px 10px 6px 10px; background-color: #EEEEEE; }

#navi-bottom			{ margin: 25px 0px 0px 0px; border-top: 1px solid #EEEEEE; background-color: #FFFFFF; }
#navi-bottom-content	{ width: 100%; background-color: #FFFFFF; }
#navi-bottom-content ul			{ list-style: none; padding: 10px 0px 0px 0px; }
#navi-bottom-content ul li		{ list-style: none; padding: 0px 0px 0px 15px; float: left; display: inline; }
#navi-bottom-content ul li a			{ color: #999999; text-decoration: none; }
#navi-bottom-content ul li a:hover		{ color: #990000; }
#navi-bottom-content ul li a.selected	{ color: #000000; text-decoration: underline; font-weight: normal; }
#navi-bottom-content ul li, #navi-bottom-content ul li a	{ font-size: 11px; }

#content			{ width: 100%; background-color: #FFFFFF; }

#form				{  }
#form input		{  }
#form input.s		{ width: 400px; }
#form input.se		{ width: 400px; background-color: #FFBFBF; }
#form input.checkbox	{ margin: 0px 5px 0px 0px; }
#form input.submit	{ margin: 0px; padding: 1px 5px 1px 5px; }
#form input[type="checkbox"] { margin-top: 4px; }
#form select.s		{  }
#form select.se	{ background-color: #FFBFBF; }
#form textarea		{ width: 400px; }
#form textarea.s	{  }
#form textarea.se	{ background-color: #FFBFBF; }
#form th			{  }
#form td			{  }

#liste table		{ width: 100%; text-align: center; margin-bottom: 10px; }
#liste th			{ background-color: #DDDDDD; padding: 5px; }
#liste th.aktion	{ text-align: center; }
#liste td.aktion	{ text-align: left; border-left: 1px solid #DDDDDD; }
#liste td			{ padding: 5px; }
#liste a			{ text-decoration: underline; }
#liste .odd			{ background-color: #F0F0F0; }
#liste .even		{ background-color: #F9F9F9; }

#data th, #data td	{ padding: 5px; }
#data th			{ padding-top: 8px; }
#data td			{  }
#data td span.text	{ margin-top: 3px; display: block; }
#data select		{ width: 200px; }

div.index-news		{ margin: 10px 10px 25px 0px; }

div.kurs-info			{ margin: 10px 10px 25px 0px; }
div.kurs-info ul 		{ margin: 10px 0px 10px 20px; }
div.kurs-info ul li	{ padding: 2px; }

div.kurs-info-zusatz		{ margin: 0px 10px 20px 0px; }
div.kurs-info-zusatz ul 	{ margin: 10px 0px 10px 20px; }
div.kurs-info-zusatz ul li	{ padding: 2px; }

div.teilnehmer-info		{ margin: 10px 10px 25px 0px; }
div.teilnehmer-info		{  }
div.teilnehmer-info ul 	{  }
div.teilnehmer-info ul li	{ list-style: none; padding: 2px; }

div.dokumente-info		{ margin: 10px 10px 25px 0px; }
div.dokumente-info		{  }
div.dokumente-info ul.lev1 	{  }
div.dokumente-info ul.lev1 li	{ list-style: none; padding: 2px; margin: 0px 0px 5px 0px; }
div.dokumente-info ul.lev2 	{  }
div.dokumente-info ul.lev2 li	{ list-style: none; padding: 2px; margin: 0px 0px 0px 10px; }

div.kontakt-info		{ margin: 10px 10px 25px 0px; }

div.meine-bilder-info	{ margin: 0px 10px 25px 0px; }

div.ordner-info			{ margin: 10px 10px 25px 0px; }
div.ordner-info ul 	{  }
div.ordner-info ul li	{ list-style: none; padding: 2px; }

#kurs-bilder			{  }
div.kurs-bild			{ width: 140px; margin: 5px; }
div.kurs-bild table	{ width: 140px; background-color: #FFFFFF; }
div.kurs-bild td.bild		{ height: 130px; vertical-align: middle; }
div.kurs-bild td.text		{ font-size: 10px; padding: 0px 0px 0px 3px; }
div.kurs-bild td.text a	{ font-size: 10px; }
div.kurs-bild td.text a.changed	{ font-weight: bold; }

div.home-bild			{ margin: 5px; }
div.home-bild table	{ background-color: #FFFFFF; }
div.home-bild td.bild		{  }
div.home-bild td.text		{ padding: 0px 5px 0px 3px; }

div.home-kurse			{ margin: 30px 8px 8px 8px; }

#kurs-bilder-index		{ margin: 10px 2px 5px 2px; }
#kurs-bilder-index td		{ font-size: 11px; padding: 3px; }
#kurs-bilder-index td a	{ font-size: 11px; padding: 0px; text-decoration: none; }

#teilnehmer-index		{ margin: 10px 2px 5px 2px; }
#teilnehmer-index td		{ font-size: 11px; padding: 3px; }
#teilnehmer-index td a		{ font-size: 11px; padding: 0px; text-decoration: none; }

div.img-shadow		{ float: left; background: url(../images/img_shadow.gif) no-repeat bottom right; margin: 2px 0px 0px 4px !important; margin: 2px 0px 0px 2px; }
div.img-shadow img	{ display: block; position: relative; background-color: #FFFFFF; border: 1px solid #999999; margin: -6px 4px 6px -4px; padding: 2px; } 
div.img-shadow img.changed	{ background-color: #990000; } 

div.hilfe-auswahl		{ margin: 10px 250px 35px 0px; }
div.hilfe-auswahl ul 		{ margin: 0px 0px 0px 20px; }
div.hilfe-auswahl ul li	{ padding: 2px; }
div.hilfe-info	{ margin: 10px 250px 25px 0px; }
div.hilfe-info ul 	{ margin: 0px 0px 15px 25px; }
div.hilfe-info ul li	{ padding: 2px; }
div.hilfe-info ol 	{ margin: 0px 0px 15px 25px; }
div.hilfe-info ol li	{ padding: 2px; }
div.hilfe-info h3	{ margin: 20px 0px 10px 0px; }
div.img-container	{ width: 100%; height: 100%; overflow: hidden; padding-top: 5px; margin-bottom: 10px; }

span.termin-verfuegbar	{  }
span.termin-angemeldet	{ color: #009900; }

p.error		{ font-weight: bold; color: #990000; }
p.msg		{ font-weight: bold; color: #990000; }
p.status	{ font-weight: bold; }
p.user-online-statistic	{ font-size: 11px; }
hr			{ color: #DDDDDD; background-color: #DDDDDD; }

img.profil		{ display: block; margin-bottom: 10px; }
img.profil-p	{ display: block; }

#registrieren-data		{  }
#registrieren-data input.s		{ width: 300px; }
#registrieren-data input.se	{ width: 300px; }

#login-data				{  }
#login-data input.s	{ width: 300px; }
#login-data input.se	{ width: 300px; }

#kontakt-data		{  }
#kontakt-data input.s		{ width: 300px; }
#kontakt-data input.se		{ width: 300px; }
#kontakt-data td.recipient p	{ margin-top: 10px; width: 400px; background-color: #FFFFFF; }

#profil				{ width: 100%; }
#profil td.left		{ width: 40%; padding-right: 20px; }
#profil td.right	{ width: 60%; border-left: 4px solid #DDDDDD; padding-left: 20px; }
#profil td.right table.kurse-info		{ margin: 10px 10px 20px 0px; }
#profil td.right table.kurse-info td	{ padding: 2px 20px 2px 0px; }
#profil td.right table.kurse-info td p	{ margin-bottom: 2px; }
#profil td.right table.kurse-info-sub	{ margin: 0px; }
#profil td.right table.kurse-info-sub th	{ font-size: 11px; padding: 1px 5px 0px 0px; }
#profil td.right table.kurse-info-sub td	{ font-size: 11px; padding: 1px 0px 0px 0px; }

#profil-bearbeiten-data	{  }
#profil-bearbeiten-data input.file { width: 280px; }
#profil-bearbeiten-data th		{  }
#profil-bearbeiten-data th.bild		{  }
#profil-bearbeiten-data th.avatar	{  }
#profil-bearbeiten-data th.text		{  }
#profil-bearbeiten-data th.homepage	{  }
#profil-bearbeiten-data th.online	{  }
#profil-bearbeiten-data th.mail		{  }
#profil-bearbeiten-data th.submit	{  }
#profil-bearbeiten-data td		{  }
#profil-bearbeiten-data td.bild		{  }
#profil-bearbeiten-data td.bild	 img	{ display: block; float: left; margin-right: 20px; }
#profil-bearbeiten-data td.bild	 input.file	{ margin-bottom: 5px; }
#profil-bearbeiten-data td.avatar	{  }
#profil-bearbeiten-data td.avatar img	{ display: block; float: left; margin-right: 20px; }
#profil-bearbeiten-data td.text		{  }
#profil-bearbeiten-data td.homepage	{  }
#profil-bearbeiten-data td.online	{  }
#profil-bearbeiten-data td.mail		{  }
#profil-bearbeiten-data td.submit	{  }

#kurs-liste	{  }
#kurs-liste th.anmelden	{ text-align: center; }
#kurs-liste td.name		{ width: 65%; border-bottom: 2px solid #DDDDDD; }
#kurs-liste td.preis	{ width: 11%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#kurs-liste td.termin	{ width: 11%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#kurs-liste td.anmelden	{ width: 13%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: center; }

#index			{ width: 100%; }
#index td.left	{ width: 50%; padding-right: 20px; }
#index td.right	{ width: 50%; border-left: 4px solid #DDDDDD; padding-left: 10px; }

#kurse-aktuell		{  }
#kurse-aktuell ul		{ margin: 10px 0px 10px 20px; }
#kurse-aktuell ul li	{ padding: 2px; }

#kurs-info		{ margin: 0px 0px 10px 0px; }
#kurs-info th	{ padding: 2px; padding-right: 10px; }
#kurs-info td	{ padding: 2px; padding-right: 100px; }
#kurs-info div.kurs-info	{ margin: 0px 10px 15px 0px; }

#klassenzimmer			{ width: 100%; }
#klassenzimmer td.left	{ width: 40%; padding-right: 20px; }
#klassenzimmer td.right	{ width: 60%; border-left: 4px solid #DDDDDD; padding-left: 10px; }

#meine-bilder			{ width: 100%; }
#meine-bilder td.left	{ width: 40%; padding-right: 20px; }
#meine-bilder td.right	{ width: 60%; border-left: 4px solid #DDDDDD; padding-left: 10px; }

#anmeldung			{ width: 100%; }
#anmeldung-data		{  }
#anmeldung-data input.s	{ width: 300px; }
#anmeldung-data input.se	{ width: 300px; }
#anmeldung-data input.radio	{ border: 0px; border-width: 0px; vertical-align: middle; margin-right: 5px; }
#anmeldung-kurs-info	{ margin-bottom: 20px; }
#anmeldung-kurs-info th	{ padding: 2px; padding-right: 10px; }
#anmeldung-kurs-info td	{ padding: 2px; }
#anmeldung-kurs-termin	{ margin-bottom: 20px; }
#anmeldung-kurs-termin th	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-termin td	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-coaching	{ margin-bottom: 20px; }
#anmeldung-kurs-coaching th	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-coaching td	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-daten	{ margin-bottom: 20px; }
#anmeldung-kurs-anmerkung	{ margin-bottom: 20px; }
#anmeldung-kurs-anmerkung textarea	{ width: 300px; }
#anmeldung-kurs-agb	{ margin-bottom: 20px; }
#anmeldung-kurs-agb th	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-agb td	{ padding: 2px; vertical-align: middle; }
#anmeldung-kurs-submit	{  }

#bild-upload-data	{  }
#bild-upload-data th	{ width: 30%; }
#bild-upload-data td	{ width: 70%; }
#bild-upload-data td.bild input.s	{ width: 400px; }
#bild-upload-data td.bild input.se	{ width: 400px; background-color: #FFBFBF; }

#bild		{ width: 100%; }
#bild-sub		{ width: 100%; margin: 5px 0px 30px 0px; }
#bild-sub td.left	{ width: 80%; padding-right: 40px; }
#bild-sub td.right	{ width: 20%; }
#bild-info	{  }
#bild-info th	{ padding: 2px; padding-right: 10px; }
#bild-info td	{ padding: 2px; }
#bild-aendern	{ width: 100%; }
#bild-aendern td	{ padding: 2px; text-align: right; }
#bild-edit-data	{  }
#bild a.navi	{ font-size: 14px; font-weight: bold; padding: 5px; text-decoration: none; }

#teilnehmer	{ width: 100%; }

#teilnehmer-liste-gast	{ width: 100%; }
#teilnehmer-liste-gast th			{ background-color: #DDDDDD; padding: 5px; }
#teilnehmer-liste-gast th.bild		{ width: 10%; border-left: 1px solid #DDDDDD; text-align: center; }
#teilnehmer-liste-gast th.name		{ width: 35%; border-left: 1px solid #DDDDDD; }
#teilnehmer-liste-gast th.status	{ width: 5%; border-left: 1px solid #DDDDDD; text-align: center; }
#teilnehmer-liste-gast	{ width: 100%; }
#teilnehmer-liste-gast td			{ padding: 5px; }
#teilnehmer-liste-gast td.bild		{ width: 10%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: left; }
#teilnehmer-liste-gast td.name		{ width: 35%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#teilnehmer-liste-gast td.status	{ width: 5%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: center; }
#teilnehmer-liste-gast td.name p	{ font-size: 11px; margin-top: 8px; }

#teilnehmer-liste-registriert	{ width: 100%; }
#teilnehmer-liste-registriert td.bild		{ width: 10%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: left; }
#teilnehmer-liste-registriert td.name		{ width: 20%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#teilnehmer-liste-registriert td.text		{ width: 52%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#teilnehmer-liste-registriert th.status		{ text-align: center; }
#teilnehmer-liste-registriert td.status		{ width: 8%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: center; }
#teilnehmer-liste-registriert td.nachricht	{ width: 10%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }

#kommentare	{ width: 100%; margin-bottom: 20px; }
#kommentare th	{ padding: 5px 0px 5px 0px; border-top: 1px solid #DDDDDD; }
#kommentare th.first	{  }
#kommentare td	{ padding: 5px 0px 20px 20px; }
#kommentare td.first	{  }
#kommentare #data th, #kommentare #data td	{ border: 0px; }
#kommentar-new-data		{  }
#kommentar-new-data td	{ padding: 5px 0px 5px 20px; }
#kommentar-edit-data	{  }
#kommentar-edit-data td	{ padding: 5px 0px 5px 0px; }
#kommentar-new-data textarea, #kommentar-edit-data textarea	{ width: 450px; }
#kommentar-new-data td.recipient select	{ width: 300px; }
#kommentar-new-data td.recipient p	{ margin-top: 10px; width: 300px; background-color: #FFFFFF; }

#nachrichten-blockieren	{ width: 100%; }
#nachrichten-blockieren-status td.bild		{ width: 12%; border-left: 2px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: center; }
#nachrichten-blockieren-status td.name		{ width: 15%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; }
#nachrichten-blockieren-status td.blockieren	{ width: 6%; border-left: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD; text-align: center; }
#nachrichten-blockieren-status td.name span.profiltext	{ font-size: 11px; }
#nachrichten-blockieren-status td.submit	{ text-align: right; }
