/*   Motivado CSS for General Layout   */
/*   Coded by: Alfonsus David         */

@import "reset.css";
@import "typography.css";
@import "global.css";

/* ***************** */
/* HTML TAG ELEMENTS */
/* ***************** */

* { outline: none !important; }

html, body{
	text-align: center;
	width: 100%;
}
html{ background: #E8E3E3 url(../images/body_bg.png) left top repeat-x; }
body{ overflow: visible;
}
a, button, paymentmode_button { cursor: pointer; }

#container{ width: 100%; }

* html img.floated_image{
	margin: 0 -3px; ma\rgin: 0;
}

/* ********************* */
/* END HTML TAG ELEMENTS */
/* ********************* */

/* ************* */
/* GLOBAL STYLES */
/* ************* */

/* HEADER */

#header{
	padding: 0 15px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/header_bg.png) left top no-repeat;
	height: 44px;
	width: 938px;
}
#header a{
	/* width: 217px; */
	margin-top: 6px;
	display: block;
	float: left;
}
#header a img{
	margin: 0 -3px; ma\rgin: 0;
}
#header .note{
	padding-top: 10px;
	font-size: 12px;
	float: right;
	margin: 0 10px 0 0;
}
a#logo_and_home{
	background: transparent url(../images/home_menu.png) right 8px no-repeat;
	width: 400px;
	*width: 398px;
	_background-image: url(../images/home_menu.jpg);
}
a#logo_and_home:hover{
	background-image: url(../images/home_menu_chosen.png);
	_background-image: url(../images/home_menu_chosen.jpg);
}

/* END HEADER */


/* NAVIGATION MENU */

#navigation{
	text-align: right;
	margin: 0 auto;
	margin-top: 10px;
	width: auto;
	height: 20px;
	overflow: hidden;
	float: right;
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
}
#navigation li{
	width: auto;
	height: auto;
	float: left;
	padding: 0 0 20px 0;
	margin: 0;
}

#navigation a.header_menu_home{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: transparent url('../images/home_menu.png') center center no-repeat;
	display: block;
	margin-top: 0;
	_margin: 2px -10px 0 0;
	height: 15px;
	width: 30px;
}
#navigation a.header_menu_home span{
	display: none;
}
#navigation a.header_menu_home:hover, a.header_menu_home_chosen{
	background-image: url('../images/home_menu_chosen.png');
}
#navigation a.header_menu_other{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: auto;
	height: 15px;
	background: transparent none;
	display: block;
	margin-top: 1px;
	padding: 0 10px;
}
#navigation a.header_menu_other:hover, a.header_menu_other_chosen{
	color: #FB7C00;
	text-decoration: none;
	background: transparent url('../images/menu_bg.png') top left repeat-x;
}
#navigation a.last{
	padding-right: 0;
}
#navigation a.header_menu_other:hover span.has_children, #navigation a.header_menu_other_chosen span.has_children{
	background: transparent url(../images/cosmetics/orange_arrow_down.png) left 6px no-repeat;
}
#navigation a.header_menu_other span.has_children{
	padding: 0 0 10px 10px;
	display: block;
	background: transparent url(../images/cosmetics/green_blue_arrow_down.png) left 6px no-repeat;
}
#navigation ul{
	display: block;
	width: 135px;
	height: 90%;
	background: transparent url(../images/cosmetics/main_nav_body.png) center top repeat-y;
	margin-top: -6px;
	*margin-top: 0;
	_margin-top: 5px;
}
#navigation ul li{
	float: none;
	display: block;
	width: 125px;
	padding: 0 5px;
	text-align: left;
}
#navigation ul li a{
	font-weight: normal;
	width: 125px;
	float: none;
	padding-bottom: 5px;
}
#navigation ul li:hover a{
	text-decoration: none;
	color: #FF6A00;
	background: transparent url(../images/cosmetics/sub_menu_bottom.png) bottom center no-repeat;
}
#navigation ul li a span{
	display: block;
	padding: 5px 5px 0 11px;
}
#navigation ul li:hover a span{
	background: url(../images/cosmetics/sub_menu_top.png) top center no-repeat;
}
#navigation div.top{
	height: 10px;
	width: 100%;
}
#navigation div.bottom{
	height: 10px;
	width: 100%;
	background: transparent url(../images/cosmetics/main_nav_bottom.png) bottom center no-repeat;
	_height: 15px;
}
#navigation li div.children{
	float: left;
	position: absolute;
	z-index: 999999;
	top: 30px;
	width: 135px;
	display: none;
}
#navigation li div.children:hover, #navigation li:hover div{
	display: block;
}

/* END NAVIGATION MENU */

/* BODY */

div#body{
	width: 960px;
	text-align: left;
	margin: 15px auto;
}

#breadcrumbs{
	float: left;
	margin-left: 15px;
	_margin-left: 7.5px;
}

#breadcrumbs, #breadcrumbs p{
	padding: 0;
	font-size: 12px;
}
#breadcrumbs a{
	font-size: 12px;
	font-weight: normal;
}

#account{
	font-size: 11px;
	float: right;
	margin-right: 15px;
	_margin-right: 7.5px;
}
#account li{
	float: left;
	margin-left: 20px;
}

#content{
	margin-top: 15px;
}
#content h1{
	letter-spacing: -2px;
	word-spacing: 2px;
}
.content_pad_top{
	padding: 30px 30px 0 30px;
	_margin-bottom: -30px;
	*margin-bottom: -30px;
}
.content_pad_mid{ padding: 0 30px 0 30px; }
.content_pad_bot{ padding: 0 30px 30px 30px; }
.content_space_top{ margin: 30px 30px 0 30px; }
.content_space_top_bot{ margin: 15px 0; }
.content_space_bot{ margin: 0 0 15px; }

#notifications{
	font-size: 12px;
	color: #878787; 
	width: 630px;
}
#notifications hr{
	border: none;
	background: #BAB6B6 none;
}
#notifications ul li{ padding-left: 25px; }
li.weight{ background: transparent url(../images/notifications/weight.png) left center no-repeat; }
li.red_heart{ background: transparent url(../images/notifications/red_heart.png) left center no-repeat; }
li.gray_heart{ background: transparent url(../images/notifications/gray_heart.png) left center no-repeat; }

/* END BODY */


/* FOOTER */

#footer{
	margin-bottom: 40px;
	margin-top: 10px;
	color: #878787;
}
#footer #footer_container{
	margin: 0 auto;
	width: 960px;
}
#copyright { float: left; font-size: 11px; padding-top: 0;}
#footer_links { float: right; font-size: 11px; text-align: left; }
#footer_links li{ float: left; margin-left: 40px; letter-spacing:normal; }
#footer_links li ul li{ float: none; margin-left: 0; }
#footer_links a{ color: #706666; font-weight: bold; }
#footer_links.no_bold a{ font-weight: normal; }
#footer_links li ul li a{ font-weight: normal; letter-spacing:normal; }

/* END FOOTER */


/* FORM */
.form_prenote { 
	width: 585px;
}
.form_style legend{
	display: block;
	font-size: 18px;
	font-weight: bold;
	width: auto;
	float: left;
}
.form_style p{ clear: both; }
.form_style p.form_requirements{
	float: right;
	width: auto;
	font-size: 11px;
	margin-top: -20px;
	margin-right: 35px;
	_margin-right: 0;
	*margin-right: 0;
}
.form_style span.input_note{
	display: block;
	float: left;
}
.form_style p.input_note{
	float: left;
	padding: 18px 0 0 18px;
	width: 385px;
	clear: none;
}
.form_style ul{
	clear: both;
	border: solid 1px #FFFFFF;
}
.form_style p.form_error{
	float: left;
	padding: 5px 0;
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
	width:320px;
}
.form_style li label{
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	padding-top: 18px;
}
.form_style li label.single{ padding-top: 5px; }
.form_style li label.double{ padding-top: 10px; }
.form_style li label#emailAddressLabel{ padding-top:19px; }

.form_style div.holder{
	padding-top: 15px;
	width: 370px;
	float: left;
	margin-left: 15px;
}
.form_style div.holder input, .form_style div.holder select{ margin-left: 0; }
.form_style div.holder input.space_left_15, .form_style div.holder select.space_left_15{ margin-left: 15px; }
.form_style div.holder input.space_left_50{ margin-left: 50px; }
.form_style div.holder label{ margin-left: 5px; }
.form_style li label.auto{ width: auto; }
.form_style li label.normal_pad{ padding-top: 10px; }
.form_style li label.normal{
	float: left;
	width: auto;
	padding-top: 0;
	text-align: left;
}
.form_style select{
	margin: 5px 0 0 15px;
	padding: 10px 6px 11px;
	font-size: 12px;
	font-weight: normal;
	background: #F7F7F7 none;
}
.form_style select.fixedWidth{ width: 350px; }
.form_style button{ float: right; }
.form_style li{ margin-top: 10px; }
.form_style li.first{ margin-top: 0; }
.normal_select{ width: 350px; }
.input_text, .text_area{
	border: none;
	background-color: transparent;
	margin-left: 15px;
	padding: 8px;
}
.normal_input_text, .short_input_text, .very_short_input_text, .shortest_input_text, .text_area,
.normal_input_text_square, .normal_input_text_square_red, .input_text_295, .input_text_195{
	margin-top: 5px;
	padding: 11px 6px;
	font-size: 14px;
}
.text_area{ line-height: 1.2em; }
.note{ margin-left: 170px; }

.normal_block{
	margin-left: 165px;
	_margin-left: 82.5px;
}

.normal_error{ margin-left: 165px; }
.password_error{ margin-left: 100px; }
.checkbox_error{ margin-left: 15px; }

.normal_input_text, .normal_input_text_square, .normal_input_text_square_red,
.input_text_295, .input_text_195,
.short_input_text, .very_short_input_text, .shortest_input_text,
.super_big_input_text{
	background: transparent none left center no-repeat;
}
.super_big_input_text{
	font-size: 60px;
	padding: 10px 30px 10px 10px;
	width: 181px;
	height: 65px;
	margin: 0;
	background-image: url(../images/forms/super_big.png);
	text-align: center;
}
.normal_input_text, .normal_input_text_square, .normal_input_text_square_red{
	width: 340px;
	background-image: url(../images/forms/light_gray_orange_text_input.png);
}
.normal_input_text_square{ background-image: url(../images/forms/light_gray_orange_text_input_square.png); }
.normal_input_text_square_red{ background-image: url(../images/forms/light_gray_red_text_input_square.png); }
.input_text_295{
	width: 283px;
	background-image: url(../images/forms/light_gray_orange_text_input_295.png);
}
.input_text_195{
	width: 183px;
	background-image: url(../images/forms/light_gray_orange_text_input_195.png);
}
.short_input_text{
	width: 240px;
	background-image: url(../images/forms/light_gray_orange_text_input_short.png);
}
.very_short_input_text{
	width: 168px;
	background-image: url(../images/forms/light_gray_orange_text_input_very_short.png);
}
.shortest_input_text{
	width: 78px;
	background-image: url(../images/forms/light_gray_orange_text_input_shortest.png);
}
.text_area{
	width: 340px;
	height: 250px;
	background: transparent url(../images/forms/light_gray_orange_textarea.png) left top no-repeat;
}
.normal_input_text:focus, .short_input_text:focus, .very_short_input_text:focus, .shortest_input_text:focus, .text_area:focus,
.normal_input_text_square:focus, .normal_input_text_square_red:focus, .input_text_295:focus, .input_text_195:focus {
	background-position: right center;
}

.form_style a{
	font-size: 12px;
	font-weight: normal;
}
.form_style a.normal{ font-size: 14px; }
.side_field{
	float: left;
	width: 280px;
	margin-left: 20px;
}
.small_side_field{ width: 100px; }

.form_style p.side_message{
	display: none;
	float: left;
	clear: none;
	padding: 10px;
	width: 280px;
	color: #666666;
	background: transparent url(../images/forms/status_message.png) left center no-repeat;
	margin-top: 4px;
}
.form_style p.valid{
	color: #6dad52;
	background-position: center center;
}
.form_style p.not_valid{
	color: #801B1B;
	background-position: right center;
}
.form_style .checkboxes label{ padding-top: 10px; }
.form_style .checkboxes ul li input{ float: left; margin-top: 2px; }
.form_style .checkboxes ul li label{
	padding-top: 0;
	width: 325px;
	float: left;
	margin-left: 10px;
}
.form_style .checkboxes ul.bigger li label{ width: 420px; }
.form_style .checkboxes ul{
	clear: none;
	padding-top: 10px;
	margin-left: 15px;
	width: 360px;
	_width: 370px;
	*margin-right: -15px;
	*width: 370px;
}
.form_style .checkboxes ul.bigger{ width: 515px; }
.form_style .checkboxes ul.spaceless_left{ margin-left: 0; }
.checkboxes li label{
	display: inline;
	width: auto;
	text-align: left;
	float: none;
	padding-top: 0;
}
.checkboxes li.first{ padding: 0; }
.checkboxes li{
	display: block;
	margin: 0;
	padding: 15px 0;
	_padding: 10px 0;
}
.checkboxes ul.no_pad li{ padding: 0; }
.checkboxes ul.chunk li{
	padding: 8px 15px;
	height: 39px;
}
.checkboxes ul.chunk li:hover{ background-color: #cce6e6; }
.checkboxes ul.chunk li input, .checkboxes ul.chunk li label{ margin-top: 10px; }
.checkboxes ul.chunk li label.smaller{ width: 200px; }
.checkboxes small{
	display: block;
	padding-top: 10px;
}

/* END FORM */

/* ****** */
/* OTHERS */
/* ****** */

.fixed_vorteile_button{
	margin: 20px 0;
}

/* SIGNUP FORM */
.signup_form{
	width: 550px;
	padding-right: 20px;
}
.complete_signup_form{ width: 650px; }
.complete_signup_sub_form{ width: 590px; }

/* COACHING FORM */
.coaching_form{ width: 650px; }
.coaching_form fieldset{ width: 440px; padding: 0 40px 0 0; }
.coaching_form li label{ width: 110px; }
.coaching_password{
	width: 307px;
	*width: 313px;
}

/* SIGNIN FORM */
.signin_form{
	width: 550px;
	word-spacing: -1px;
	letter-spacing: 0;
	*width: 560px;
}
.signin_password{
	margin-top: 15px;
	width: 357px;
	*width: 363px;
}
.form_style .signin_password label{ padding-top: 0; }
.form_style li .signin_password label{ width: auto; }
.form_style li .signin_password label.signin_label{
	padding-top: 18px;
	display: block;
	float: left;
}
.form_style li .signin_password input.signin_radio{
	margin-top: 18px;
	display: block;
	float: left;
}
.form_style .signin_password input{ margin-left: 3px; }

/* FORGOT PASSWORD */
.signin_forgot{
	display: block;
	float: right;
	width: 250px;
}
.coaching_forgot{ width: 200px; }

#contact{ width: 280px; }

/* BODY BACKGROUNDS */
.signinforcoaching{
	background:#FFFFFF url(../images/backgrounds/coaching_bg.jpg) top left no-repeat !important;
	height: 348px;
}
.signinforcoaching .fix_signinforcoaching{
	border: 0 none;
	margin-top: -15px;
}
.coaching_bg{
	background: transparent url('../images/backgrounds/coaching_overview_bg.jpg') center center no-repeat;
	-moz-border-radius:10px 10px 10px 10px;
	height: 250px;
}
/* END BODY BACKGROUNDS */

/* HOME */
#home_content{
	width: 375px;
	float: right;
	padding-left: 0;
}

.home_top_player{
	cursor: pointer;
/*	background: transparent url(../images/home/start-comic.png) center center no-repeat;*/
	background: transparent url(../images/home/teaser_start_mobbing.jpg) center center no-repeat;
	height: 350px;
	width: 960px;
}
.home_top_player div{
	background: transparent url(../images/home/big_blue_player_button.png) center center no-repeat;
	height: 82px;
	width: 122px;
	position: relative;
	top: 150px;
	left: 180px;
}
.home_top_player:hover div{ background-image: url(../images/home/big_orange_player_button.png); }
.home_web_pages{ padding: 30px 0 0 30px; }

.coaching_block li{
	float: left;
	width: 275px;
	margin-left: 35px;
}
.coaching_block li{ margin-left: 10px; }
.coaching_block li.first{ margin-left: 0; }
.coaching_block h4{
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.coaching_block img{ margin-bottom: 10px; }
.coaching_block a{ text-decoration: none; }

/* ABOUT US */
.relationship_video_link, .diet_video_link, .job_video_link{
	display: block;
	background: transparent none left center no-repeat;
	height: 175px;
	width: 275px;
}
.relationship_video_link{ background-image: url(../images/home/relationship_video.png); }
.diet_video_link{ background-image: url(../images/home/diet_video.png); }
.job_video_link{ background-image: url(../images/home/job_video.png); }
.relationship_video_link:hover, .diet_video_link:hover, .job_video_link:hover{ background-position: right center; }
.relationship_video_link span, .diet_video_link span, .job_video_link span{ display: none; }

/* Welcome text in about.php and advantages.php */
.welcome_text{
	width: 590px;
	margin-bottom: 30px;
	float: left;
}
.welcome_text h1{
	margin-top: 0;
	line-height: 0.7em;
}
.welcome_text p{
	padding-top: 0;
	letter-spacing: -0.5px;
	word-spacing: 1px;
}

/* Overview */
.overview dt{
	padding-top: 10px;
	font-weight: bold;
	letter-spacing: -1px;
	word-spacing: 1px;
}
.overview dd{
	line-height: 1.3em;
	color: #363636;
	padding-top: 5px;
	letter-spacing: -0.5px;
	word-spacing: 1px;
}
.overview a{
	display: block;
	margin-top: 5px;
}
.overview{
	padding-right: 15px;
	border-right: solid 1px #d0cccc;
	float: left;
	overflow: visible;
	width: 275px;
}
.bigger_overview{ width: 280px; }
.smaller_overview{ width: 240px; }
.advantages_overview{ width: 270px; } /* in advantages.php */

/* Testimonies */
.testimonies{
	float: left;
	margin-left: 15px;
}
.testimonies img{
	clear: both;
	float: left;
}
* html .testimonies img{ margin: 0 -3px; }
.testimonies dl{
	float: left;
	padding: 30px 0 0 10px;
	width: 195px;
}
.testimonies dl dd{
	font-size: 11px;
	color: #7f7f7f;
	line-height: 1.5em;
	display: inline;
	margin: 0;
}
.testimonies p{
	word-spacing: 0;
	letter-spacing: 0;
}
.testimonies h4{ font-weight: normal; }
.testimonies a{ font-weight: bold; }
.testimonies img.padless_top, .testimonies dl.padless_top{ padding-top: 0; }

.vertical img{ padding-top: 30px; }
.horizontal img{
	padding-right: 10px;
	clear: none;
}
.horizontal li{
	float: left;
	width: 290px;
	margin-left: 15px;
}
.horizontal li.first{ margin-left: 0; }
.horizontal p{
	font-size: 11px;
	color: #7f7f7f;
	line-height: 1.5em;
}
.test_invitation{ width: 495px; }
.test_invitation h1{ margin: 25px 0 2px; }

.video_holder{
	display: none;
	position: absolute;
	z-index: 1;
}
.video_close_button{
	display: none;
	cursor: pointer;
}
/* END HOME PAGE */

/* SUCCESS STORIES */
.double_column h1{ margin: 0 0 10px; }
.double_column p{ line-height: 1.25em; }
.double_column a, .double_column span{
	margin-top: 8px;
	float: left;
	display: block;
}
.double_column span{
	color: #757575;
	font-style: italic;
}
.double_column h1, .double_column p, .double_column a{
	float: left;
	width: 600px;
}
.column_right img{ float: left; }
.column_left img{ float: right; }

.column_right h1, .column_right p, .column_right a, .column_right span{
	float: left;
	margin-left: 15px;
}
.column_left h1, .column_left p{ float: left; }
/* END SUCCESS STORIES */

/* Jobs */
div.job h1{ margin-bottom:16px; }
div.job h3{ margin-bottom:4px; }
div.job p{ padding-bottom:24px; }
div.job ul{ margin-bottom:23px; }
div.jobs .jobs-list { margin: 15px 0; }

/* coaching details */
.kpi{
	background: transparent url(../images/dashboard/gray_gradient.png) center center repeat-x;
	width: 635px;
	margin-bottom: 15px;
}
.kpi .graph{
	float: left;
	height: 180px;
	width: 355px;
	border-right: solid 2px #e8e3e3;
}
.kpi .outline{
	float: right;
	height: 150px;
	padding: 30px 30px 0 30px;
	width: 215px;
}
.kpi .outline p{
	font-size: 18px;
	margin-left: 190px;
	margin-top: 40px;
	position: absolute;
}
.side_box{
	width: 310px;
	height: 180px;
}
.side_box .body{
	padding: 15px;
	height: 120px;
	width: 280px;
	overflow: visible;
}
.side_box .body img{
	float: left;
}
.side_box .body h4, .side_box .body p{
	float: right;
	width: 180px;
}
.side_box .body p{
	height: 70px;
}
.side_box .body div{
	float: left;
	margin: 10px 0 0 20px;
}
.side_box .footer{
	width: 280px;
	padding: 5px 15px;
	height: 20px;
	background: transparent url(../images/dashboard/gray_gradient_footer.png) left top repeat-x;
}

/* coaching pages */
#video_container{
	padding: 10px 0px;
	position: absolute;
	display: none;
	font-weight: 400;
	width: 448px;
	line-height: 15px;
	font-size: 12.9667px;
}

/* payment */
.progress_bar{
	width: 625px;
	margin: 0 auto;
}
.progress_bar div{
	width: 120px;
	text-align: center;
	float: left;
	font-size: 12px;
}
.progress_bar div.done{ color: #FB7C00; }
.progress_bar div.not_done{ color: #999999; }
.progress_bar div.complete{ color: #15b301; }
.progress_bar div.clear{ float: none; }
.progress_bar div.bar{
	width: auto;
}
.progress_bar div.bar div{
	background: transparent none center center no-repeat;
	height: 26px;
}
.progress_bar div.bar div.done_not_done_left, .progress_bar div.bar div.done_done_left,
.progress_bar div.bar div.done_not_done_right, .progress_bar div.bar div.done_done_right{ width: 180px; }
.progress_bar div.bar div.done_not_done_left, .progress_bar div.bar div.done_done_left{ background-position: right center; }
.progress_bar div.bar div.done_not_done_right, .progress_bar div.bar div.done_done_right{ background-position: left center; }

.progress_bar div.bar div.done_not_done_left{ background-image: url(../images/cosmetics/progress_first_done_not_done.png); }
.progress_bar div.bar div.done_done_left{ background-image: url(../images/cosmetics/progress_first_done_done.png); }
.progress_bar div.bar div.done_center{ background-image: url(../images/cosmetics/progress_done_center.png); }
.progress_bar div.bar div.done_right{ background-image: url(../images/cosmetics/progress_done_right.png); }
.progress_bar div.bar div.not_done_left{ background-image: url(../images/cosmetics/progress_not_done_left.png); }
.progress_bar div.bar div.not_done_center{ background-image: url(../images/cosmetics/progress_not_done_center.png); }
.progress_bar div.bar div.not_done_right{ background-image: url(../images/cosmetics/progress_last_not_done.png); }
.progress_bar div.bar div.done_right{ background-image: url(../images/cosmetics/progress_last_done.png); }
.progress_bar div.bar div.aborted_right{ background-image: url(../images/cosmetics/progress_last_aborted.png); }
.progress_bar div.bar div.complete_right{ background-image: url(../images/cosmetics/progress_last_complete.png); }

.payment{
	margin: 0 auto;
	padding: 60px 0 180px 0;
	width: 730px;
	text-align: center;
}
.payment h1{
	margin-bottom: 0;
	color: #000000;
}
.payment div.chunk{
	margin: 5px auto;
	width: 570px;
	padding: 15px;
	background-color: #cce6e6;
}

/* CAMPAIGN */
#header.campaign{
	position: absolute;
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 15px 0 0 0;
	background-image: none;
}
#header.campaign div.positioner{
	height: 80px;
	background-image: url(../images/campaign/top.png);
	padding: 0 15px;
	width: 932px;
}
#header.campaign #logo{ margin: 15px 0 0 15px; }
#header.campaign .login{ margin-top: 40px; }
#header.campaign .login a{
	margin: 0;
	float: none;
	display: inline;
}
#body.campaign{ margin-top: 86px; }
#body.campaign div.campaign_left{
	float: left;
	padding: 75px 0 0 50px;
}
#body.campaign a.campaign_right{
	display: block;
}
#body.campaign a.campaign_right div.player_button{
	float: none;
	background: transparent url(../images/campaign/big_blue_player_button.png) center center no-repeat;
	width: 122px;
	height: 100px;
	margin: 135px 0 0 140px;
	position: absolute;
	z-index: 0;
}
#body.campaign a.campaign_right:hover div.player_button{ background-image: url(../images/campaign/big_orange_player_button.png); }
#body.campaign a.campaign_right div{
	float: right;
	background: transparent none;
	/* background: transparent url(../images/campaign/body_right.jpg) 20px center no-repeat; */
	width: 445px;
	height: 350px;
	padding: 5px 30px 0 0;
}
#body.campaign img.clip{
	position: absolute;
	margin: 40px 0 0 310px;
}
#body.campaign .icons h4{ padding-top: 20px; }
#body.campaign .campaign_body{
	margin-top: 20px;
	width: 290px;
	float: right;
}
#body.campaign .campaign_body p{
	font-size: 12px;
	color: #212121;
}
#body.campaign h1{
	color: #333;
	width: 415px;
	font-weight: normal;
	line-height: 1.2em;
	
}
.searchKeyword{
	color: #7F7F7F;
	font-size: 11px;
	letter-spacing: 0px;
}
.campaign_foot_text{
	width: 420px;
	color: #7F7F7F;
	font-size: 11px;
}
.campaign_footer{
	width: 610px;
	text-align: right;
}
.campaign_footer small{ letter-spacing: -1px; }
.campaign_footer small, .campaign_footer a{
	color: #878787;
	font-weight: normal;
}

/* STATIC PAGES */
.static_view ul{ margin-left: 20px; }
.static_view ul.spaceless{ margin-left: 0; }
.static_view ol{ margin-left: 40px; }
.static_view li{
	padding: 5px 0;
	line-height: 1.5em;
}
.static_view ol li{ list-style-type: decimal; }
.static_view h2{ padding: 10px 0; }
.static_view h3{ padding-bottom: 10px; }
.static_view dl.first{ margin-top: 15px; }
.static_view dl{ margin: 30px 0; }
.static_view dt{
	margin-bottom: 5px;
	color: #FB7C00;
	display: block;
}
.static_view dd{
	margin: 10px 0 10px 40px;
	display: block;
}
.static_view .testimonies{ margin: 15px 0 0; }
.static_view .testimonies dt{ color: #000000; }
.static_view .testimonies dl{ margin: 0; }

.detail_view dl{ width: 600px; }
.detail_view dt{
	color: #FB7C00;
	font-size: 30px;
	padding-top: 20px;
}
.detail_view dd{ padding: 40px 0 10px 0; }
.detail_view ul{ margin: 10px 0 0 0; }
.detail_view li{
	padding: 5px 0 5px 20px;
	letter-spacing: -1px;
	line-height: 1em;
	background: transparent url(../images/home/orange_plus.png) left center no-repeat;
}

.overview_header{
	width: 960px;
	position: absolute;
	margin-top: 15px;
}
.overview_header div{
	width: 530px;
	float: right;
	margin-right: 50px;
	_margin-right: 25px;
}
#content.overview_content{ margin-top: 255px; }

/* MESSAGE BOX */

#errorMessage, #statusMessage{
	display: block;
	width: 960px;
	margin-top: 10px;
	padding-top: 5px;
	background: url(../images/error_top_bg.png) top left no-repeat;
}
#errorMessage div.message_closing{
	height: 5px;
	background: url(../images/error_bot_bg.png) top left no-repeat;
}
#errorMessage p, #statusMessage p{
	padding: 7px 10px 7px 60px;
	width: 890px;
	background: #fccfbb url(../images/ex_mark.png) 10px center no-repeat;
}
#statusMessage{ background: url(../images/status_top_bg.png) top left no-repeat; }
#statusMessage div.message_closing{
	height: 5px;
	background: url(../images/status_bot_bg.png) top left no-repeat;
}
#statusMessage p{ background: #c2f283 url(../images/plus_mark.png) 10px center no-repeat; }
#errorMessage p a.close, #statusMessage p a.close{ margin-top: -10px; }

/* END MESSAGE BOX */

.list_plus{ margin-top: 5px; }
.list_plus li{
	padding: 5px 0 5px 20px;
	letter-spacing: -1px;
	line-height: 1em;
	background: transparent url(../images/home/orange_plus.png) left center no-repeat;
}

.box_big{
	background: #FFFFFF none;
	height: 194px;
}
.box_big{ width: 635px; }

.box_documents {
	background: #FFFFFF none;
	width:435px;
	padding:15px;
}

.box_documents_right {
	margin-left:15px;
}

.box_documents_left {
	margin-right:15px;
}

.box_documents h6 {
    color: #FB7C00;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2em;
}

.docdownload
{
	position: relative; top: -3px;
}

.separator{
	margin: 0;
	margin: 30px 0;
	border: none;
	border-top: solid 1px #BAB6B6;
	background: #FFFFFF none;
}

.box_definition dl{ position: absolute; }
.box_definition dt{
	float: left;
	padding: 10px;
	width: 280px;
}
.no_dt_bg dt{ background-image: none; }
.box_definition dd{
	float: right;
	background: transparent none;
	padding: 15px;
	width: 300px;
	height: 160px;
	overflow: hidden;
}
.box_definition div{
	height: 120px;
	margin-bottom: 15px;
	overflow: hidden;
}
.box_definition div.clear{ height: 0; margin-bottom: 0; }
.box_definition div.void{ height: 0; margin-bottom: 0; }
.box_definition div h4{
	font-size: 12px;
	line-height: 1.2em;
	letter-spacing: -1px;
}
.box_definition div h5{
	color:#fb7c00;
	font-size: 16px;
	font-weight:bold;
	line-height: 1.2em;
	letter-spacing: -1px;
}
.box_definition div h5.new,
.box_definition div h5.neu,
ul li a.new,
ul li a.neu{
	background-image:url('../images/dashboard/icon_new.png');
	background-position:right 2px;
	background-repeat:no-repeat;
	padding:0 36px 0 0;	
}
.box_definition div h5.neu,
ul li a.neu{
	background-image:url('../images/dashboard/icon_neu.png');
}
ul li a.new,
ul li a.neu{
	background-position:240px 5px;
}

.box_definition div p,
.box_definition div#exer_body{
	line-height: 1.2em;
	margin-top: 5px;
	font-size: 12px;
	padding:5px 13px 0 0;
}
.box_definition div.exer_content{
	height:100px;
	margin-bottom:15px;
	overflow:hidden;
}
.box_definition a.btn_watch,
.box_definition a.btn_taskDone,
.box_definition a.btn_help {
	background:url('../images/dashboard/btn_watch.png') no-repeat;
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:normal;
	height:22px;
	padding:8px 0 0 10px;
	text-shadow: #007f7f -1px -1px 0px;
	width:164px;
}
.box_definition a.btn_taskDone {
	background:url('../images/dashboard/btn_task_done.png') no-repeat;
	padding:8px 0 0 28px;
	text-shadow: #1a9739 -1px -1px 0px;
	width:146px;
}
.box_definition a.btn_help {
	background:url('../images/dashboard/btn_help.png') no-repeat;
	color:#008080;
	text-align:center;
	padding:8px 10px 0 10px;
	text-shadow: #f8f8f8 -1px -1px 0px;
	width:91px;
}
.box_definition a.btn_watch:hover,
.box_definition a.btn_taskDone:hover,
.box_definition a.btn_help:hover {
	background-position:0 -30px;
	text-decoration:none;
	text-shadow: #be5b00 -1px -1px 0px;
}
.box_definition a.btn_help:hover {
	color:#fff;
	text-shadow: #be5b00 -1px -1px 0px;
}

div.infobox {
	height:109px;
	padding:15px;
	width:280px;
}
div.infobox.help { background:url('../images/dashboard/box_bg_hotline.jpg') no-repeat; }
div.infobox.feedback { background:url('../images/dashboard/box_bg_under_construction.jpg') no-repeat; }
div.infobox.facebook {
	height:139px;
	padding:0;
	width:310px;
}

div.infobox h6 {
	color:#fb7c00;
	font-size:16px;
	font-weight:normal;
}
div.infobox p {
	color:#333;
	font-size:12px;
	padding:3px 0 10px 0;
}

div.infobox.help p {
	padding-right:110px;
}

div.infobox.help p {
	padding-bottom:14px;
}
div.infobox.help a {
	font-weight:normal;
}

a.infobox_btn {
	background:url('../images/dashboard/box_btn.png') no-repeat;
	color:#008080;
	display:block;
	font-weight:bold;
	height:27px;
	margin-bottom:14px;
	padding:14px 0 0 15px;
	text-shadow: #ffffff -1px -1px 0px;
	width:295px;
}
a.infobox_btn:hover {
	background-position:0 -41px;
	color:#fb7c00;
	text-decoration:none;
	text-shadow: #ffffff -1px -1px 0px;
}


.box_definition_list{
	padding: 0;
	width: 310px;
	height: 195px;
}
.box_definition_list div{
	height: auto;
	overflow: auto;
	margin-bottom: 10px;
}
.box_definition_list h4, .box_definition_list img{
	margin: 15px 15px 0 15px;
}
.box_definition_list ul li{
	border-top: solid 1px #cccccc;
	padding: 5px 0;
	/* margin: -1em 0; */
	padding: 3px 0;
}
.box_definition_list ul li a{
	background: transparent url(../images/cosmetics/green_arrow_right.gif) 15px 4px no-repeat;
	display: block;
	width: 270px;
	padding-left: 25px;
	word-spacing: -1px;
	font-weight: normal;
}
.box_definition_list ul li a:hover{
	text-decoration: none;
	background-image: url(../images/cosmetics/orange_arrow_right.gif);
}


/* buttons */
button, .input_submit{
	height: auto;
	padding-top: 2px;
	border: solid 1px #000000;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background: #000000 none left center repeat-x;
	cursor: pointer;
}
.link_submit{
	border: none 0;
	background: transparent none;
	cursor: pointer;
	color: #008080;
	margin: 0;
	width: auto;
	overflow: visible;
}

.green_blue_arrow_bg span, .green_blue_arrow_bg li{
	margin-right: 10px;
	margin-left: 10px;
	width: 95%;
	display: block;
	background: transparent none right center no-repeat;
}
.green_blue_arrow_bg span, .green_blue_arrow_bg li{ background-image: url(../images/cosmetics/green_blue_arrow.png); }
ul.green_blue_arrow_bg{ margin-left: 0; }
.green_blue_arrow_bg li{
	background-position: left center;
	padding-left: 20px;
	margin-left: 0;
}
.button{
	line-height: 1em;
	padding: 1em 0 1em 5px;
	/* width: auto;
	overflow: visible; */
	margin-right: 10px;
	cursor: pointer;
	font-size: 23px;
	text-decoration: none;
	background: transparent none left center no-repeat;
}
/* a.button{ display: block; } */

.button:hover{ text-decoration: none; }
.button input, .button span{
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1em 10px 1em 5px;
	border: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	letter-spacing: -1px;
	/* margin: -1em 0; */
	background: transparent none right center no-repeat;
	text-decoration: none;
}

.button input.fix_connection_button{ margin-top: -6px; }
.button input.spaceless_top{ margin-top: 0; }
.button input.space_top_10{ margin-top: 10px; }
.button input.space_top_20{ margin-top: 20px; }
.button input.mar_t_-4{ margin-top:-24px; }

.pad_b_12 { padding-bottom:12px; }

.new_orange, .new_orange input, .new_orange span{ background-image: url(../images/buttons/orange_button.jpg); }
.new_orange:hover, .new_orange:hover input, .new_orange:hover span{ background-image: url(../images/buttons/green_blue_button.jpg); }
/*HACK for IE*/
.new_orange, .new_orange input, .new_orange span{ background-image: url(../images/buttons/orange_button.jpg); }
.new_orange:hover, .new_orange:hover input, .new_orange:hover span{ background-image: url(../images/buttons/green_blue_button.jpg); }
/* END HACK for IE*/
.new_green_blue, .new_green_blue input, .new_green_blue span{ background-image: url(../images/buttons/green_blue_button.jpg); }
.new_green_blue_sharp, .new_green_blue_sharp input, .new_green_blue_sharp span{ background-image: url(../images/buttons/green_blue_sharp_button.jpg); }
.new_green_blue_sharp span{ padding-right: 25px; }
.new_green_blue:hover, .new_green_blue:hover input, .new_green_blue:hover span{ background-image: url(../images/buttons/orange_button.jpg); }
.new_green_blue_sharp:hover, .new_green_blue_sharp:hover input, .new_green_blue_sharp:hover span{ background-image: url(../images/buttons/orange_sharp_button.jpg); }
.new_green, .new_green input, .new_green span{ background-image: url(../images/buttons/green_button.jpg); }
.new_green_payment, .new_green_payment input, .new_green_payment span{ background-image: url(../images/buttons/green_blue_button_payment.jpg); }
.new_green_blue_about, .new_green_blue_about input, .new_green_blue_about span{ background-image: url(../images/buttons/green_blue_button_about.jpg); }
.new_green_blue_about:hover, .new_green_blue_about:hover input, .new_green_blue_about:hover span{ background-image: url(../images/buttons/orange_button_about.jpg); }

.small_green_blue, .small_green_blue input,
.small_gray_light, .small_gray_light input,
.small_gray, .small_gray input,
.small_gray_light_unit, .small_gray_light_unit input,
.small_gray_unit, .small_gray_unit input,
.small_green_check, .small_green_check input,
.coaching_details_button, .coaching_details_button input
{ font-size: 14px; }
.coaching_details_button{ padding-left: 15px; }
.coaching_details_button input{ padding-left: 0; }
.coaching_details_button, .coaching_details_button input, .coaching_details_button span{ background-image: url(../images/buttons/coaching_details_green_blue_button.jpg); }
.small_green_blue, .small_green_blue input, .small_green_blue span{ background-image: url(../images/buttons/small_green_blue_button.jpg); }
.small_gray_light, .small_gray_light input, .small_gray_light span{
	color: #008080;
	background-image: url(../images/buttons/small_gray_light_button.jpg);
}
.small_green_blue:hover, .small_green_blue:hover input, .small_green_blue:hover span,
.small_gray_light:hover, .small_gray_light:hover input, .small_gray_light:hover span{
	color: #FFFFFF;
	background-image: url(../images/buttons/small_orange_button.jpg);
}
.coaching_details_button:hover, .coaching_details_button:hover input, .coaching_details_button:hover span{
	color: #FFFFFF;
	background-image: url(../images/buttons/coaching_details_orange_button.jpg);
}
.small_gray, .small_gray input, .small_gray span{
	color: #FFFFFF;
	background-image: url(../images/buttons/small_gray_button.jpg);
}
.small_gray_unit{ padding-left: 20px; }
.small_gray_unit input, .small_gray_unit span{ padding-left: 5px; }
.small_gray_unit, .small_gray_unit input, .small_gray_unit span{
	color: #FFFFFF;
	background-image: url(../images/buttons/small_gray_button_unit.jpg);
}

.small_gray_light_unit, .small_gray_light_unit input, .small_gray_light_unit span{
	color: #008080;
	background-image: url(../images/buttons/small_gray_light_button_unit.jpg);
}
.small_gray_light_unit:hover, .small_gray_light_unit:hover input, .small_gray_light_unit:hover span{
	color: #FFFFFF;
	background-image: url(../images/buttons/small_orange_button_unit.jpg);
}
.small_green_check{ padding-left: 20px; }
.small_green_check, .small_green_check input, .small_green_check span{
	background-image: url(../images/buttons/small_green_check_button.jpg);
}
.small_green_check:hover, .small_green_check:hover input, .small_green_check:hover span{
	background-image: url(../images/buttons/small_orange_check_button.jpg);
}
.small_check_gray, .small_check_gray input, .small_check_gray span{
	color: #FFFFFF;
	background-image: url(../images/buttons/small_gray_check_button.jpg);
}

/* changed by simon */
h1.left_title{
	float: left;
	margin: 10px 0 0 15px;
	_margin: 5px 0 0 7.5px;
}
/* end: changed by simon */
h3.right_title{
	float: right;
	margin-top: 25px;
	_margin-top: 12.5px;
}
.down_raquo{
	background: transparent url(../images/cosmetics/down_raquo.png) left center no-repeat;
	padding: 0 0 0 17px;
}
.left_arrow{
	background-image: url(../images/cosmetics/down_raquo.png) left center no-repeat;
	padding-left: 17px;
}

/* SUNDRY */

#wrapper{
	background-color: #000000;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	z-index: 999998;
}

.double_space{ line-height: 2.5em; }
.no_bold{ font-weight: normal; }
.height_auto { height:auto !important; } 
.overflow_hidden { overflow:hidden !important; }
.hidden { display:none; }
.hr{
	height: 2px;
	background-color: #e5e5e5;
	margin: 15px 0;
	padding: 0;
	border: none 0;
	clear: both;
}
.thin{ height: 1px; }
.white_shadow{
	border-top: 1px solid #bab6b6;
	height: 1px;
	background-color: #FFFFFF;
}
.hr hr{ display: none; }
.body_content{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

.gray_gradient{
	margin-top: -1px;
	background: transparent url(../images/cosmetics/gray_gradient.png) top center no-repeat;
}
.white_bg{ background-color: #FFFFFF; }
.plain{ margin: 0; padding: 0; line-height: 0.8em; }
.text_left{ text-align: left; }
.text_right{ text-align: right; }
.orange{ color: #ff6a00; }
.gray{ color: #aca6a6; }
.white{ color: #FFFFFF; }
.gray_bg{ background-color: #f4f1f1; }
.dark_gray_bg{ background-color: #d0cccc; }
.orange_bg{ background-color: #fee8b7; }
.highlight{ background-color: #379327; color: #FFFFFF; }

.big{ font-size: 65px; letter-spacing: -1px; }

.border{ border: solid 1px #DBDBDB; }
.border_top{ border-top: solid 1px #DBDBDB; }
.border_bottom{ border-bottom: solid 1px #DBDBDB; }
.border_right{ border-right: solid 1px #DBDBDB; }
.border_right_darker{ border-right: solid 1px #D0CCCC; }
.borderless_right{ border-right: none 0; }

.pad_top_40{ padding-top: 40px; }
.pad_top_20{ padding-top: 20px; }
.pad_top_10{ padding-top: 10px; }
.pad_15{ padding: 15px; }
.pad_30{ padding: 30px; }
.pad_right_60{ padding-right: 60px; }
.pad_right_30{ padding-right: 30px; }
.pad_right_10{ padding-right: 10px; }
.pad_left_20{ padding-left: 20px; }
.pad_left_25{ padding-left: 25px; }
.pad_left_30{ padding-left: 30px; }
.pad_bottom_30{ padding-bottom: 30px; }
.pad_bottom_15{ padding-bottom: 15px; }
.padless_bottom{ padding-bottom: 0; }
.padless_top{ padding-top: 0; }

.spaceless{ margin: 0; }

.spacemin_top_20{ margin-top: -20px; }
.space_top_50{ margin-top: 50px; }
.space_top_40{ margin-top: 40px; }
.space_top_30{ margin-top: 30px; }
.space_top_20{ margin-top: 20px; }
.space_top_15{ margin-top: 15px; }
.space_top_10{ margin-top: 10px; }
.space_top_5{ margin-top: 5px; }
.spaceless_top{ margin-top: 0; }

.space_left_170{ margin-left: 170px; }
.space_left_50{ margin-left: 50px; }
.space_left_30{ margin-left: 30px; _margin-left: 15px; }
.space_left_25{ margin-left: 25px; }
.space_left_20{ margin-left: 20px; }
.space_left_15{ margin-left: 15px; }
.space_left_5{ margin-left: 5px; }
.spaceless_left{ margin-left: 0; }

.space_right_15{ margin-right: 15px; }
.space_right_20{ margin-right: 20px; }

.space_bottom_40{ margin-bottom: 40px; }
.space_bottom_20{ margin-bottom: 20px; }
.space_bottom_15{ margin-bottom: 15px; }
.space_bottom_10{ margin-bottom: 10px; }
.spaceless_bottom_20{ margin-bottom: -20px; }
.spaceless_bottom{ margin-bottom: 0;}

.none{ display: none; }
.block{ display: block; }
.absolute{ position: absolute; }

/* END SUNDRY */

ul.cms_userHistory li{
	list-style-type: disc;
	padding: 2px 0;
}

/* Drupal */
div#content-header h1{ display:none; }

/* Dashboard */

.terms *{ margin-left: 0 !important; }

span.required{
	color: #999;
	display: block;
	font-size: 11px;
}

img#icon_aufgabe{
	margin:15px 0 0 -291px;
	position:absolute;
}
p.exer_next{ padding:0 0 0 1px; }
p.exer_next a{ font-weight: normal; }

a.btn_large{
	background:url('../images/dashboard/btn_large.png') no-repeat;
	color:#008080;
	display:block;
	font-weight:bold;
	height:27px;
	padding:14px 0 0 15px;
	text-shadow: #ffffff -1px -1px 0px;
	width:635px;
}
a.btn_large:hover {
	background-position:0 -41px;
	color:#fb7c00;
	text-decoration:none;
	text-shadow: #ffffff -1px -1px 0px;
}

div.tabs_small
{
	width:310px;
}
div.tabs_small ul.tabs
{
	height:39px;
}
div.tabs_small ul.tabs li
{
	display:block;
	float:left;
	list-style-type:none;
	margin-right:1px;
}
div.tabs_small ul.tabs a.tab
{
	background-position:0 -39px;
	color:#333;
	display:block;
	height:27px;
	padding-top:12px;
	text-align:center;
}
div.tabs_small ul.tabs a.tab:hover
{
	background-position:0 -79px;
	color:#fff;
	text-decoration:none;
	text-shadow: #b25300 -1px -1px 0px;
}
div.tabs_small ul.tabs a.tab.active,
div.tabs_small ul.tabs a.tab.active:hover
{
	background-position:0 0;
	color:#333;
	cursor:default;
	text-decoration:none;
	text-shadow:none;
}
div.tabs_small ul.tabs a.tab.w109
{
	background-image:url(../images/dashboard/tab_w109.png);
	width:109px;
}
ul.tabs a.tab.w163
{
	background-image:url(../images/dashboard/tab_w163.png);
	width:163px;
}

div.tabs_small div.container
{
	background:#fff;
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
	padding:10px 0 15px 0;
}

div#exercises_list div.header
{
	border-bottom:1px solid #ccc;
	padding:0 8px 3px 26px;
}
div#exercises_list div.header div
{
	color:#999;
	font-size:10px;
}

div.tabs_small div.container ul li
{
	border-bottom:1px solid #ccc;
}
div.tabs_small div.container ul li a
{
	color:#333;
	display:block;
	font-size:14px;
	font-weight:normal;
	height:14px;
	padding:5px 18px 5px 14px;
	text-decoration:none;
}
div.tabs_small div.container ul li a span
{
	display:block;
}
div.tabs_small div.container ul li a span.title
{
	float:left;
	width:225px
}
div.tabs_small div.container ul li a span.laquo
{
	color:#008080;
	display:inline;
}
div.tabs_small div.container ul li a span.raute
{
	display:inline;
	font-size:11px;
}
div.tabs_small div.container ul li a:hover,
div.tabs_small div.container ul li a:hover span.laquo,
div.tabs_small div.container ul li a:hover span.raute
{
	background-color:#ffecd9;
	color:#fb7c00;
}
div.tabs_small div.container ul li a.active,
div.tabs_small div.container ul li a.active span.laquo,
div.tabs_small div.container ul li a.active span.raute
{
	color:#fb7c00;
}

div.tabs_small div.container p.footer
{
	color:#858585;
	font-size:11px;
	line-height:14px;
	letter-spacing:normal;
	padding:15px 15px 0 15px;
}

/* Background images with round corners */
 .bg_img 
{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:transparent no-repeat;
	display:block;	
}
.bg_img.beziehung,
.bg_img.bewerbung,
.bg_img.mobbing,
.bg_img.diaet,
.bg_img.schlaf,
.bg_img.team
{
	background-image:url('../images/backgrounds/beziehung_top_bg.jpg');
	height:350px;	
	margin-top:-1px;
	width:428px;
}
.bg_img.bewerbung
{
	background-image:url('../images/backgrounds/yahoo.jpg');
}
.bg_img.diaet
{
	background-image:url('../images/backgrounds/smiling_woman.jpg');
}
.bg_img.schlaf
{
	background-image:url('../images/backgrounds/sleep.jpg');
}
.bg_img.mobbing
{
/*	background-image:url('../images/backgrounds/top_mobbing2.jpg'); */
}
.bg_img.advantages
{
	background-image:url('../images/backgrounds/smiling_woman_in_gray.jpg');
	height:300px;	
	width:410px;
}
.bg_img.team
{
	background-image:url('../images/backgrounds/collection.jpg');
	height:346px;
	margin-top:0;	
	width:404px;
}



div.team_vid
{
	height:253px;
	float:left;
	width:450px;
}
div.team_txt
{
	float:right;
	width:420px;
}
div.team_txt h1,
div.team_txt p,
div.team_txt a
{
	margin-left:0;
	width:auto;
}

/* terms */
ul.terms {
	margin-bottom: 30px;
}
ul.terms li ol {
	padding: 0 0 0 36px;
}
ul.terms li ol li ul {
	padding: 0 17px;
}
ul.terms li ol li ul li {
	list-style-type:circle;
}
/* end: terms */

.border { border: 1px solid #c6c6c6; }

/* landing */
body.bright_bg { background: #ededed url(../images/landing/background.jpg) repeat-x; }
body.height_header #header { padding-top: 10px;	height:68px; background: transparent url(../images/header_bg_l.png) left top no-repeat; }
body.height_header #header a{
	margin: 2px 0 0 5px ; padding: 0; 
}

#header.partner { background: transparent url(../images/header_bg_partner.png) left top no-repeat !important; }

div.landing .landing_intro { height: 300px; margin-top: 25px; }
div.landing .box { width: 470px; height: 100%; }
div.landing.box p  { position: relative;  top: 225px; width: 100%; text-align: center; }
div.landing.box.left.bg_img { 	background: none no-repeat transparent; }
div.landing.box.right.bg_img { 	background: none no-repeat transparent; }
div.hr.dark {  height: 1px; background-color: #b2b2b2; border-bottom: 1px solid #fff !important; }


.c_33 { width: 310px; float: left; }
.c_center { margin: 0 13px; }

.list_check { margin-top: 5px; }
.list_check li { padding: 5px 0 5px 20px; letter-spacing: -1px; line-height: 1em; background: transparent url(../images/cosmetics/blue_check.png) left center no-repeat; }

div.bg_img.ebook {
	background: none no-repeat right top transparent;
	margin-top: -16px;
}

div.landing_intro div.icons p { float: left; color: #999; font-size: 11px; }
div.landing_intro div.icons img { float: right; padding-left: 5px; }

.bright { background-color: #fff; padding: 3px 10px; text-decoration: none; }
.blue { color:  #008181; }

.landing .horizontal li{
	float: left;
	width: 308px;
}

#body div. div.bg_img.ebook.space_bottom_40 div.space_top_10 div.c_33.c_center a.button.curved.bright {  }


#body.landing p{ 
font-size: 0.875em !important; line-height: 1.275em !important; letter-spacing: 0px !important; }

#footer.campaign {
	margin-bottom: 0;
	padding-bottom: 60px;
}

.landing .box {
	position: relative;
}

.landing .box .comparison {
	position: absolute;
	right: 0pt;
	top: 26px;
}

.landing .left .comparison {
	width: 262px;
}

.landing .right .comparison {
	width: 292px;
}

.landing .box .comparison h2 {
	color: #000;
	font-size: 30px;
	font-weight: normal;
}

.landing .interaction-area_bigfont {
	color: #000;
	font-size: 39px;
	line-height: 42px;
	font-weight: bold;
}

.landing .interaction-area_mediumfont {
	color: #000;
	font-size: 32px;
	line-height: 37px;
	font-weight: bold;
}

.landing .box .comparison ul.advantages {
	font-size: 20px;
	line-height: 30px;
	margin: 10px 0 0 20px;
}

.landing .box .comparison ul.advantages li {
	list-style-position: outside;
	list-style-type: disc;
}

.landing .box .comparison ul.advantages li.highlighted {
	line-height: 15px;
	margin-top: 5px;
}

.landing .left .comparison ul.advantages li.highlighted {
	color: rgb(0, 204, 0);
}

.landing .right .comparison ul.advantages li.highlighted {
	color: rgb(251, 124, 0);
}

.signup_yellow_back
{
  background-color: #FFFF00;
}

.signup_red_font
{
  color: #E86203;
}

.complete_signup_teaser_1
{
  margin-top:16px;
  margin-bottom:6px;
  padding:12px;
  background-color: #FFFF00;
  font-size:24px;
  font-weight:bold;
}

.complete_signup_teaser_2
{
  font-size:13px;
  margin-bottom:22px;
  margin-left:12px;
}

.complete_signup_payment_model_title
{
  padding-top:15px;
  font-size:28px;
  font-weight:bold;
}

.complete_signup_payment_model_subtitle
{
  padding-top:10px;
  font-size:15px;
  font-weight:bold;
}

.complete_signup_payment_model_titledescription
{
  padding-top:10px;
  font-size:16px;
  font-weight:bold;
  padding-bottom:15px;
}

.complete_signup_payment_model_text
{
  padding-top:10px;
  letter-spacing:-0.3px;
  font-size:13px;
  line-height:18px;
}

.complete_signup_payment_model_text_small
{
  padding-top:10px;
  letter-spacing:-0.3px;
  font-size:12px;
  line-height:18px;
}

.complete_signup_payment_model_text_dic
{
  padding-top:10px;
  letter-spacing:-0.3px;
  font-size:12px;
  line-height:18px;
}

.complete_signup_payment_model_text_dic_small
{
  padding-top:10px;
  letter-spacing:-0.3px;
  font-size:11px;
  line-height:18px;
}

.complete_signup_payment_model_smalltext
{
  font-size:9px;
  padding-bottom:5px;
}

.small_paymentmodel_box
{
  width:183px;
  background-color: #F6F6F6; 
}

.small_paymentmodel_box_pricing_right_text
{
  width:172px;
  position:relative; left: 7px;
}

.small_paymentmodel_box_pricing_left_text
{
  width:172px;
  position:relative; left: 7px;
}

.small_paymentmodel_box_signin_right_text
{
  width:183px;
  position:relative; left: 4px;
}

.small_paymentmodel_box_signin_left_text
{
  width:183px;
  position:relative; left: 4px;
}

.freespace_height_16px
{
  line-height:1px;
  height:16px;
  padding:0px;
  margin:0px;
  border:none;
}

.signin_products_shadow
{
  width:7px;
}

.small_paymentmodel_box_down29
{
  margin-top:29px;
}

.small_paymentmodel_box_down20
{
  margin-top:20px;
}

.small_paymentmodel_box_width_190
{
  width:190px;
}

.small_paymentmodel_box_width_179
{
  width:179px;
}

.big_paymentmodel_box_width_200
{
  width:200px;
}

.big_paymentmodel_box_width_182
{
  width:182px;
}

.small_paymentmodel_box_left_signin
{
  text-align:center;
	border: solid 1px #C1C1C1;
  background: url(../images/backgrounds/signin_products_shadow_left.png) right top repeat-y;
  width:190px;
  margin-top:29px;
  background-color: #F6F6F6; 
}

.small_paymentmodel_box_left_pricing
{
  text-align:center;
	border: solid 1px #C1C1C1;
  background: url(../images/backgrounds/signin_products_shadow_left.png) right top repeat-y;
  width:190px;
  margin-top:20px;
  background-color: #F6F6F6; 
}

.small_paymentmodel_box_right_signin
{
  text-align:center;
	border: solid 1px #C1C1C1;
  background: url(../images/backgrounds/signin_products_shadow_right.png) left top repeat-y;
  width:190px;
  margin-top:29px;
  background-color: #F6F6F6; 
}

.small_paymentmodel_box_right_pricing
{
  text-align:center;
	border: solid 1px #C1C1C1;
  background: url(../images/backgrounds/signin_products_shadow_right.png) left top repeat-y;
  width:179px;
  margin-top:20px;
  background-color: #F6F6F6; 
}

.big_paymentmodel_box
{
  text-align:center;
	border: solid 2px #2A8E8E;
}

.complete_signup_payment_model_text_padding
{
  padding-bottom:10px;
}

.product_button
{
  width:100%;
  text-align:left;
  padding-top:15px;
  padding-bottom:12px;
  margin:0px;
  border: none;
  line-height:26px;
}

.product_button_small
{
  width:159px;
  height:32px;
  margin: 0px;
  position:relative; left: 15px;
  background: url(../images/buttons/green_blue_button_signup_payment_small.jpg) center center no-repeat;
  font-size:21px;
}

.product_button_small:hover
{
  background: url(../images/buttons/orange_button_signup_payment_small.jpg) center center no-repeat;
}

.product_button_small_input
{
  position:relative; left: 7px; top: 2px;
}

.product_button_small input
{
  font-size:21px;
  padding:0px;
}

.product_button_small label
{
  color:#ffffff;
  font-size:21px;
  font-weight:bold;
  padding-left:4px;
}

.product_button_big
{
  width:167px;
  height:42px;
  margin: 0px;
  position:relative; left: 16px;
  background: url(../images/buttons/green_blue_button_signup_payment.jpg) center center no-repeat;
  font-size:23px;
}

.product_button_big:hover
{
  background: url(../images/buttons/orange_button_signup_payment.jpg) center center no-repeat;
}

.product_button_big_input
{
  position:relative; left: 9px; top: 6px;
}

.product_button_big input
{
  font-size:23px;
  padding:0px;
}

.product_button_big label
{
  color:#ffffff;
  font-size:23px;
  font-weight:bold;
  padding-left:5px;
}


.signup_data_protection
{
  margin-top:16px;
  margin-bottom:24px;
  padding:12px;
  background-color: #BFBFBF;
  color:#FFFFFF;
  font-size:17px;
}

.grey_bg
{
  background-color: #E9E9E9;
}

.prepaid_pricelist
{
  padding:12px;
}

.prepaid_pricelist_title
{
  font-weight:bold;
}

.prepaid_pricelist table
{
  margin-top:5px;
}

.prepaid_pricelist td
{
  padding-top:2px;
  padding-bottom:2px;
  text-align:right;
}

.prepaid_pricelist hr
{
  border: 0px; /* Für Firefox und Opera */
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
  width:100%;
  margin-top:14px;
  margin-bottom:9px;
}

/* end: landing */

/* campaign html player */

#body .html-player-container {
	margin: 30px 0;
	height: 350px;
	position: relative;
}

#body .html-player-container .sponsors {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 1;
}

#body .html-player-container .badge {
	position: absolute;
	left: 15px;
	top: 200px;
	z-index: 2;
}

#body .html-player {
	background: url('../images/landing/player.png') no-repeat;
	height: 350px;
	position: relative;
	z-index: 0;
}

#body .html-player .interaction-area {
	background: url('../images/landing/player-interaction.png') no-repeat;
	position: absolute;
	height: 312px;
	left: 440px;
	padding: 6px 0 0 41px;
	top: 15px;
	width: 457px;
}

#body .html-player .interaction-area .question {
	font-size: 18px !important;
	font-weight: bold;
	padding: 17px 0;
}

#body .html-player .interaction-area .options .option {
	font-size: 16px !important;
	background-image: url('../images/landing/player-button.png');
	margin-bottom: 10px;
	cursor: pointer;
	font-weight: bold;
	color: rgb(14, 134, 134);
	padding: 11px 16px;
	height: 12px;
	width: 368px;
	line-height: 0.5;
}

#body .html-player .interaction-area .options .option:hover {
	background-image: url('../images/landing/player-button-hover.png');
	color: rgb(255, 255, 255);
}


#mobbing_player .html-player {
	height: 350px;
	position: relative;
	z-index: 0;
}

#mobbing_player .html-player .interaction-area {
	background: url('../images/landing/player-interaction.png') no-repeat;
	position: absolute;
	height: 312px;
	left: 470px;
	padding: 6px 0 0 41px;
	top: 15px;
	width: 457px;
	text-align:left;
}

#mobbing_player .html-player .interaction-area .question {
	font-size: 18px !important;
	font-weight: bold;
	padding: 17px 0;
}

#mobbing_player .html-player .interaction-area .options .option {
	font-size: 16px !important;
	background-image: url('../images/landing/player-button.png');
	margin-bottom: 10px;
	cursor: pointer;
	font-weight: bold;
	color: rgb(14, 134, 134);
	padding: 11px 16px;
	height: 12px;
	width: 368px;
	line-height: 0.5;
}

#mobbing_player .html-player .interaction-area .options .option:hover {
	background-image: url('../images/landing/player-button-hover.png');
	color: rgb(255, 255, 255);
}

/* end: campaign html player */

/* begin: dashboard kpi (neu) */
.kpi_form_container
{
	margin-left:20px;
}

.kpi_title
{
	padding-left:24px;
	font-size:26px;
}

.kpi_unit
{
	font-size:10px;
}

.kpi_unit_container
{
	width:185px;
	text-align:right;
}

.kpi_button_container
{
	width:185px;
	text-align:center;
}

.kpi_hr
{
	border-top: 1px solid #bab6b6;
	height: 1px;
	background-color: #FFFFFF;
}
/* end: dashboard kpi */



.icons img {
	width:60px;
	height:60px;
	margin-left:-10px;
	float:left;
	padding-right:10px;
}

.icons div {
    padding-top:20px;


}

.icons {
    padding-top:40px;
}

.testimonies_signup {
  float: left;
  margin-bottom: 30px;
  margin-left: 0;
  margin-top: 15px;
}


.testimonies_signup dl {
  padding: 30px 0 0;
}

.testimonies_signup img {
  float:left;
}

.hint {
	width: 200px;
	background: url(../images/hover_box_arrow.png) no-repeat center bottom;
	padding-bottom: 8px;
	position: relative;
	right: -90px;
	top: -125px;
	display: none;
}

.hint_new {
	width: 200px;
	background: url(../images/hover_box_arrow.png) no-repeat center bottom;
	padding-bottom: 8px;
	position: absolute;
	right: -90px;
	top: -125px;
	display: none;
}

.hint p {
	background: #fbe754;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff7bc), to(#fbe754));
	background: -moz-linear-gradient(#fff7bc, #fbe754);
	background: linear-gradient(#fff7bc, #fbe754);
	-pie-background: linear-gradient(#fff7bc, #fbe754);
	padding:  10px 15px;
	color: #000;
	line-height: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.hint_new p {
	background: #fbe754;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff7bc), to(#fbe754));
	background: -moz-linear-gradient(#fff7bc, #fbe754);
	background: linear-gradient(#fff7bc, #fbe754);
	-pie-background: linear-gradient(#fff7bc, #fbe754);
	padding:  10px 15px;
	color: #000;
	line-height: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.curved_right
{
    border: 2px solid #ffffff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:10px 0px 0px 0px;
	padding:6px;
	background: #ffffff;
	width:293px;
}

.interaction_value
{
	font-weight:bold;
	color:#008080;
}

.curved_turquoise
{
	margin-top:12px;
	height:104px;  
	width:324px;
	background: transparent url('../images/backgrounds/cta_mobbing1.jpg') left top no-repeat;
	padding: 12px 6px 12px 240px;
}

.curved_turquoise dl
{
	margin-top:5px;
	margin-left:15px;
	padding:2px 0px;
}

.curved_turquoise .button
{
	margin-top:5px;
	margin-left:15px;
}

.mobbing_overview
{
	width:270px;
}

.mobbing_overview_title
{	
	padding:8px 0px 8px 8px;
	font-size:14px;
	font-weight:bold;
	border-bottom: solid 1px #aaaaaa;
}

.mobbing_overview_entry
{
	padding:4px 0px 4px 8px;
	font-size:13px;
	border-bottom: solid 1px #aaaaaa;
}

 .mobbing_overview_leftcolumn
 {
	text-align:left;
 }
 
 .mobbing_overview_rightcolumn
 {
	text-align:right;
 }
 
 .mobbing_overview_price
{	
	padding:8px 0px 8px 8px;
	font-size:14px;
	font-weight:bold;
	border-top: solid 1px #aaaaaa;
	margin-top:1px;
}

.background_sonnenburg
{
	background: #FFFFFF url(../images/backgrounds/top_mobbing1.jpg) left top no-repeat;
    border: 1px solid #FFFFFF;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

.sonnenburg_introduction
{
	position: relative; top: 7px; left: 350px;
	width:522px;
	height:418px;
	background: #FFFFFF none;
	padding:24px;
}

.sonnenburg_video
{
	width:480px;
	height:300px;
	background: #ffffff;
}

.expert_box
{
	width:280px;
}

.expert_box_not_last
{
	margin-right:35px;
}

.expert_small_font
{
	font-size:12.3px;
	color:#666666;
}

.campaign_mobbing
{
	width:924px;
	padding:18px 18px 0px 18px;
	background:#ffffff;
}

.campaign_mobbing h1
{
	letter-spacing: -2px;
	word-spacing: 2px;
    color: #FB7C00;
    font-size: 30px;
}

.campaign_mobbing_button_small_1
{
    border: 1px solid #007B7B;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#007B7B;
	width:175px;
	height:20px;
	padding:5px 0px 0px 8px;
	margin:14px 0px;
}

.campaign_mobbing_button_small_1 a
{
	color:#ffffff;
	letter-spacing:0px;
}


.campaign_mobbing_what_is_it
{
    border: 1px solid #E2E2E2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#E2E2E2;
	width:276px;
	padding:8px;
	font-size:15.5px;
}

.campaign_mobbing_what_is_it p
{
	padding-bottom:3px;
	word-spacing:0;
	color:#4f4f4f;
}

.campaign_mobbing_last_container
{
	height:245px;
	background: transparent url(../images/backgrounds/bg_bottom_mobbing.jpg) right top no-repeat;
	padding-top:24px;
}

.campaign_mobbing_last_container_text
{
	font-size:14px;
	width:340px;
}

.campaign_mobbing_last_container_text a
{
	font-size:14px;
}

.campaign_mobbing_last_container_pics
{
	border: 1px solid #ffffff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#ffffff;
	padding:0px;
	height:225px;
	margin-right:12px;
	position: relative; top:-4px;
}

.campaign_mobbing_button_big
{
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	background:#007B7B;
    border: 1px solid #007B7B;
	width:240px;
	height:26px;
	padding:12px 0 0 8px;
	margin:12px 0px;
}

.campaign_mobbing_button_big a
{
	color:#ffffff;
	letter-spacing:0px;
	font-size:18px;
	text-decoration:none;
}

.campaign_mobbing_button_big a:hover
{
	color:#e2e2e2;
}

.campaign_mobbing_button_small_2
{
    border: 1px solid #007B7B;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#007B7B;
	width:175px;
	height:20px;
	padding:5px 0 0 8px;
	margin:4px 0px;
	font-size:15px;
}

.campaign_mobbing_button_small_2 a
{
	color:#ffffff;
	letter-spacing:0px;
	text-decoration:none;
}

.campaign_mobbing_button_small a:hover
{
	color:#e2e2e2;
}

.mobbing_coaching_block
{
	word-spacing:0;
	color:#7f7f7f;
}

.mobbing_coaching_block_small_pad
{
	padding-top:1px;
}

.campaign_mobbing hr
{
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #cccccc;
	width:100%;
	background: #ffffff none;
	height: 1px;
}

.campaign_mobbing_link_margin
{
	margin-top:4px;
}

.coaching_mobbing_title_darkgrey
{
	color:#5f5f5f;
}

.campaign_mobbing_coaching_background
{
	background: transparent url(../images/backgrounds/top_mobbing2.jpg) left top no-repeat;
}

.campaign_mobbing_video_container_right
{
	width:440px;
	margin-right:30px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
}

.coaching_mobbing_expert
{
	position: relative; top: 36px;
	padding:0px 0px 24px 0px;
	margin-left:30px;
	margin-bottom:16px;
}

.expert_sonnenburg
{
	padding-bottom:22px;
}

.coaching_mobbing_stoerer
{
	position: relative; left:-8px; top: 36px;
}

.player_html_anchor:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.prettyInline_text
{
	width:530px;
	padding:20px 0px 0px 20px;
}

.prettyInline_img
{
	width:150px;
	padding-top: 20px;
	padding-right: 20px;
}

.prettyInline_magenta
{
	color:#e20062;
}

.prettyInline_title
{
	font-size:32px;
	font-weight:bold;
}

.prettyInline_description
{
	font-size:17px;
	line-height:19px;
}

.prettyInline_button
{
	background: #aca6a6; 
	width:145px; 
	letter-spacing:0.5px;
	font-weight:bold; border-radius: 10px; 
	color: #FFFFFF; 
	font-size: 15px;
	padding: 10px; 
	text-decoration: none !important; 
	cursor:pointer;
}

