/***********************************************************
	STYLE DEFINITIONEN DERHEILPRAKTIKER.DE
	Company: Vanato GmbH
	Author: Sandro Coletti (sandro.coletti@vanato.com)
************************************************************/
body { font-family: Arial, Helvetica, sans-serif; color:gray; font-size:12px; line-height:160%; }

a { color:gray; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }

.wrapper { margin:0; }

.logo { background:url(../images/gesund_und_aktiv/logo.jpg) top right no-repeat; width:982px; height:48px; margin:0 300px 0 0; }

.header img { border:0; }
.header h1 a { float:left; margin:0; background:url(../images/logo.jpg) no-repeat top left; width:390px; height:108px; text-indent:-9765px; }
.header ul li { list-style:none; display:inline; }
.header ul { padding:47px 0 0 0; }
.header li { padding:0 0 0 20px; }
.header li a { background:url(../images/button.jpg) no-repeat; padding-left:17px; }
.header li a:hover { background:url(../images/button_hover.jpg) no-repeat; }
.header li #active { background:url(../images/button_hover.jpg) no-repeat; }
.header hr { background:url(../images/gesund_und_aktiv/sidebar_horizontal.jpg) top left no-repeat; border:0; height:3px; }

/*************************
	Spacer
*************************/
.spacer#buchzumabnehmen { margin:10px; }


/*************************
	Boxen
*************************/
.box-left { float:left; background:url(../images/gesund_und_aktiv/box_left_img.jpg) bottom right no-repeat; border:1px solid #FBBE10; width:420px; margin:50px 0 0 30px; padding:5px; }
.box-left h2 { background:url(../images/gesund_und_aktiv/headline_diaet.jpg) no-repeat; text-indent:-9765px; margin:10px 0; }
.box-left p { margin:0 0 10px 5px; }
.box-left #form { padding-right:200px; }
.box-left table tr { border:1px solid black; }
.box-left table td { color:black; }
.box-left table td span { font-weight:bold; }
.box-left table td input { width:50px; }
.box-left #submit_image { margin:20px 0 10px 0; }

.box-right { float:left; width:500px; margin:50px 0 0 20px; }
.box-right h2 { background:url(../images/gesund_und_aktiv/headline_abnehmen.jpg) no-repeat; height:50px; margin:0; text-indent:-9765px; }
.box-right p img { float:right; margin:0 0 5px 5px; }
.box-right #signature { display:block; text-align:right; font-style:italic; }

.box-right #boxLeft { float:left; width:233px; height:235px; border:1px solid #FBBF11; }
.box-right #boxRight { float:right; width:233px; height:235px; border:1px solid #FBBF11; background:url(../images/gesund_und_aktiv/box_right_rightimg.jpg) top left no-repeat; }

.box-right #boxLeft p, .box-right #boxRight p { margin:185px 0 0 10px; color:#666666; font-size:11px; }
.box-right #boxLeft p { margin:0 0 0 10px; color:#666666; font-size:11px; }
.box-right #boxLeft a, .box-right #boxRight a { margin:0px 0 0 10px; color:#E51F5C; font-size:11px; font-weight:bold; }
.box-right #boxLeft a:hover, .box-right #boxRight a:hover { text-decoration:none; }

#infoset {font-weight:bold; }
#infoset a { color:red; text-decoration:underline; }
#infoset a:hover { text-decoration:none; }

/*************************
	Auswertung
*************************/
.auswertung { border:1px solid #FBBE10; width:750px; text-align:left; margin:0 0 0 390px; }
.auswertung h1 { color:#0081C3; font-size:16px; margin:10px 0 0 0; }
.auswertung h2 { color:#0081C3; font-size:12px; margin:20px 0 20px 0; }
.auswertung table { margin:0 0 0 10px; }

.bmi-table { background:#FDD7E2; width:275px; height:320px; font-size:11px; }
.bmi-table td { border:1px solid white; padding:0 10px; }
.bmi-table td span { display:block; margin:10px 0 0 0; color:#0081C3; font-weight:bold; }
.bmi-table td p { color:black; }
.bmi-table #element { background:#FCB4C9; color:black; }
.bmi-table #headline { font-weight:bold; color:white; background:#ED145B; }

/*************************
	Infoset
*************************/
.infoset { border:1px solid #FBBE10; width:750px; text-align:left; margin:0 0 0 390px; padding:10px; background:#ECF0F1 url(../images/infoset/infoset_patient.jpg) no-repeat top right; }
.infoset h1 { color:#0081C3; font-size:16px; margin:10px 0 0 0; }
.infoset h2 { color:#0081C3; font-size:12px; margin:0; }
.infoset p { padding:0 350px 0 0; }
.infoset ul { margin:0; padding:0 0 0 20px; }
.infoset table { margin:0 0 0 10px; }
.infoset table tr td { padding:3px; }
.infoset #plz { width:50px; }
.infoset #ort { width:115px; }

/*************************
	Buch zum abnehmen
*************************/
.buchzumabnehmen { border:1px solid #FBBE10; width:750px; text-align:left; margin:0 0 0 390px; padding:10px; background:#F1F4F9 url(../images/infoset/buch-bestellen-gross.jpg) no-repeat top right; }
.buchzumabnehmen h1 { color:#0081C3; font-size:16px; margin:10px 0 0 0; }
.buchzumabnehmen h2 { color:#0081C3; font-size:12px; margin:0; }
.buchzumabnehmen p { padding:0 350px 0 0; }

/*************************
	Stoffwechselprogramm
*************************/
.stoffwechselprogramm { border:1px solid #FBBE10; width:750px; text-align:left; margin:0 0 0 390px; padding:10px; background:#F1F4F9; }
.stoffwechselprogramm h1 { color:#0081C3; font-size:16px; margin:10px 0 0 0; }
.stoffwechselprogramm h2 { color:#0081C3; font-size:12px; margin:0; }
.stoffwechselprogramm h3 { color:#0081C3; font-size:14px; margin:0; }
.stoffwechselprogramm #box-left { float:left; width:430px; }
.stoffwechselprogramm #box-right { float:right; width:300px; }
.stoffwechselprogramm #number { font-size:30px; color:#EA0C57; font-style:italic; margin:0 10px 0 0; }
.stoffwechselprogramm #arrow { font-size:30px; color:#EA0C57; font-style:italic; margin:10px 0 10px 100px; }

.error { color:red; font-weight:bold; }
.error input { border:1px solid red; }

/*************************
	Klassen
*************************/
.advice#error { border:1px solid #6D7176; padding:5px; background:#FFFFE1; color:#3F444A; font-weight:bold; }
.advice#submit { border:1px solid #6D7176; padding:5px; background:#FFFFE1; color:#3F444A; font-weight:bold; }
.advice#submit-infoset { border:1px solid #6D7176; padding:5px; background:#FFFFE1; color:#3F444A; font-weight:bold; width:320px; }

/*************************
	Kontaktformular
*************************/
.contactform input, .contactform textarea { border:1px solid #999999; }
.contactform input, .contactform textarea { padding:3px; font-size:11px; font-weight:bold; }
.contactform span { font-size:11px; font-weight:bold; }
.contactform input { width:190px; }
.contactform #email { width:395px; }
.contactform textarea { width:395px; height:150px; }
.contactform #submit { margin:10px 0 0 0; }