/* * * * * * * * * * * * * * * * * Farb-Definitionen * * * * * * * * * * * * * * * * */

/* Rot (100%)				=	# 820000 */
/* Rot (80%)				=	# B05D5D */
/* Rot (20%)				=	# E6CCCC */

/* Neues Orange */
/* Orange (100%)			=	# F07007 */
/* Orange (80%)				=	# F38D39 */
/* Orange (60%)				=	# F6A96A */

/* Neues Eisblau			= 	# 007F7C */

/* Grau (100%)				=	# 000000 */
/* Grau (80%)				=	# 333333 */
/* Grau (50%)				=	# 868789 */
/* Grau (35%)				=	# ABACAD */
/* Grau (25%)				=	# C2C3C4 */
/* Grau (10%)				=	# E6E7E7 */

/* Orange (100%)			=	# E45531 */



/* ALLGEMEINE FORMATIERUNGEN */

html						{	margin:0px; padding:0px; }

body						{	margin:0px; padding:0px; 
								width:960px;
								font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;
								font-size:80%;
								line-height:1.3em;
								color:#333;
								}

table 						{	font-size:100%; line-height:1.3em; }

a, p, h1,
h2, h3, h4, h5, h6,
#kopf ul, #kopf li, 
#trailer ul, #trailer li	{	margin-top:0px; margin-bottom:0.5em; padding:0px; }

h1, h2, h3, h4, h5, h6		{	font-family: Helvetica, Arial, sans-serif; font-weight:600; color:#F38D39; line-height:1.2em; }
h1, h2, h3					{	text-transform: uppercase;  }
.grau						{	color:#333333; }


h1							{	font-size:2.0em; }
h2							{	font-size:1.8em; }
h3							{	font-size:1.6em; }
h4							{	font-size:1.4em; }
h5							{	font-size:1.2em; }
h6							{	font-size:1.0em; }

p 							{	 }

.rechts h1, .links h1		{	font-size:1.6em; }
.rechts h2, .links h2		{	font-size:1.4em; }
.rechts h3, .links h3		{	font-size:1.2em; }
.rechts h4, .links h4		{	font-size:1.1em; }
.rechts h5, .links h5		{	font-size:1.0em; }
.rechts h6, .links h6		{	font-size:0.9em; }

a							{	color:#F07007; text-decoration:none; }
a:hover						{	text-decoration:underline; }

img							{	border:0px; }

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

input						{	height:17px; }

hr 							{	border:0; height:1px; background-color:#EEE; margin:20px; }




/* * * * * * *  * * SEITENAUFTEILUNG * * * * * *  * * */

/* Kopfbereich ---------------------------------------------------------- */

#kopf						{	position:relative;
								top:0px; left:0px;
								width:960px;
								height:110px;
								list-style:none;
								}

.header_print				{	position:absolute;
								top:0px; left:0px;
								width:700px;
								height:110px;
								display:none; }

.logo						{	position:absolute;
								top:0px; left:0px;
								width:205px;
								height:110px; }

.meta_navigation			{	position:absolute;
								top:0px; left:205px;
								width:565px;
								height:40px; }

.suche						{	position:absolute;
								top:0px; left:770px;
								width:190px;
								height:40px; }

.anlagen_auswahl			{	position:absolute;
								top:40px; left:205px;
								width:565px;
								height:25px; }

.haupt_navigation			{	position:absolute;
								top:65px; left:205px;
								width:565px;
								height:45px; } 
								* html .haupt_navigation {
								left:230px; }

.info						{	position:absolute;
								top:40px; left:770px;
								width:190px;
								height:70px;
								line-height:90%; }


/* Trailer -------------------------------------------------------------- */

#trailer					{	position:relative;
								top:0px; left:0px;
								/* background-color:#f07007; */
								/* border-bottom:2px solid #F07007; */
								overflow:hidden;
								color:#FFF;
								list-style:none;
								margin-bottom:8px;
								}

.trailer_260				{	width:960px;
								height:260px;
								overflow:hidden; }

.trailer_150				{	width:960px;
								height:150px;
								overflow:hidden; }




	/* AKTION (grosser Bereich) */

.aktion						{	position:absolute;
								width:756px;
								overflow:hidden;
								background:#007F7C;
								top:0px; left:10px;
								overflow:hidden; }

.trailer_150 .aktion		{	height:150px; margin:0 !important; }

.trailer_260 .aktion		{	height:260px; }





	/* SPECIAL (kleiner Bereich) */

.special					{	position:absolute;
								top:0px; right:0px;
								background:#F07007 url('../images/ecke_ru_orange.gif') bottom right no-repeat;
								width:186px;
								overflow:hidden; }

.trailer_150 .special		{	height:150px; }

.trailer_260 .special		{	height:260px; }





/* Inhaltsbereich ------------------------------------------- */

#hauptbereich				{	position:relative;
								top:0px;
								left:0px;
								width:960px;
								margin-bottom:10px; }

#startseite .links			{	width:164px;
								float:left;
								overflow:hidden; }

#inhaltsseite .links		{	width:164px;
								float:left;
								} * html #inhaltsseite .links {
								margin-left:5px;
								}

.inhalt						{	width:525px;
								float:left;
								overflow:hidden; }

.rechts						{	width:170px;
								float:left;
								overflow:hidden; }

.abstand_q960				{	width:960px;
								height:20px;
								background-color:#FFF; }

.abstand_q755				{	width:755px;
								height:20px;
								margin-left:205px;
								background-color:#FFF; }

.abstand_h20				{	width:2px;
								float:left;
								margin:9px; }

.abstand_h40				{	width:2px;
								float:left;
								margin:19px; }

.clearAll					{	clear:both; }


/* Footer ------------------------------------------- */

#footer						{	position:relative;
								top:0px;
								left:0px;
								width:700px;
								height:25px;
								border-top:3px solid #C2C3C4;
								display:none;
								list-style:none;
								}




/* * * * * * *  * * INHALT * * * * * *  * * */

/* Kopf ----------------------------------------------------------------- */

.bg_kopf_start								{	background-color:#fff; }

.meta_navigation ul							{	position:absolute;
												right:20px;
												line-height:40px;
												vertical-align:middle; }
	
.meta_navigation li							{	list-style:none;
												float:left;
												margin-left:20px; }

.suche .cont								{	padding:10px 20px; overflow:hidden; }
.suche .input								{	width:150px; height:17px; }
.suche .input input							{	border:0px; }

.suche .input input.text					{	width:98px; height:15px; border:0px; }
.suche .input input.text					{	background-color:#FFF; border:1px solid #CCC; }

.suche .submit								{	width:50px; height:17px; border:0px; color:#FFF; font-size:10px; }
.suche .input input.submit					{	background-color:#CCC; }
	
.meta_navigation a							{	font-size:11px; color:#AAA; }
	
.cont										{	position:relative;
												top:0px; left:0px; }

.anlagen_auswahl .cont						{	margin:0px; padding:0px 3px; line-height:25px; }
.anlagen_auswahl img						{	float:left; margin-left:20px; }
.anlagen_auswahl select						{	width:156px; height:17px; margin:0px; }

.haupt_navigation li						{	list-style:none;
												float:left;
												margin-top:5px;
												margin-left:20px; }
												* html .haupt_navigation li {
												margin-right:20px;
												}

.info .cont									{	padding:0px 20px;
												overflow:hidden;
												border-left:1px solid #F07007; }

.info .submit 								{ 	border:0; background:#DDD; }

#kopf input, #kopf textarea, #kopf select	{	border:1px solid #DDD; }
 
/* Trailer -------------------------------------------------------------- */

.startseite									{	 }

.inhaltsseite								{	/* margin-left:10px; */ }

.aktion .cont								{	width:755px;
												height:140px;
												/* margin:5px 0px 3px 5px; */
												overflow:hidden; }

.trailer_260 .special .cont					{	margin:0px 20px 20px 20px; }

.trailer_150 .special .cont					{	margin:20px 20px 20px 0px; }

.main .special .cont						{	margin:10px; overflow:hidden; }

.special .cont								{	overflow:hidden; }

.special select								{	width:148px; height:17px; border:0px; }

#trailer .karte_anlagen						{	height:240px; background-image: url(../images/karte_D.gif); background-repeat:no-repeat; }

.special .login p h6						{	font-size:0.8em; }
.special .login li							{	margin:0px; }
.special .input input						{	width:156px; }

input.submit_rot							{	background:#F07007; color:#FFF; }
input.submit_grau							{	background:#666; color:#333; }
input.submit_weiss							{	background:#FFF; color:#333; }


/* Hauptbereich --------------------------------------------------------- */

.bg_startseite								{	width:920px;
												background-image: url(../images/bg_trenner_start.gif); background-repeat:repeat-y; }

.bg_inhaltsseite							{	width:920px;
												background-image: url(../images/bg_trenner_main.gif); background-repeat:repeat-y; }

.bg_inhaltseite .links						{ 	color:#FFF; }

.trennlinie									{	overflow:hidden; height:1px !important; background-color:#CCC; margin:20px; }

img.border									{	border:1px solid #F07007; margin:10px 0px; }

.inhalt select, .inhalt input[type="text"],
.inhalt input[type="password"]				{	width:200px; }

.links input								{	width:160px; }
.rechts input								{	width:150px; }
.rechts select								{	width:150px; height:17px; }

/*.links img									{	width:195px; }
.rechts img									{	width:156px; }
*/

.inhalt ul									{	margin-left:-25px;
												margin-bottom:5px;
												margin-top:5px; 
												} 
												* html .inhalt ul {
												margin-left:15px;
												padding-left:5px;
												}

.rechts ul									{	margin-left:0px;
												padding-left:15px;
												margin-top:5px;
												}

.rechts ul dd								{	margin-top:5px; 
												
												}
												
.floatRight									{	float:right; 
												margin:0 0 0 10px;
												}

/* ------------------------- KursŸbersicht ------------------------- */

.kursuebersicht								{	/*position:relative; top:0px; left:0px;*/ width:520px; margin:0px; }

.kursnavigation								{	/*position:absolute;
												top:0px; left:0px; */
												width:520px; height:24px; 
												border-bottom:1px solid #F07007;
												margin-bottom:20px; 
												}

.button										{	float:left; }

.button a.on								{	display:block; background:#F07007; }


.kurstabellen_alle							{	/* position:absolute; 
												top:44px; left:0px; */
												width:520px; 
												clear:both; }

.kurstabelle_einzel							{	/* position:relative;
												top:0px; left:0px; */
												width:520px;
												margin-bottom:20px; }

.wotag										{	/* position:absolute;
												top:0px; left:0px; */
												width:30px; 
												line-height:30px; 
												font-weight:bold; 
												float:left; }

.tageskurse									{	margin-top:0px; margin-left:30px; width:485px; border-left:5px solid #F07007; }

.kurs										{	width:480px; height:30px; }
.kurs .beschreibung							{	float:left; text-align:left; margin-left:10px; line-height:30px; }
.kurs .icons								{	float:right; text-align:right; }
.kurs .uhrzeit								{	float:right; text-align:right; line-height:30px; width:60px; }

.kurstrenner								{	width:470px; border-bottom:1px solid #CCC; margin:0px 0px 0px 10px; }



/* .kursuebersicht								{	position:relative; top:0px; left:0px; width:520px; margin:0px; } */
/*  */
/* .kursnavigation								{	width:520px; height:24px; border-bottom:1px solid #F07007; } */
/*  */
/* .button										{	float:left; } */
/*  */
/* .button a									{	padding:0px 20px; } */
/* .button a.on								{	display:block; background:#F07007; } */
/*  */
/*  */
/* .kurstabelle								{	margin-top:20px; margin-left:0px; width:520px; } */
/*  */
/* .wotag										{	margin-top:0px; margin-left:0px; width:30px; line-height:30px; font-weight:bold; float:left; } */
/* .tageskurse									{	margin-top:0px; margin-left:30px; width:485px; border-left:5px solid #F07007; } */
/*  */
/* .kurs										{	width:480px; height:30px; } */
/* .kurs .beschreibung							{	float:left; text-align:left; margin-left:10px; line-height:30px; } */
/* .kurs .uhrzeit								{	float:right; text-align:right; line-height:30px; } */
/*  */
/* .kurstrenner								{	width:470px; border-bottom:1px solid #CCC; margin:0px 0px 0px 10px; } */






/* ------------------------- peronalisiertes Hallo ------------------------- */

.hallo										{	margin:20px 0px; border-top:1px solid #F07007; border-bottom:1px solid #F07007; }
.hallo p, .hallo ul, .hallo li				{	margin:0px; }
.hallo .pers_info ul						{	margin-left:0px; }
.hallo .pers_info li						{	list-style:none; }

.linie										{	width:100%; height:1px; background-color:#F07007; }

.m50										{	width:50%; float:left; } * html .m50 { width:49%; }
.m50 img									{	float:left; }
												
.m100										{	width:100%; } * html .m100 { width:100% }

.stopFloat									{	clear:both; }

.posteingang								{	height:90px; background-color:#E6E7E7; margin:5px 2px 2px 0px; padding:5px; }
.posteingang h3								{	margin-left:40px; color:#333; }

.pers_info									{	height:90px; background-color:#E6E7E7; margin:5px 0px 2px 2px; padding:5px; }


.pers_umfrage								{	background-color:#E6E7E7; margin:2px 0px 5px 0px; padding:5px; text-align:center; }





/* Unternavigaion --------------------------------------------------------- */

/* ------------------------- Textmenu ------------------------- */
/* .unternavigation							{	margin-left:-20px; width:195px; } */
/*  */
/* .unternavigation ul, */
/* .unternavigation li, */
/* .unternavigation a, */
/* .unternavigation h4							{	color:#FFF; margin:0px; } */
/*  */
/* .unternavigation ul							{	margin-bottom:20px; } */
/*  */
/* .unternavigation a							{	display:block; padding:3px 10px; } */
/* .unternavigation a:hover					{	background:#9B3434; } */
/*  */
/* .unternavigation h4							{	display:block; padding:0px; margin:0px; border-bottom:1px solid #FFF; } */
/* ------------------------- Textmenu ------------------------- */

.unternavigation							{	margin-left:-10px; }
.unternavigation li							{	color:#FFF; margin:0px; }
.unternavigation ul							{	margin-bottom:20px; }



/* Footer --------------------------------------------------------- */

#footer p									{	color:#FFF; text-align:center; line-height:25px; }





/* ********************************************************************** */
/* THE FUNKY BAD BROWSER (FORMERLY KNOWN AS IE) BUG PREPARATION */


/* Inhaltsbereich */
/* --------------------------------------------------- */

* html #inhaltsseite .unternavigation,
* html #inhaltsseite .unternavigation ul,
* html #inhaltsseite .unternavigation ul li	{	margin-left:0px; }

* html #startseite .links					{	margin-left:10px; }
* html #startseite .inhalt					{	margin-left:20px; }
* html #startseite .rechts					{	margin-left:20px; }

* html #inhaltsseite .links					{	margin-left:0px; }
* html #inhaltsseite .inhalt				{	margin-left:5px; }
* html #inhaltsseite .rechts				{	margin-left:20px; }

* html .abstand_h20							{	width:10px; float:left; margin:0px; }
* html .abstand_h40							{	width:20px; float:left; margin:0px; }

* html .haupt_navigation ul,
* html .haupt_navigation ul li,
* html .haupt_navigation ul li a			{	margin-left:0px; }

* html .kursnavigation						{	width:520px; height:24px; border:1px solid #F07007; margin-bottom:0px; padding-bottom:0px; }
* html .kursnavigation .button				{	float:left; }
* html .kursnavigation .button a			{	display:block; padding:0px 20px; }
* html .kursnavigation .button img			{	margin:0px; }








/* EXTENSIONS UND TYPO3/TYPOSCRIPT */
.tx_wofanlagen_info							{	font-size:90%; }
.news-single-img							{	width:200px; text-align:center; }
.news-single-img img						{	max-width:200px;}
.news-single-imgcaption						{	margin:10px 0;text-align:justify; }

.news-single-item p.bodytext				{	display:inline; }

.news-list-item .clearer					{	float:none; clear:both; margin:10px 0px;  }

.MainHeader									{	margin:0; padding:0; }

