@charset "UTF-8";
/* CSS Document */

/*------Allgemeine Definitionen-----*/
/*----------------------------------*/

*{
	margin: 0;
	padding: 0;
}

a{
	color: #012a9e;
	text-decoration: underline;
}

a:hover, a:active{
	color: #ff9c00;
}

a img{
	border: 0 none;
}

body{
	background: url(../img/bg.jpg) repeat-x #012a9e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*Formulare*/
input, textarea{
	background: #f0f7ff;
	border: 1px solid #012a9e;
	color: #012a9e;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}

/*Horizontale Linie*/

hr{ 
	width:100%;
	border:none;
	color:#ff9c00;
	background:#ff9c00; 
	height: 1px; 
	margin: 7px 0px 7px 0px !important; 
	margin: -2px 0px -2px 0px;
	line-height:1px;
	font-size:1px;
}

/*Listen*/

ul{
	margin-left: 15px;
	margin-bottom: 10px;
}

ul li{
	line-height: 150%;
}

/*----------------IDs---------------*/
/*----------------------------------*/

#center{
	height: 500px;
	background: url(../img/bg_center.jpg) top center no-repeat;
}

#wrapper{
	width: 900px;
	margin: auto;
}

#header{
	height: 288px;
	background: url(../img/bg_header.jpg) no-repeat;
}

#header h1{
	display: none;
}

#navigation{
	height: 25px;
	background: url(../img/bg_navigation.jpg) repeat-x;
}

#navigation a{
	color: #ffffff;
	cursor: pointer;
	display: block;
}

#navigation ul.menu ul a{
	color: #ffffff;
	cursor: pointer;
	display: block;
}

#navigation ul.menu ul a:hover{
	color: #333333;
}

#navigation a:hover{
	color: #ff9c00;
}

#main{
	padding-top: 10px;
	background: url(../img/bg_main.jpg) repeat-y;
}

#back{
	width: 860px;
	float: left;
	padding: 10px 10px 0 10px;
	background: url(../img/bg_content.jpg) top no-repeat #012a9e;
}

#content{
	width: 880px;
	float: left;
	padding: 0 10px;
	background: url(../img/bg_main.jpg) repeat-y;
}

#inner{
	float: left;
	background: url(../img/bg_inner.jpg) repeat-y;
}

#inwrap{
	float: left;
	background: url(../img/bg_inwrap.jpg) top no-repeat;	
}

/*Linke Spalte Zweispaltig*/
/*------------------------*/

#left{
	width: 560px;
	float: left;
	padding: 20px 20px 0 20px;
	margin: 0px 10px 0px 0;
	background: url(../img/bg_left_top.jpg) top no-repeat #dadbdc;
}

#left a{
	color: #012a9e;
	text-decoration: underline;	
}

#left a:hover, #left a:active{
	color: #ff9c00;	
}

#left h2{
	font-weight: bold;
	color: #012a9e;
	font-size: 14px;
	padding-bottom: 10px;
}

#left h3, #left h4, #left h5, #left h6{
	font-weight: bold;
	color: #012a9e;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#left h2.herzlichwillkommen{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#left p{
	line-height: 150%;
	text-align: justify;
	padding-bottom: 10px;
}

/*links ausgerichtetes Bild*/

#left img.left{
	float: left;
	margin: 0 10px 10px 0;
}

/*rechts ausgerichtetes Bild*/

#left img.right{
	float: right;
	margin: 0 0 10px 10px;
}

/*Linke Spalte Einspaltig*/
/*------------------------*/

#left_onecolumn{
	width: 820px;
	min-height: 200px;
	float: left;
	padding: 20px 20px 0 20px;
	background: url(../img/bg_left-onecolumn_top.jpg) top no-repeat #dadbdc;
}

#left_onecolumn a{
	color: #012a9e;
	text-decoration: underline;	
}

#left_onecolumn a:hover, #left_onecolumn a:active{
	color: #ff9c00;
}

#left_onecolumn h2{
	font-weight: bold;
	color: #012a9e;
	font-size: 14px;
	padding-bottom: 10px;
}

#left_onecolumn h3, #left_onecolumn h4, #left_onecolumn h5, #left_onecolumn h6{
	font-weight: bold;
	color: #012a9e;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#left_onecolumn p{
	line-height: 150%;
	text-align: justify;
	padding-bottom: 10px;
}

/*links ausgerichtetes Bild*/


#left_onecolumn img.left{
	float: left;
	margin: 0 10px 10px 0;
}

/*rechts ausgerichtetes Bild*/

#left_onecolumn img.right{
	float: right;
	margin: 0 0 10px 10px;
} 
 
 
/*Rechte Spalte*/
/*-------------*/

#right{
	width: 230px;
	float: right;
	padding: 0 10px 0 10px;
	background: url(../img/bg_right_top.jpg) no-repeat #005dc2;
}

#right img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#right a{
	color: #012a9e;
	text-decoration: underline;	
}

#right a:hover, #right a:active{
	color: #ff9c00;
}

#language{
	width: 210px;
	height: 20px;
	color: #ffffff;
	padding: 0 10px;
	line-height: 20px;
	margin-top: 10px;
	font-size: 9px;
	background: url(../img/bg_language.jpg) no-repeat;
}

#footer{
	height: 20px;
	width: 900px;
	float: left;
	color: #ffffff;
	padding-top: 36px;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
	background: url(../img/bg_footer.jpg) no-repeat;
}

#footer_onecolumn{
	height: 30px;
	width: 900px;
	float: left;
	color: #ffffff;
	padding-top: 36px;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
	background: url(../img/bg_footer-onecolumn.jpg) no-repeat;
}

#footer a, #footer_onecolumn a{
	color: #ffffff;
}

#footer a:hover, #footer_onecolumn a:hover{
	color: #ff9c00;
}
/*--------------KLASSEN-------------*/
/*----------------------------------*/

/*Hilfsklassen*/

.fright{
	float: right;
}

.fleft{
	float: right;
}

.topmargin{
	margin-top: 20px;
}

.botmargin{
	margin-bottom: 20px;
}

.nodisplay{
	display: none;
}

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

.bold{
	font-weight: bold;
}

/*Newsitem*/

.newsitem_adress{
	width: 210px;
	padding: 10px;
	background: url(../img/bg_adress_top.jpg) top no-repeat;
}

.newsitem_adress_bottom{
	margin-top: 10px;
	background: url(../img/bg_adress_bottom.jpg) bottom no-repeat #ffffff;
}

.newsitem_adress h2{
	font-size: 12px;
	font-weight: bold;
	color: #012a9e;
	padding-bottom: 5px;
}

.newsitem_adress h3, .newsitem_adress h4, .newsitem_adress h5, .newsitem_adress h6{
	font-size: 12px;
	font-weight: bold;
	color: #012a9e;
	margin-top: 20px;
	padding-bottom: 5px;	
}

.newsitem_adress p{
	text-align: justify;
	padding-bottom: 5px;
}

.newsitem{
	width: 210px;
	padding: 10px;
	margin-bottom: 10px;
	background: url(../img/bg_newsitem_top.jpg) top no-repeat;
}

.newsitem_bottom{
	margin-top: 10px;
	background: url(../img/bg_newsitem_bottom.jpg) bottom no-repeat #dadbdc;
}

.newsitem h2, .newsitem h3, .newsitem h4, .newsitem h5, .newsitem h6{
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #012a9e;
	padding-bottom: 10px;
}

.newsitem p{
	text-align: left;
	padding-bottom: 5px;
}

/*Home-Überschriftsgrafiken*/

.herzlichwillkommen{
	display: block;
	width: 223px;
	height: 63px;
	background: url(../img/header_herzlichwillkommen.jpg) no-repeat;
}

.poweryourlife{
	display: block;
	width: 195px;
	height: 31px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(../img/header_poweryourlife.jpg) no-repeat;
}

.wirzeigenihnendenweg{
	display: block;
	float: left;
	clear: left;		
	width: 181px;
	height: 25px;
	margin-top: 30px;
	background: url(../img/header_wirzeigenihnendenweg.jpg) no-repeat;
}

/*Mehr-Button*/

a.mehr_button{
	display: block;
	height: 20px;
	clear: left;		
	width: 74px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../img/button_mehr.jpg) top no-repeat;
}

a.mehr_button:hover{
	background: url(../img/button_mehr.jpg) bottom no-repeat;
}

/*ZURÜCK-Button*/

.button_zurueck{
	display: block;
	height: 20px;
	clear: left;		
	width: 84px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../img/button_zurueck.jpg) top no-repeat;
}

.button_zurueck:hover{
	background: url(../img/button_zurueck.jpg) bottom no-repeat;
}


/*Anmeldung-Button*/

a.anmeldung_button{
	display: block;
	height: 20px;
	clear: left;		
	width: 110px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../img/button_anmeldung.jpg) top no-repeat;
}

a.anmeldung_button:hover{
	background: url(../img/button_anmeldung.jpg) bottom no-repeat;
}

/*Bestellen-Button*/

a.bestellen_button{
	display: block;
	height: 20px;
	clear: left;		
	width: 110px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../img/button_bestellen.jpg) top no-repeat;
}

a.bestellen_button:hover{
	background: url(../img/button_bestellen.jpg) bottom no-repeat;
}

/*Anfordern-Button*/

a.anfordern_button{
	display: block;
	height: 20px;
	clear: left;		
	width: 110px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../img/button_anfordern.jpg) top no-repeat;
}

a.anfordern_button:hover{
	background: url(../img/button_anfordern.jpg) bottom no-repeat;
}

/*Absenden-Button*/

.absenden_button{
	cursor: pointer;
	border: 0 none;
	display: block;
	height: 20px;
	clear: left;		
	width: 102px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	cursor: pointer;
}

/*Sprachen*/

.language_sel_german{
	display: block;
	float: right;
	margin-left: 3px;
	width: 17px;
	height: 20px;
	background: url(../img/language_german.jpg) top no-repeat;
}

.language_sel_english{
	display: block;
	float: right;
	margin-left: 3px;
	width: 17px;
	height: 20px;
	background: url(../img/language_english.jpg) top no-repeat;
}

a.language_english{
	display: block;
	float: right;
	cursor: pointer;
	margin-left: 3px;
	width: 17px;
	height: 20px;
	background: url(../img/language_english.jpg) bottom no-repeat;
}

a.language_english:hover{
	background: url(../img/language_english.jpg) top no-repeat;
}

a.language_german{
	display: block;
	float: right;
	cursor: pointer;
	margin-left: 3px;
	width: 17px;
	height: 20px;
	background: url(../img/language_german.jpg) bottom no-repeat;
}

a.language_german:hover{
	background: url(../img/language_german.jpg) top no-repeat;
}

/*Home-Buttons*/

.rightpad{
	margin-right: 53px;
}

.button_bodyprofile{
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	margin-top: 10px;
	background: url(../img/button_bodyprofile.jpg) top no-repeat;
}

.button_bewegung{
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	margin-top: 10px;	
	background: url(../img/button_bewegung.jpg) top no-repeat;
}

.button_energy-food{
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	margin-top: 10px;	
	background: url(../img/button_energy-food.jpg) top no-repeat;
}

.button_charisma{
	display: block;
	float: left;
	width: 100px;
	height: 120px;
	margin-top: 10px;	
	background: url(../img/button_charisma.jpg) top no-repeat;
}

table td{
        padding: 2px;
}

/*BMI*/

#bmi{
        margin-bottom: 20px;
}

#bmi input{
	background: #f0f7ff;
	border: 1px solid #012a9e;
	color: #012a9e;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	text-align: center;
}

.bmi-table{
	width: 400px !important;
}

.bmi_outer{
	float: left; 
	width: 400px; 
	background: url(../img/bg_bmi_top.jpg) top no-repeat #ffffff; 
	margin-bottom: 10px;
}

.bmi_inner{
	background:url(../img/bg_bmi_bottom.jpg) bottom no-repeat; 
	padding: 10px
}

/*TYPO3*/

#right div.csc-header h2{
	margin-top: 0px;
}

#right div.csc-header h2 a{
	text-decoration: none;
}

div.csc-header-n1 h2 {
	margin: 0;
}

h2.imageheader-hb, h2.imageheader-gr {
	overflow: hidden;
	height: 63px;
	/*text-indent: 999em;*/
	white-space: nowrap;
	background-repeat: no-repeat;
}

#left h2.imageheader-hb{
	margin-top: 0;
}

#left h2.imageheader-gr {
	height: 31px;
	margin-top: 30px;
}

fieldset.csc-mailform {
	border: 0 none;
}

div.csc-mailform-field select{
	margin-bottom: 10px;
}

div.csc-mailform-field label{
	width: 200px;
	display: block;
}

div.gssolonglife-form fieldset.gssolonglife-fieldset{
	border: 0 none;
}

div.gssolonglife-form div.gssolonglife-field input{
	padding-right: 10px;
}

div.gssolonglife-form fieldset.gssolonglife-fieldset legend{
	color: #012a9e;
}

div.gssolonglife-result p{
	color: #012a9e;
}

.st_flashplayer_float_left{
        clear: right;
}