@charset "UTF-8";
/******************************************************************************/
/* Stylesheet f�r menzispiral.ch                                              */
/*----------------------------------------------------------------------------*/
/* Positionsreihenfolge: top - right - bottom - left                          */
/******************************************************************************/
/* HTML                                                                       */
/*----------------------------------------------------------------------------*/
a:link				{ color: #626262 }
a:visited			{ color: #626262; height: 0px }
a:hover				{ color: black }
a:active			{ color: #626262; height: 20px }
* html a:active	{ color: #626262; text-decoration: underline; height: 0px }
a:focus 				{ color: #626262 }
body						{ color: #CE6200 }
body#page			{}
h1						{}
h2						{}
h3						{}
input						{}
p							{}
td 						{}
textarea 				{ width: 285px; height: 80px }
ul																	{}
ul.bullet li													{ margin: 0 0 0 5px; padding: 3px 0 0 0; cursor: default; 
																		list-style-image: url(../pictures/layout/Bullet.gif) } 
ul.MenuBarVertical									{ margin: 0 0 0 -10px; 	padding: 60px 10px 10px 0; 
																		list-style-type: none; cursor: default; width: 119px }
ul.MenuBarVertical a								{ display: block; cursor: pointer; padding: 26px 0 26px 40px; 
																		color: #004080; text-decoration: none; width: 119px; }
ul.MenuBarVertical a:hover, 
ul.MenuBarVertical a:active, 
ul.MenuBarVertical a:focus					{ margin: 0 0 0 10px; color: #CE6200; padding: 26px 0 26px 30px; 
																		-moz-border-radius: 5px; -webkit-border-radius: 5px; width: 116px;
																		-moz-box-shadow: 2px 2px 2px #CE6200; -webkit-box-shadow: 2px 2px 2px #CE6200 }
																		
																		
* html ul.MenuBarVertical a					{ display: block; cursor: pointer; padding: 26px 0 26px 40px; 
																		color: #004080; text-decoration: none; width: 119px; }
* html 	ul.MenuBarVertical a:hover, 
	ul.MenuBarVertical a:active, 
	ul.MenuBarVertical a:focus				{ margin: 0px -2px -1px 10px; color: #CE6200; padding: 26px 0 26px 30px; 
																		-moz-border-radius: 5px; -webkit-border-radius: 5px; width: 116px;
																		-moz-box-shadow: 2px 2px 2px #CE6200; -webkit-box-shadow: 2px 2px 2px #CE6200 }
/*----------------------------------------------------------------------------*/
/* Classes                                                                    */
/*----------------------------------------------------------------------------*/
.active								{}
.address 							{}
.black								{}
.button								{}
* html .button					{}
.button:hover					{}
.calendar							{ width: 720px }
.calendarSelect				{}
.calendarForm					{}
.comments							{}
.email								{ height: 18px }
.event								{}
.eventlink						{}
.form									{}
.form-popup						{}
.footnote							{}
.icon									{ border: 0px; border-style: none; text-decoration: none; vertical-align: sub }
.info									{}
.noborder							{}
.objectTopLeft				{}
.objectTopRight				{}
.objectBottomRight		{}
.pointer							{}
.portrait							{ height: 100px }
.printIcon						{}
.red									{}
.reg									{ line-height: 30px; font-size: 22px }
.regsmall							{}
.reset								{}
.revision							{}
.right								{}
.table-form						{}
.table-text						{}
.tableHeaderLeft			{ border-bottom: 1px solid #CE6200 }
.tableHeaderRight			{ border-bottom: 1px solid #CE6200 }
.tdCenter							{}
.textInput						{}
.textTitle						{}
.title								{ color: #000000; font-size: 28px; line-height: 30px }
.validcheckbox				{}
.validsubcheckbox			{}
.validsubsubcheckbox 	{}
/*----------------------------------------------------------------------------*/
/* DIV                                                                        */
/*----------------------------------------------------------------------------*/
#Admin								{ padding: 15px 0 20px 30px }
#Anmeldung						{ padding: 40px 10px 0 0; text-align: right }
* html #Anmeldung				{ padding: 20px 10px 0 0; text-align: right }
#Bestellung						{ padding: 0px 10px 0 0; text-align: right }
#Checkboxes						{ height: 250px; width: 350px }
#Content							{ width: 800px }
#Dauer								{ float: left; margin: 20px 0 0 15px; height: 100px; width: 15%; 
												padding: 10px; border-spacing: 0px; 
												background: url(../pictures/layout/TextBackground.gif) repeat-x bottom;
												-moz-border-radius: 5px; -webkit-border-radius: 5px }
#Dienstleistungen			{ height: 300px; width: 700px; text-align: left; vertical-align: middle;
												background: url(../pictures/layout/Schnecke.gif) center bottom no-repeat } 
#Gruppentraining, 
#Kurse,
#Privattraining				{ font-family: Arial Rounded MT Bold, Arial; font-size: 15px }
#Gruppentraining			{ width: 300px; margin: 50px 0 0 110px } 
#HeaderCenter					{ float: left; max-width: 400px; height: 90px; margin: 10px 0 0 5px; padding: 5px } 
#HeaderContainer			{ min-width: 200px; height: 120px; border-top: 1px #666666 solid; 
												border-bottom: 1px #D89B61 solid } 
#HeaderLeft						{ float: left; width: 100px; height: 90px; margin: 10px 0 0 0; padding: 5px;
												background: url(../pictures/layout/Menzispiral.gif) top left no-repeat } 
#HeaderRight					{ float: right; min-width: 300px; height: 90px; margin: 10px 0 0 10px;
												padding: 5px; text-align: right }
#Infoline							{ float: right; color: #000000; width: 50%; height: 20px; margin: 5px 5px 35px 100px; 
												padding: 10px 5px 6px 10px; border-bottom: 1px #AFBDA4 solid; 
												border-right: 1px #AFBDA4 solid; background-color: #FFEB99; text-align: center; 
												-moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 5px #888;
												-webkit-box-shadow: 2px 2px 5px #888;		}
#Kontakt							{ margin: -25px 0 25px 0; height: 20px; width: 55%; text-align: left;
												background: url(../pictures/layout/TextBackground.gif) repeat-x }
#Kosten								{ float: left; margin: 20px 0 0 0; height: 100px; width: 35%; padding: 10px; 
												border-spacing: 0px; background: url(../pictures/layout/TextBackground.gif) repeat-x bottom;
												-moz-border-radius: 5px; -webkit-border-radius: 5px }
#Kurse								{ width: 200px; margin: 50px 0 0 200px } 
#Links								{}
#Movie								{ float: left; margin: 20px 0 0 15px; height: 160px; width: 35%; padding: 0px; 
												border-spacing: 0px; text-align: right }
#NavigationBar				{ height: 400px; vertical-align: top; border-spacing: 0px; width: 155px;
												background: url(../pictures/layout/MenuBackground.gif) top left no-repeat }
#Page									{}
/*--- Popups Start -----------------------------------------------------------*/
#Popup-OK,
#Popup-NOK											{}
#Popup-Koordination-Basis,
#Popup-Koordination-Kombination,
#Popup-Dehnen-Flexibilitaet,
#Popup-Leitung,
#Popup-Spiraldynamik,
#Popup-Image										{ visibility: hidden; position: absolute; padding: 10px; border: 1px solid #CE6200; 
																	background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
																	-moz-box-shadow: 5px 5px 10px #888; -webkit-box-shadow: 5px 5px 10px #888 }
#Popup-Koordination-Basis,
#Popup-Koordination-Kombination,
#Popup-Dehnen-Flexibilitaet,
#Popup-Leitung									{ top: 100px; left: 500px }
#Popup-Spiraldynamik						{ top: 100px; left: 400px }
#Popup-Image										{ top: 30px; left: 50px; width: 300px; height: 240px }
#Koordination-Basis,
#Koordination-Basis-ie,
#Koordination-Kombination,
#Koordination-Kombination-ie,
#Dehnen-Flexibilitaet,
#Dehnen-Flexibilitaet-ie,
#Leitung,
#Leitung-ie,
#Spiraldynamik,
#Spiraldynamik-ie								{ overflow: visible; margin: 10px 0 0 0 }
#Koordination-Basis,
#Koordination-Basis-ie					{ height: 220px; width: 550px }
#Koordination-Kombination,
#Koordination-Kombination-ie		{ height: 240px; width: 600px }
#Dehnen-Flexibilitaet,
#Dehnen-Flexibilitaet-ie				{ height: 220px; width: 550px } 
#Leitung,
#Leitung-ie											{ height: 500px; width: 500px }
#Spiraldynamik,
#Spiraldynamik-ie								{ height: 450px; width: 700px }
#Koordination-Basis,
#Koordination-Kombination,
#Dehnen-Flexibilitaet,
#Leitung,
#Spiraldynamik									{ float: left }
/*--- Popups End -------------------------------------------------------------*/
#Privattraining				{ width: 200px; margin: 100px 0 0 160px } 
#Product							{ width: 45%; margin: 5px 0 0 0 }
#Products							{}
#Products td						{}
#Products tr						{}
#Products tbody				{}
#ProductInfo					{ width: 50%; margin: 5px 0 0 15px; padding: 5px }
#Seminar							{ margin: 20px 15px 30px 0; height: 240px; width: 50% }
#Seminars							{}
#Seminars td					{}
#Seminars tr					{}
#Seminars tbody				{}
#SeminarInfo					{ margin: 20px 0 30px 0; height: 225px; padding: 5px 2px 10px 5px; width: 45% }
#Sitemap							{ margin: 5px 15px -25px 200px }
#Text									{ padding: 15px 5px 10px 15px }
/*----------------------------------------------------------------------------*/
/* SPRY Framework: siehe menziweb.css                                         */
/*----------------------------------------------------------------------------*/
.rowHover			{ background-color: #FFCD4A }
.rowSelected	{ background-color: #CE6200 }