/* ----------------------------------------------------------------- */
/*     CSS developed by Smartforce.ch                                */
/*     ALSO 2010.1, Copyright 2010 by Smartforce.ch                  */
/* ----------------------------------------------------------------- */

/* Globals */
html { min-height: 100%; margin-bottom: 1px; }
body { text-align: center; margin: 0; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: .75em; background: #fff; color: #000; }
.spacer { clear: both; margin: 0; padding:0; }
hr { display:none; }
#meta li, #nav li, #subNav li { float: left; }
a { color: #009560; }
input, select { border: #bfbfbf 1px solid; }


/* ----------------------------------------------------------------- */
/* MainDivision */
/* ----------------------------------------------------------------- */
#head { height: 0px; background: url(../images/TRAINING.png) top left no-repeat; margin: 0; padding:0; visibility: hidden; display: none; }
html>body #head { height: 0px; visibility: hidden; display: none; }
#wrapper { margin: 0px auto; padding: 0px 0 0 0; width: 990px; text-align: left; }

/* ----------------------------------------------------------------- */
/* Header */
/* ----------------------------------------------------------------- */
#head h1 { float: right; background: url(../images/logo.png) no-repeat; padding: 0; display: block; width: 158px; height: 0px; text-indent: -9000px; overflow: hidden; /*border: 1px solid;*/ margin: 0 0 0 0;  visibility: hidden; display: none;}
html>body #head h1 { height: 0px; padding: 0; visibility: hidden; display: none; }
html>body #head h1 a { display: block; height: 0px; margin: 0; padding: 0; width: 158px;  visibility: hidden; display: none;}


/* ----------------------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------------------- */

/* NavBar */
#navBar { height: 0px; display: block;  visibility: hidden; display: none;}

/* Tabs Nav */
#nav { height: 0px; float: left; width: 400px; visibility: hidden; display: none; }
#nav ul li { display: inline; /* Fix IE Step Down */ }
	#nav ul li a:link, #nav ul li a:visited { display: block; height: 0px; float: left; background: url(../images/navtab-right.png) top right no-repeat; margin: 0 2px 0 0px; text-decoration: none; color: #009560; visibility: hidden; display: none; }
		
		#nav ul li a span { display: block; height: 19px; float: left; /* IE 6 Fix */ padding: 5px 10px 0 10px; background: url(../images/navtab-left.png) top left no-repeat; visibility: hidden; display: none; }
		
		#nav ul li a:hover { background-position: bottom right; }
		#nav ul li a:hover span { background-position: bottom left; color: #000; cursor: pointer; /* Remind IE which cursor to use! */ }
		
		#nav ul li.active a, #nav ul li.active a:visited { background-position: bottom right; cursor: pointer; }
		#nav ul li.active a span, #nav ul li.active a:visited span { background-position: bottom left; color: #000; cursor: pointer; }

/* Metanav */
#meta { width: 300px; height: 0px; float: right; text-align: right; visibility: hidden; display: none; visibility: hidden; display: none; }
html>body #meta { width: 290px; visibility: hidden; display: none; }

#meta li { margin: 4px 0 0 10px; visibility: hidden; display: none;}
#meta li a { color: #000; text-decoration: none;  visibility: hidden; display: none;}

#meta a.home, #meta a.sitemap, #meta a.suche, #meta a.kontakt {  display: block;width: 13px; height: 0px; text-indent: 9000px; overflow: hidden;  visibility: hidden; display: none;}
#meta .home { background: url(../images/ico_home.gif) top left no-repeat;  visibility: hidden; display: none;}
#meta .sitemap { background: url(../images/ico_sitemap.gif) top left no-repeat;  visibility: hidden; display: none;}
#meta .suche { background: url(../images/ico_suche.gif) top left no-repeat;  visibility: hidden; display: none;}
#meta .kontakt { background: url(../images/ico_kontakt.gif) top left no-repeat;  visibility: hidden; display: none;}

	
/* Sub Nav */
#subNav { height: 0px; background:#c0e6d9; border-top: 1px solid #bae3d6; border-bottom: 1px solid #bae3d6; padding: 0; margin: 0;  visibility: hidden; display: none;}
#subNav li { margin: 0 0 0 0; }
#subNav li a { text-decoration: none; color: #009560; }
#subNav li a:hover { text-decoration: none; color: #000; }
#subNav li.active a { text-decoration: none; color: #000; }

/* Sub Nav Level 3 */
#nav3left { width: 0px; padding: 0; font-size: 1.0em; margin: 0; float: left; padding: 0 0 0 0;  visibility: hidden; display: none;}
#nav3 { margin: 0 !important; padding: 0 !important;visibility: hidden; display: none; }
#nav3 li { line-height: 1.5em; list-style: none; margin: 0 0 1px 0 !important; visibility: hidden; display: none;}
#nav3 li a { color: #009560; display: block; background: #e5f5ef; width: 0px; height: 20px; margin: 0; padding: 4px 0 0 10px; text-decoration: none; visibility: hidden; display: none;}
#nav3 li.active a { color: #000; display: block; background: #c0e6d9; width: 0px; height: 20px; margin: 2px 0; padding: 4px 0 0 10px; margin: 0 0 1px 0 !important; visibility: hidden; display: none;}
#nav3 li a:hover { color:#000; background:#c0e6d9; text-decoration: none; }

#nav3 .top { background: url(../images/sub3nav-top.png) -20px 10px no-repeat; height: 0px; visibility: hidden; display: none;}
#nav3 .bottom { background: url(../images/sub3nav-bottom.png) -20px -14px no-repeat; height: 0px;visibility: hidden; display: none; }

#callBack { background: #c0e6d9; width: 0px; padding: 8px; margin: 0; visibility: hidden; display: none; }
#callBack input { width: 0px; border: #bfbfbf 1px solid; visibility: hidden; display: none;}
#callBack select { border: #bfbfbf 1px solid;visibility: hidden; display: none; }
#callBack form .buttonSend { width: 0px;visibility: hidden; display: none; }
#callBack form legend { visibility: hidden; display: none; }
#callBack p { line-height: 0px; margin: 0;visibility: hidden; display: none; }


/* ----------------------------------------------------------------- */
/* Headerbild */
/* ----------------------------------------------------------------- */

#headerPic { margin: 5px 0 0 0; width:990px; height: 0px; clear:both; background: #aaa url(../images/head_dummy.jpg) top right no-repeat; text-indent: -9000px; overflow: hidden; visibility: hidden; display: none; }

/* ----------------------------------------------------------------- */
/* Contentwrapper */
/* ----------------------------------------------------------------- */
¨

#contentwrapper { clear:both; padding: 0px; color: #000; }
#contentwrapper a { text-decoration: underline; color: #009560; font-weight: normal; }
#contentwrapper a:hover { text-decoration: underline; }
#contentwrapper p { line-height: 18px; margin: 0 0 5px 0; }
#contentwrapper h2, h3 { font-weight: bold; margin: 5px 0 5px 0; color: #009560; font-size: 1.4em; }
#contentwrapper h3 {  font-size: 1.2em; margin-top:1.4em; margin-bottom:0.5em}
#contentwrapper h4 { color: #009560; font-weight: bold; margin: 20px 0; }
#contentwrapper ul { list-style: disc; margin: 10px 0 10px 20px; }
#contentwrapper li { margin: 2px 0; line-height: 1.4em; }

/* Tables */
#contentwrapper table { width: 100%; margin: 1em 0 0 0; }
#contentwrapper table, th, td { border-bottom: 0px dotted #009560; border-collapse: collapse; color: #555; }
#contentwrapper caption { font-size: 80%; font-weight: bold; text-align: left; }
#contentwrapper td, th { padding: 4px 4px; }
#contentwrapper thead th { background: #c0e6d9; color: #000000; border:none; text-align: left; }
#contentwrapper tbody tr { background: #fff; }
#contentwrapper tbody tr.odd { background: #e5f5ef; }
#contentwrapper table caption { display:none; }

/* left */
#contentwrapper .left { float: left; width: 450px; }

/* right */
#contentwrapper .right { float: right; width: 450px; }

/* Player */
#contentwrapper a.player { color:#d6efe6; background:#d6efe6 url(../images/player.png) no-repeat center; }

/* styling of the container. */
#contentwrapper a.player {
	display:block;
	width: 435px;
	height:240px; 
	text-align:right;
	margin:0 15px 15px 0;
	float:right;
	border:1px solid #c0e6d9;
}

/* play button */
#contentwrapper a.player img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
#contentwrapper a.player:hover {
	border:1px solid #000;
}

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

#footer { clear:both; width: 990px; height: 10px; margin: 0; text-align:left; padding: 5px 0 0 10px; color: #000; font-size: 90%; border-top: 1px solid #ccc; }
.tdleft {width:1px}