/* Basisaufbau der Seite */

img, div {
	behavior: 				url(styles/iepngfix.htc);
	border:					0px;
}

* {
	margin: 				0;
	padding: 				0;
}

html {
	height: 				100%;
}

body  {
	background-color:		#040404;
	height: 				100%;
	margin:					0px;
	background-image:		url(../bilder/back.jpg);
	background-position:	center top;
	background-repeat:		repeat-y;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			17px;
	text-align:				center;
	text-decoration:		none;
	color:					#bac2c7;
}

a:focus { 
	outline: 				none;
}

a:link, a:visited  {
	color: 					#3c841e;
	text-decoration: 		none;
}

a:hover, a:active  {
	color: 					#bac2c7;
	text-decoration: 		none;
}

#overall
{
	width: 					100%;
	margin: 				0 auto;
	min-height: 			100%;
}

* html #overall
{
	height: 				100%;
}

#main {
	position: 				absolute;
	top:					50%;
	left:					50%;
	height:					350px;
	width:					510px;
	margin-top:				-175px;
	margin-left:			-255px;
	background-image:		url(../bilder/numidia-card.png);
	background-position:	center center;
	background-repeat:		no-repeat;
}

.icons  {
	position:				relative;
	margin-left:			434px;
	margin-top:				105px;
	width:					38px;
	height:					auto;
	float:					left;
	overflow:				hidden;
}

.icon-contact  {
	position:				relative;
	width:					38px;
	height:					32px;
	background-image:		url(../bilder/icon-contact.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

.icon-contact:hover  {
	background-image:		url(../bilder/icon-contact-over.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

.icon-xing  {
	position:				relative;
	margin-top:				17px;
	width:					38px;
	height:					32px;
	background-image:		url(../bilder/icon-xing.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

.icon-xing:hover  {
	background-image:		url(../bilder/icon-xing-over.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

.icon-ecard  {
	position:				relative;
	margin-top:				17px;
	width:					38px;
	height:					32px;
	background-image:		url(../bilder/icon-ecard.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

.icon-ecard:hover  {
	background-image:		url(../bilder/icon-ecard-over.png);
	background-position:	top center;
	background-repeat:		no-repeat;
}

/* -------------------------------------------------------------- */

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	width:					960px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

#centerbox {
	position:				relative;
	width: 					960px;
	padding-bottom: 		120px;
	display:				block;
}

#header  {
	position:				relative;
	width: 					960px;
	height:					260px;
	background-image:		url(../bilder/header.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;
	text-align:				left;
	display:				block;
	overflow:				hidden;
}

#contentbox  {
	position:				relative;
	width: 					960px;
	min-height:				100px;
	text-align:				left;
	display:				block;
	overflow:				visible;
}

#col-navi  {
	position:				relative;
	width: 					220px;
	margin-right:			40px;
	float:					left;
	overflow:				hidden;
}

#col-content  {
	position:				relative;
	width: 					680px;
	margin-top:				26px;
	margin-right:			20px;
	float:					left;
	overflow:				visible;
}

/* Headlines ---------------------------------------------------------------------------- */

#logo {
	position:				absolute;	
	top:					70px;
	left:					0px;
	width:					240px;
	height:					120px;
}

/* Topline ------------------------------------------------------------------------------ */

#topline {
	position:				relative;
	width: 					940px;
	height:					40px;
	padding-right:			20px;
	overflow:				hidden;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	line-height:			11px;
	text-align:				left;
	text-decoration:		none;
	color:					#7b7e7c;
	display:				block;
}

#topline a {
	text-decoration:		none;
	color:					#7b7e7c;
}

#topline a:hover {
	text-decoration:		none;
	color:					#CbCeCc;
}

#topline-left {
	position:				relative;
	height:					28px;
	margin-top:				10px;
	float:					left;
}

#topline-right {
	position:				relative;
	height:					25px;
	margin-top:				15px;
	float:					right;
	text-align:				left;
}

.topline-lr {
	position:				relative;
	margin-top:				7px;
	margin-right:			10px;
	float:					left;
}

.topline-trenner {
	position:				relative;
	margin-left:			15px;
	margin-right:			15px;
}

/* Navi ------------------------------------------------------------------------------ */

#navi {
	position:			relative;
	width:				220px;
	float:				left;
	overflow:			visible;
}

#navi a {
	position:			relative;
	width:				180px;
	height:				23px;
	padding-left:		20px;
	padding-right:		20px;
	padding-top:		7px;
	background-image:	url(../bilder/navi/btn-off.gif);
	background-position:top center;
	background-repeat:	no-repeat;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	line-height:		16px;
	text-decoration:	none;
	color:				#3c841e;	
	float:				left;
}

#navi a:hover {
	background-image:	url(../bilder/navi/btn-over.gif);
	background-position:top center;
	background-repeat:	no-repeat;
	text-decoration:	none;
	color:				#3e4244;
}

.nav-active {
	position:			relative;
	width:				170px;
	height:				23px;
	padding-left:		30px;
	padding-right:		20px;
	padding-top:		7px;
	background-image:	url(../bilder/navi/btn-active.gif);
	background-position:top center;
	background-repeat:	no-repeat;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	line-height:		16px;
	text-decoration:	none;
	color:				#3e4244;	
	float:				left;
}

/* Headlines --------------------------------------------------------------------------- */

h1 {
	width:					500px;
	height:					55px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				38px;
	line-height:			50px;
	text-decoration:		none;
	font-weight:			100;
	color:					#FFFFFF;
	text-align:				right;
	text-indent: 			1000px;
}

h2 {
	width:					500px;
	height:					35px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				16px;
	line-height:			35px;
	text-decoration:		none;
	font-weight:			600;
	color:					#FFFFFF;
	text-align:				right;
	text-indent: 			1000px;
}

h3 {
	margin-top:				20px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				14px;
	line-height:			30px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#337518;
	display:				block;
}

#h3-oben {
	margin-top:				-5px;
}

#headline-h1 {
	position:				absolute;
	top:					105px;
	left:					440px;
	width:					500px;
	height:					55px;
	overflow:				hidden;
}

#headline-h2 {
	position:				absolute;
	top:					150px;
	left:					440px;
	width:					500px;
	height:					35px;
	overflow:				hidden;
}

#h1-startseite {
	background-image:		url(../bilder/headlines/h1-startseite.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-startseite {
	background-image:		url(../bilder/headlines/h2-startseite.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-ueberuns {
	background-image:		url(../bilder/headlines/h1-ueberuns.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-ueberuns {
	background-image:		url(../bilder/headlines/h2-ueberuns.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-aloe-vera {
	background-image:		url(../bilder/headlines/h1-aloe-vera.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-aloe-vera {
	background-image:		url(../bilder/headlines/h2-aloe-vera.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-partner {
	background-image:		url(../bilder/headlines/h1-partner.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-partner {
	background-image:		url(../bilder/headlines/h2-partner.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-linktipps {
	background-image:		url(../bilder/headlines/h1-linktipps.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-linktipps {
	background-image:		url(../bilder/headlines/h2-linktipps.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-kontakt {
	background-image:		url(../bilder/headlines/h1-kontakt.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-kontakt {
	background-image:		url(../bilder/headlines/h2-kontakt.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-impressum {
	background-image:		url(../bilder/headlines/h1-impressum.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-impressum {
	background-image:		url(../bilder/headlines/h2-impressum.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h1-infocenter {
	background-image:		url(../bilder/headlines/h1-infocenter.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

#h2-infocenter {
	background-image:		url(../bilder/headlines/h2-infocenter.gif);
	background-position:	top right;
	background-repeat:		no-repeat;
}

/* Content ----------------------------------------------------------------------------- */

li {
	position:				relative;
	width:					170px;
	float:					left;
}

#wirkstoff {
	position:				relative;
	width:					170px;
	float:					left;
}

#wirkstoff-detail {
	position:				relative;
	width:					510px;
	margin-bottom:			5px;
	float:					left;
}

.contentpic {
	position:				relative;
	margin-top:				10px;
	padding-bottom:			20px;
	background-image:		url(../bilder/pic-shade.jpg);
	background-position:	bottom center;
	background-repeat:		no-repeat;
	float:					left;
}

.disclaimer {
	position:				relative;
	width:					100%;
	margin-top:				10px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				9px;
	line-height:			15px;
	text-align:				left;
	text-decoration:		none;
	color:					#7b7e7c;
	text-align:				justify;
	float:					left;
}

.text {
	position:				relative;
	width: 					680px;
	float:					left;
}

#impressum-sub {
	position:				relative;
	width:					170px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				11px;
	line-height:			15px;
	text-align:				left;
	text-decoration:		none;
	color:					#999999;
	float:					left;
}

#impressum-info {
	position:				relative;
	width:					200px;
	padding-right:			10px;
	padding-bottom:			4px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			15px;
	text-align:				left;
	text-decoration:		none;
	color:					#606060;
	float:					left;
}

#schmuckpic {
	float:					right;
}

.infos-intern  {
	position:				relative;
	width: 					220px;
	min-height:				200px;
	padding-left:			130px;
	background-image:		url(../bilder/infocenter/screen-intern.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;
	display:				block;
}

.infos-extern  {
	position:				relative;
	width: 					220px;
	min-height:				200px;
	padding-left:			130px;
	background-image:		url(../bilder/infocenter/screen-extern.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;
	display:				block;
}

.infos-hl  {
	position:				relative;
	height:					20px;
	width:					220px;
	margin-top:				14px;
	margin-bottom:			20px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			15px;
	text-align:				left;
	text-decoration:		none;
	color:					#606060;
	float:					left;
}

.infolink a {
	position:				relative;
	width:					220px;
	padding-top:			5px;
	padding-bottom:			5px;
	padding-left:			25px;
	margin-top:				2px;
	margin-bottom:			2px;
	background-image:		url(../bilder/infocenter/pfeil.jpg);
	background-position:	center left;
	background-repeat:		no-repeat;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			15px;
	text-align:				left;
	text-decoration:		none;
	color:					#606060;			
	float:					left;
}

.infolink a:hover  {
	color: 					#3c841e;
	text-decoration: 		none;
}

/* Linktipp ---------------------------------------------------------------------------- */

.linktipp {
	position:				relative;
	width: 					960px;
	height:					110px;
	margin-top:				10px;
	background-image:		url(../bilder/linktipp-back.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	overflow:				hidden;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			17px;
	text-align:				left;
	text-decoration:		none;
	color:					#606060;
	float:					left;
}

.linktipp-pic {
	position:				absolute;
	z-index:				1;
	top:					10px;
	left:					10px;
	width:					120px;
	height:					90px;
	overflow:				hidden;
}

.linktipp-hl {
	position:				absolute;
	z-index:				2;
	top:					10px;
	left:					160px;
	width:					520px;
	height:					22px;
	overflow:				hidden;
}

.linktipp-info {
	position:				absolute;
	z-index:				3;
	top:					50px;
	left:					160px;
	width:					520px;
	height:					50px;
	overflow:				hidden;
}

/* Formular --------------------------------------------------------------------------- */

.formtable {
	cellpadding-bottom:		2px;
}

.formfeld-200 {
	width:				180px;
	height:				21px;
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		3px;
	background:			transparent;
	border:				0px;
	background-image:	url(../bilder/formular/feld200.gif);
	background-position:top left;
	background-repeat:	no-repeat;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height:		14px;
	text-decoration:	none;
	color:				#606060;
	float:				left;
}

.formfeld-200-stern {
	width:				180px;
	height:				21px;
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		3px;
	background:			transparent;
	border:				0px;
	background-image:	url(../bilder/formular/feld200-stern.gif);
	background-position:top left;
	background-repeat:	no-repeat;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height:		14px;
	text-decoration:	none;
	color:				#606060;
	float:				left;
}

.formarea {
	width:				526px;
	height:				110px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	padding-right:		10px;
	background:			transparent;
	border:				0px;
	background-image:	url(../bilder/formular/formarea.gif);
	background-position:bottom left;
	background-repeat:	no-repeat;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height:		14px;
	text-decoration:	none;
	color:				#606060;
	overflow:			auto;
	float:				left;
}

.submitbtn {
	position:			relative;
	width:				200px;
	height:				26px;
	padding-top:		4px;
	padding-bottom:		6px;
	text-align:			center;
	border:				0px;
	background:			transparent;
	background-image:	url(../bilder/formular/btn-off.gif);
	background-position:top center;
	background-repeat:	no-repeat;
	overflow:			hidden;
	font-family: 		Tahoma, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	line-height:		16px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	color:				#3c841e;
	float:				left;
}

.submitbtn:hover {
	background-image:	url(../bilder/formular/btn-over.gif);
	background-position:top center;
	background-repeat:	no-repeat;
	text-decoration:	none;
	color:				#000000;
}

/* Content ------------------------------------------------------------------------------ */
.startcoulage {
	width:					240px;
	height:					320px;
	margin-top:				-105px;
	float:					right;
}

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

#footer-content  {
	position:				relative;
	width: 					960px;
	height:					120px;
	background-image:		url(../bilder/back-footer-center.jpg);
	background-position:	top center;
	background-repeat:		no-repeat;
	text-align:				center;
	overflow:				hidden;
}

#footer-top {
	position:				relative;
	width:					920px;
	height:					22px;
	margin-top:				48px;
	margin-left:			20px;
	margin-right:			20px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	line-height:			14px;
	text-align:				left;
	text-decoration:		none;
	color:					#7b7e7c;
	float:					left;
}

#footer-top a {
	text-decoration:		none;
	color:					#7b7e7c;
}

#footer-top a:hover {
	text-decoration:		none;
	color:					#CbCeCc;
}

#footer-left {
	position:				relative;
	float:					left;
}

#footer-right {
	position:				relative;
	float:					right;
	text-align:				left;
}

#footer-bottom {
	position:				relative;
	width:					920px;
	margin-top:				10px;
	margin-left:			20px;
	margin-right:			20px;
	height:					40px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	line-height:			12px;
	text-align:				left;
	text-decoration:		none;
	color:					#5b9208;
	float:					left;
	overflow:				visible;
}

#footer-bottom a {
	text-decoration:		none;
	color:					#5b9208;
}

#footer-bottom a:hover {
	text-decoration:		none;
	color:					#CbCeCc;
}

.footer-aloe {
	margin-right:			10px;
	float:					left;
}