body {
	margin:0 auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111;
	
	/*
	anpassen:
	background-color:#0067B0;
	*/
	background-image: url('images_design/body.jpg');

}

.a-green {
	text-align:center;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #360;
	font-weight: bold;
	text-decoration:none;
}

.a-green a {
	font-family: Arial, Helvetica, sans-serif;
	color: #360;
	font-weight: bold;
	text-decoration:none;
}

.a-center {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
}

.a-blue {
	text-align:center;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #006;
	font-weight: bold;
	text-decoration:none;
}

.a-blue a {
	font-family: Arial, Helvetica, sans-serif;
	color: #006;
	font-weight: bold;
	text-decoration:none;
}


img {
	border:0;
}

p {
	margin:0;
	padding:0;
}

table,tr,td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

.v-link {
	text-decoration:underline;
	color:#333;
}

.v-info {
	width:530px;
	
}

.v-info-links {
	float:left;
	width:150px;
	font-weight:bold;
}



.v-info-rechts {
	float:left;
	width:370px;
}



.ueber-seite {
	margin-top:1px;
}

.seite {
	margin:0 auto;
	padding:0;
	width:950px;
	margin-bottom:10px;
	
	/*
	anpassen:
	border:2px solid #336E96;
	*/
	border:2px solid #00406E;
	
}

.kopf {
	width:950px;
	background-image:url('images_design/kopf_webseite.jpg');
	
	/*
	anpassen:
	height:181px;
	*/
	height:153px;
}

.kopf-links {
	float:left;
	padding-top:10px;
	padding-left:10px;
	width:530px;
}

.kopf-rechts {
	float:right;
	padding-top:10px;
	padding-right:10px;
	width:400px;
	text-align:right;
}

.h1header {
	font-weight:normal;
	color:#FF0000;
	
	/*
	anpassen:
	font-size:14pt;
	*/
	font-size:14pt;
}

.inhalt {
	width:930px;
	padding:20px 10px 20px 10px;
	/*
	anpassen:
	background-color:#FFF;
	*/
	background-color:#FFE8B0;
}


.inhalt a {
	color:#111;
}

.menue {
	width:100%;
}

.menue-left {
	float:left;
	width:80%;
}

.menue-right {
	float:left;
	width:20%;
	text-align:right;
}

.a-teilnehmer-green {
	color:green;
	font-weight:bold;
	text-decoration:underline;
}

.a-teilnehmer-darkblue {
	color:darkblue;
	font-weight:bold;
	text-decoration:underline;
}

.h11 {
	font-size:10pt;
	font-weight:bold;
	color:#111;
	margin-bottom:10px;
}

.h12 {
	font-size:10pt;
	font-weight:bold;
	color:#F00;
	margin-bottom:10px;
}

/* Formulare */
.form-gesamt {
	width:900px;
}

.form-element {
	width:900px;
	margin-bottom:5px;
}

.form-links {
	float:left;
	font-weight:bold;
	width:220px;
}

.form-rechts {
	float:left;
	width:680px;
}

.form-input {
	width:250px;
	border:1px solid #AAA;
	background-color:#FFF;
}

.form-input-kurz {
	width:80px;
	border:1px solid #AAA;
	background-color:#FFF;
}

.form-input-ganz-kurz {
	width:45px;
	border:1px solid #AAA;
	background-color:#FFF;
}

.form-area {
	border:1px solid #AAA;
	background-color:#FFF;
	width:250px;
	height:250px;
}

.form-area-klein {
	border:1px solid #AAA;
	background-color:#FFF;
	width:250px;
	height:100px;
}

.form-button {
	border:1px solid #AAA;
	background-color:#DDD;
}

.form-file {
	border:1px solid #AAA;
	background-color:#FFF;
}

.form-select {
	font-size:12px;
	border:1px solid #CCC;
}

.form-button-klein {
	border:1px solid #AAA;
	background-color:#DDD;
	width:50px;
}

.form-button-laenger {
	border:1px solid #AAA;
	background-color:#DDD;
	width:100px;
}

.form-button-lang {
	width:200px;
	border: 1px solid #AAA;
	background-color:#DDD;
}

.form-button-sehr-lang {
	width:250px;
	border: 1px solid #AAA;
	background-color:#DDD;
}

.form-button-lang-rot {
	width:200px;
	border: 1px solid #F00;
	background-color:#DDD;
}


/* Administration der Daten */

.admin-gesamt {
	width:930px;
}

.admin-gesamt a {
	text-decoration:none;
}


.admin-daten-active {
	float:left;
	width:100px;
	height:20px;
	padding-left:3px;
	background-color:#FF0;
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
}

.admin-daten-inactive {
	float:left;
	width:100px;
	height:20px;
	padding-left:3px;
	background-color:#DDD;
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
}


.admin-bearbeiten-active {
	float:left;
	width:100px;
	height:20px;
	padding-left:3px;
	background-color:#FF0;
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
}

.admin-bearbeiten-inactive {
	float:left;
	width:100px;
	height:20px;
	padding-left:3px;
	background-color:#DDD;
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
}

.admin-content {
	width:915px;
	border:1px solid #AAA;
	padding:15px 0px 15px 15px;
	/*
	anpassen:
	background-color:#FFF;
	*/
	background-color:#F5EDC9;
	
}

.admin-neu {
	width:700px;
}

.warenkorb-button {
	width:930px;
	margin-bottom:10px;
}
.warenkorb-button-1 {
	float:left;
	width:465px;
	text-align:center;
}
.warenkorb-button-2 {
	float:left;
	width:460px;
	text-align:center;
}

.warenkorb-button-delete {
	width:20px;
	border:1px solid #F00;
	color:#F00;
}

.warenkorb-kopf
{
	width:926px;
	font-weight:bold;
	background-color:#6362A8;
	color:#FFF;
	margin-top:4px;
	padding:2px;
}

.warenkorb-detail-hell
{
	width:926px;
	font-weight:normal;
	background-color:#EEE;
	padding:2px;
	border-bottom:1px solid #CCC;
}

.warenkorb-detail-dunkel
{
	width:926px;
	font-weight:normal;
	background-color:#DDD;
	padding:2px;
	border-bottom:1px solid #CCC;
}

.warenkorb-spalte-1
{
	float:left;
	width:40px;
	
}

.warenkorb-spalte-2
{
	float:left;
	width:766px;
}

.warenkorb-spalte-3
{
	float:left;
	width:80px;
}

.warenkorb-spalte-4
{
	float:left;
	width:40px;
}


/* Suche */
.suche-gesamt {
	width:900px;
	margin-bottom:15px;
}

.suche-buchstabe {
	float:left;
	width:32px;
	text-align:center;
}

.suche-links {
	float:left;
	width:60px;
	
}

.suche-rechts {
	float:left;
	width:850px;
}

.suche-input {
	border:1px solid #AAA;
	background-color:#FFF;
}

.suche-input-lang {
	border:1px solid #AAA;
	background-color:#FFF;
	width:240px;
}

.suche-button {
	border:1px solid #AAA;
	background-color:#DDD;
}

.select-klein {
	font-size:10px;
	border:1px solid #CCC;
}

.select-gross {
	font-size:12px;
	border:1px solid #CCC;
}

/* Ende Admin Bereich */


/* Login-Seite: */

.login-gesamt {
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	
}

.login-abstand {
	width:300px;
	margin-top:5px;
}

.login-links {
	float:left;
	width:30%;
}

.login-rechts {
	float:left;
	width:60%;
	padding-left:10%;
}

.login-input {
	border:1px solid #333;
}

.login-button {
	border:1px solid #333;
}

.button-buchen {
	border:1px solid #333;
}


/* Tabellen (Daten) */
.tabelle-gesamt {
	background-color:#369;
	width:900px;
	padding:2px 0px 2px 0px;
	color:#FFF;
	font-weight:bold;
}



.tabelle-spalte5-detail {
	float:left;
	color:#333;
	width:5%;
}



.tabelle-spalte25-detail {
	float:left;
	color:#333;
	width:25%;
}



.tabelle-spalte35-detail {
	float:left;
	color:#333;
	width:35%;
}


.tabelle-spalte5-kopf {
	float:left;
	width:5%;
}


.tabelle-spalte25-kopf {
	float:left;
	width:25%;
}


.tabelle-spalte35-kopf {
	float:left;
	width:35%;
}

.tabelle-gesamt a {
	color:#FFF;
	font-weight:bold;
}

.tabelle-gesamt-detail-hell {
	background-color:#EEE;
	width:900px;
	border-bottom:1px solid #CCC;
}

.tabelle-gesamt-detail-dunkel {
	background-color:#DDD;
	width:900px;
	border-bottom:1px solid #CCC;
}

.tabelle-spalte8-kopf {
	float:left;
	width:8%;
}

.tabelle-spalte10-kopf {
	float:left;
	width:10%;
	
}

.tabelle-spalte15-kopf {
	float:left;
	width:15%;
}



.tabelle-spalte15-detail {
	float:left;
	color:#333;
	width:15%;
}

.tabelle-spalte20-kopf {
	float:left;
	width:20%;
}

.tabelle-spalte30-kopf {
	float:left;
	width:30%;
}

.tabelle-spalte40-kopf {
	float:left;
	width:40%;
}

.tabelle-spalte50-kopf {
	float:left;
	width:50%;
}

.tabelle-spalte60-kopf {
	float:left;
	width:60%;
}

.tabelle-spalte90-kopf {
	float:left;
	width:90%;
}

.tabelle-spalte8-detail {
	float:left;
	color:#333;
	width:8%;
}

.tabelle-spalte10-detail {
	float:left;
	color:#333;
	width:10%;
}

.tabelle-spalte30-detail {
	float:left;
	color:#333;
	width:30%;
}

.tabelle-spalte20-detail {
	float:left;
	color:#333;
	width:20%;
}

.tabelle-spalte40-detail {
	float:left;
	color:#333;
	width:40%;
}

.tabelle-spalte50-detail {
	float:left;
	color:#333;
	width:50%;
}

.tabelle-spalte60-detail {
	float:left;
	width:60%;
	color:#333;
}

.tabelle-spalte90-detail {
	float:left;
	width:90%;
	color:#333;
}

.tabelle-spalte100-detail {
	float:left;
	width:100%;
	color:#333;
}

.suchbereich {
	width:930px;
	margin-bottom:15px;
}
.suchbereich-links {
	float:left;
	width:85px;
	font-weight:bold;
}
.suchbereich-rechts {
	float:left;
	width:225px;
}


.v-kopf {
	width:926px;
	background-color:#1C1B78;
	padding:2px;
	color:#FFF;
	font-weight:bold;
}

.v-detail-hell {
	width:926px;
	background-color:#EEE;
	padding:2px;
	color:#222;
	border-bottom:1px solid #CCC;
}

.v-detail-dunkel {
	width:926px;
	background-color:#DDD;
	padding:2px;
	color:#222;
	border-bottom:1px solid #CCC;
}

.v-detail-kurs {
	width:926px;
	background-color:#D4F2D9;
	padding:2px;
	color:#222;
	border-bottom:1px solid #CCC;
}

.v-spalte-1 {
	float:left;
	width:130px;
}

.v-spalte-2 {
	float:left;
	width:390px;
}

.v-spalte-25 {
	float:left;
	width:36px;
	text-align:center;
}


.v-spalte-3 {
	float:left;
	width:74px;
	text-align:center;
}

.v-spalte-3-ohne-admin {
	float:left;
	width:370px;
	text-align:center;
}


.v-spalte-4 {
	float:left;
	width:74px;
	text-align:center;
}


.v-detail-alter {
	width:926px;
	background-color:#FF9;
	padding:2px;
	color:#222;
	border-bottom:1px solid #CCC;
}

.form-button-sehr-lang-rot {
	width:250px;
	border: 1px solid #F00;
	background-color:#DDD;
}

.form-button-sehr-lang-gruen {
	width:250px;
	border: 1px solid #090;
	background-color:#DDD;
}


.warenkorb-detail-kurs
{
	width:926px;
	font-weight:normal;
	background-color:#D4F2D9;
	padding:2px;
	border-bottom:1px solid #CCC;
}



/* Menue */
#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#E2EBED;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #E2EBED;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		border:1px solid #000;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}