@charset "utf-8";
/************************************************
	CSS - mlm-coach.de

	Media: Screen
	Autor: Timo Klaiber
	Datum: 03.09.2009
	
	Copyright (C) 2000, Henoch, Birzer, Klaiber GbR
	www.hbk-concept.de
************************************************/

/************************************
		General 
*************************************/
* { 
	margin: 0;
	padding: 0; 
}
body, p, table, tr, td, th, div, a, ul, ol, li, input, select, option, textarea, h1, h2, h3,button, legend {
	color:#333;
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-Serif; 
}
body {
	width:100%;
	/*margin:auto;*/
	background-color:#fff;
}
img 		{ 	border: 0; }
table 	{ 	border-collapse:collapse;	}
th  	 	{ 	text-align:left;}
ul		{	list-style:none; }
div.clr 	{	clear:both; }
input, select, textarea, button  {	padding:1px;   }


/*** Formularelemente ********************************/
form.formular {
	margin:0 0 0 0;
}
form.formular fieldset {
	width:100%; 
	background-color:#e8edf7;
	border:none;
}
form.formular fieldset table  {
	margin:10px;
}
form.formular fieldset table td {
	padding:4px 10px 4px 0;
}
form.formular fieldset table td.text select,
form.formular fieldset table td.text input {	
	width:250px; 
}
form.formular fieldset table td.text textarea {
	width:350px; 
	height:150px;
}

form.formular fieldset table td.submit input {	
	background: url(../img/submit.png) no-repeat;
	width: 160px;
	height: 36px;
	border-width: 0px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
input.formButton:hover {
/*	background-position:0 -40px;*/
}

/*** Schriftfarben ***********************************/
/*ul.ebenen li ,
a, 
#footer a,
#footer span {
	color:#513761;
}
.statement .quotation *{
	color:#38194A;
}
*/
a,
#top div a,
#menu ul li.active a div,
#menu ul li a:hover div,
#TB_closeWindowButton,
h2 { 
	color:#0066B3;
}

.gratis {
	color:red;
}
.required {
	color:red;
}

#footer *{
	color:#6D6E71;
}

/*** Links ********************************************/
a 		{ 	text-decoration: none; 		}
a:hover 	{ 	text-decoration: underline; }


/*** Ueberschriften ************************************/
h1 { 
	font-weight:bold;
	font-size:15px;
	margin:0 0 15px 0;
}
h2 { 
	font-weight:bold;
	font-size:13px;
}
div.cLeft h2 { 
	margin:2px 0 5px 0;
}
/*h3 {
}
*/

/*** General ******************************************/
p.error {
	color:red;
}
div.success {
	width:100%;
	border:1px solid #0066B3;
	background-color:#e8edf7;
	margin:0 0 15px 0;
}
div.success div {
	padding:5px;
	margin:0;
	color:#0066B3;
}
div.hrLine {
	margin:25px 0 25px 0;
	border-top:1px solid #7e7f82;
	width:100%;
	height:1px;
}
/************************************
		Layout
*************************************/
#header {
	width:100%;
	position:relative;
	height:253px;
}
#main {
	width:960px;
	margin:26px auto;
}
#footer {
	width:100%;
	height:30px;
	background:#7E7F82 url(../img/footerFullBg.png) repeat-x;
	
}

/************************************
			Header
*************************************/

/* Header Background */
#header .hContainer {
	position:absolute;
	width:100%;
	height:253px;
	top:0;
	left:0;
	z-index:0;
}

#header .hContainer .dLeft {
	float:left;
	width:50%;
	height:100%;
	background:#fff url(../img/headerLeft.png) repeat-x;
}
	
#header .hContainer .dRight {
	float:left;
	width:49.99%;
	height:100%;	
	background:#fff url(../img/headerRight.png) repeat-x;
}

#header #top {
	width:960px;
	height:62px;
	position:relative;
	background:#fff url(../img/topBg.png) repeat-y;
	margin:auto;
}
#header #top div {
	position:absolute;
	bottom:0;
	left:20px;
}
#header #top div a{
	font-size:15px;
	font-weight:bold;
}

#header #textSlider {
	width:960px;
	height:161px;
	position:relative;
	background:#fff url(../img/headerBg.png) no-repeat;
	margin:auto;
}

#header #textSlider div {
	width:100%;
	text-align:center;
	padding-top:70px;
	font-size:30px;
	color:#fff;
	font-weight:normal;
}


/************************************
			Menu
*************************************/
#header #menu {
	width:960px;
	position:relative;
	margin:auto;
	height:30px;
	background:#7E7F82 url(../img/menuBg.png) repeat-y;
}
#header #menu ul li{
	float:left;
	height:30px;
	/*width:130px; IE6 */
	background:url(../img/seperator.png) no-repeat bottom right;
}
/* IE 6
#header #menu ul li.schulungsmaterial{
	width:250px;
}
*/
#menu ul li a {
	display:block;
	width:100%;
	height:100%;
}
#menu ul li div {
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:7px 25px 0 25px;
}
#menu ul li.active a,
#menu ul li a:hover {
	background:#fff url(../img/menuActiveBg.png) repeat-y;
	text-decoration:none;
}


/************************************
			Main
*************************************/

#main div.cLeft {
	width:213px;
	float:left;
	margin:0 20px 25px 0;
}
#main div.cCenter {
	width:501px;
	float:left;
	margin:0 25px 25px 0;
}
#main div.cCenter p{
	width:100%;
}
#main div.cRight {
	float:left;
	width:201px;
	margin:0 0 25px 0;
}
#main div.cCenter p {
	line-height:1.5;
	margin:0 0 15px 0;
}
#main div.cRight p {
	font-size:11px;
	line-height:1.5;
	margin:10px 0 0 0;
}
ol.contentList {
	/*list-style:decimal outside;*/
	list-style-type:decimal;
	margin:0 0 0 15px;
}
ul.contentList {
	list-style:disc outside;
	margin:0 0 0 15px;
}
.contentList li,
.contentList li{
	font-size:11px;
	padding:2px 0 2px 0;
}

/************************************
			Footer
*************************************/
#footer .pad {
	padding:7px 0 0 0;
}
#footer .footerCenter {
	width:960px;
	height:100%;
	margin:auto;
	background:#7E7F82 url(../img/footerBg.png) no-repeat;
	text-align:center;
}


/************************************
			Login
*************************************/
#login_box {
	margin:20px 10px 0 10px;
	text-align:left;
}
#login_box .error {
	margin-top:15px;
}
#login_box .login {
	font-weight:bold;
	font-size:15px;
}
#login_box .welcome {
	line-height:1.3;
	margin:15px 0 15px 0;
}
p.redirect {
	color:#999;
	padding:10px;
}

/************************************
			Start
*************************************/
div.tv {
	background:url(../img/tv.png) no-repeat;
	width:208px;
	height:157px;
	margin:0 0 5px 0;
}
div.tv img {
	margin:10px 0 0 12px;
}
div.cCenter object {
	margin:10px 0 10px 0;
}

div.audioplayer {
	margin:0 0 15px 0; 
	background-color:#e8edf7;
}
div.audioplayerPad {
	padding:5px;
}
img.lImage {
	margin-bottom:5px;
}

/************************************
		Gratis Schulungsbedarf
*************************************/
td.status input {
	width:150px;
}
a.folgeActive {
	font-weight:bold;
	text-decoration:underline;
}

/************************************
			News
*************************************/
#newsNavigation {
	margin:0 0 10px 0;
}
#newsNavigation a.newsActive {
	color:black;
}

ul.news {
	/*margin:0 0 20px 0;*/
}
ul.news li {
	padding:3px 0 3px 0;
}
hr{
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #0066B3;
	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	width:100%;
	margin:20px 0 20px 0;
}
div.cube {
	background-color:#0066B3;
	width:15px;
	height:15px;
	margin:0 10px 0 0;
	float:left;
}
div.cubeTitle {
	background-color:#0066B3;
	width:15px;
	height:30px;
	margin:0 10px 20px 0;
	float:left;
}


div.newsMain {
	float:left;
	width:709px;
}
div.newsPad {
	float:left;
	width:50px;
	height:10px;
}
div.newsProducts {
	float:left;
	width:201px;
}

div.title {
	float:left;
	margin:0 0 20px 0;
}

div.product img{
	margin:0 0 5px 0;
}
div.product p,
div.news p{
	line-height:1.5;
}

div.product {
	margin:40px 0 0 0;
}

/************************************
			Empfehlungen
*************************************/
table.empfehlungen {
	margin:15px 0 15px 0;
}
table.empfehlungen td{
	padding:3px 10px 3px 0;
}

/************************************
			Loginbereich
*************************************/
/* Submenü */
ul.submenu li{
	padding:3px 0 3px 0;
}
ul.submenu li.active a {
	font-weight:bold;
}
ul.submenu li a:hover{
	text-decoration:none;
	padding:0 0 0 15px;
}
p.nextVideo {
	margin:5px 0 0 0;
}

#selectedVideo object {
	margin:0;
}

/************************************
			Error-Seite
*************************************/
p.errorText {
	height:200px;
}