/*********************/
/*- Layout-Elements -*/
/*********************/

* {
	margin: 0;
	padding: 0;
}

fieldset, img { 
	border:0; 
}

html {
	
} 

body { 
	font-size: 100.01%; 
	font-family: Trebuchet MS,Trebuchet, sans-serif;
	background: white;
	text-align:center;
} 

#OuterShell {
		position: relative;
	
}

#InnerShell {
		position: relative;
	width: 938px;
	margin: 15px auto;
	text-align: left;
}

/* header */

	#pageregionTop {
		position: relative;
		height:188px;
		width:938px;
		margin-bottom: 15px;
		background-repeat: no-repeat;
		background: url(header_bg.gif);		
	
	}
	
	#pageregionTopBg {
		position: relative;
		top:4px;
		left:4px;
		height:180px;
		width:930px;
		background-repeat: no-repeat;		
	}
		
	.logo {
		bottom: 55px;
		left: 30px;
		position: absolute;
		z-index:1;
		display: block;
		overflow: hidden;
	}
	.logo span{
		color:white;
		font-size:225%;
	}
	
	#meta_nav {
		position: absolute;
		z-index:1;
		color: white;
		font-size: 75%;
		font-weight: normal;
		padding: 10px 30px;
	}

	#meta_nav a {
		color: white;
	}
		
/* menu */
		
	#nav_main {
			white-space: nowrap;
		}	
		
	#nav_main {
			left: 0;
			bottom: 0;
			height: 45px;
			position: absolute;
			width: auto;
			z-index:1;
		}	
		
	.nav_main_layer {
			position: absolute;
			background-color: #6C002C;
			left: 0;
			top: 0;
			width: 930px;
			height: 45px;
			opacity: 0.75;
		}	
		
	.nav_navtext {
			display: block;
			font-size: 75%;
			color: #6C002C;
			position:absolute;
			left:-10000px;
		}

	#nav_main ul {
			position: relative;
			height: 45px;
			width: 100%;
			list-style-type: none;
			overflow:hidden;
		}
		
	#nav_main ul li {
			display: inline-block;
			float: left;
			height:45px;
		}
		
	
	#nav_main ul li a.level1 {
			color: #fff;
			font-size: 112.50%;
			display: inline-block;
			height: 45px;
			line-height:45px;
			overflow: hidden;
			padding: 0 15px 0;
		}		
		
	#nav_main ul li a.current,
	#nav_main ul li a:hover {
			background: url(ui/menu_bg.gif) left top;
			color: #E31118;
		}
		
	

/* content frame */

	#pageregionMiddle { 
		position:relaitve;
		width:938px;
		margin: 0.7em 0;
		background: url(ui/content_bg.gif) left top;
	}
	.content_bg_bottom{
		position:absolute;
		bottom:0;
		left:0;
		z-index:1;
	}

	.content_bg_top{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}

	#content {
		float: left;
		padding:4px;
		width: 64%;
	}
	#content.noTeaser {
		padding:4px;
		width: auto;
		min-width:930px;
	}
	
	#contentInner {
		background: #fff;
		padding: 17px;
	}
	
	.level0 #contentInner {
		background: transparent;
		padding: 0;
	}

	#pageregionRight { 
		float: right;
		width: 32%;
		padding:4px;
	}

	#Description  {
		margin: 0;
		padding: 0;
		}

	.searchResultsForm {
		margin-bottom: 1em;
		font-size: 93.75%;
		background-color: #b2dcd0;
		padding: 5px;
	}

	.searchResultsForm .input_text {
		margin-left: 2px;
	}

	.paging .pager {
		margin-right:2px;
	}

	.paging .current {
		font-weight:bold;
		color:#e31118;
	}

	.result p {
		background-repeat: no-repeat;
		background-position: -2px 5px;
		padding-left: 20px;
	}

	.result .resultScore {
		font-style:italic;
	}

	.result .text_html {
		background-image: url(icons/search/text_html.gif);
	}
	.result .application_msaccess {
		background-image: url(icons/search/application_msaccess.gif);
	}
	.result .application_mspowerpoint {
		background-image: url(icons/search/application_mspowerpoint.gif);
	}
	.result .application_msword {
		background-image: url(icons/search/application_msword.gif);
	}
	.result .application_octet_stream {
		background-image: url(icons/search/application_octet_stream.gif);
	}
	.result .application_pdf {
		background-image: url(icons/search/application_pdf.gif);
	}
	.result .application_rtf {
		background-image: url(icons/search/application_rtf.gif);
	}
	}
	.result .application_sh {
		background-image: url(icons/search/application_sh.gif);
	}
	.result .application_shockwave_flash {
		background-image: url(icons/search/application_shockwave_flash.gif);
	}
	.result .application_sxw {
		background-image: url(icons/search/application_sxw.gif);
	}
	.result .application_visio {
		background-image: url(icons/search/application_visio.gif);
	}
	.result .application_x_director {
		background-image: url(icons/search/application_x_director.gif);
	}
	.result .application_x_excel {
		background-image: url(icons/search/application_x_excel.gif);
	}
	.result .application_x-ms-reader {
		background-image: url(icons/search/application_x-ms-reader.gif);
	}
	.result .application_x_x509_ca_cert {
		background-image: url(icons/search/application_x_x509_ca_cert.gif);
	}
	.result .application_zip {
		background-image: url(icons/search/application_zip.gif);
	}
	.result .audio_basic {
		background-image: url(icons/search/audio_basic.gif);
	}
	.result .audio_midi {
		background-image: url(icons/search/audio_midi.gif);
	}
	.result .image_basic {
		background-image: url(icons/search/image_basic.gif);
	}
	.result .image_bmp {
		background-image: url(icons/search/image_bmp.gif);
	}
	.result .image_gif {
		background-image: url(icons/search/image_gif.gif);
	}
	.result .image_jpeg {
		background-image: url(icons/search/image_jpeg.gif);
	}
	.result .image_tiff {
		background-image: url(icons/search/image_tiff.gif);
	}
	.result .text_plain {
		background-image: url(icons/search/text_plain.gif);
	}
	.result .text_xml {
		background-image: url(icons/search/text_xml.gif);
	}
	.result .text_xsd {
		background-image: url(icons/search/text_xsd.gif);
	}
	.result .text_xsl {
		background-image: url(icons/search/text_xsl.gif);
	}
	.result .video_basic {
		background-image: url(icons/search/video_basic.gif);
	}

/* footer */

	#pageregionBottom {
		color: #6C002C;
		font-size: 68.75%;
		font-weight: bold;
		margin-bottom: 1em;
		margin:4px;
		}
		
	#pageregionBottom a {
		color: #6C002C;
	}

/* pageregionBefore*/

	 .content_header {
		position:relative;
	}

	.content_header_icons {
		position:absolute;
		right:0;
		top:4px;
	}

	.content_header_icons a {
		margin-right:5px;
	}
	
	.subnavi {
		float: right;
		padding-top: 35px;
		margin-left:15px;
	}	
	
	#content .subnavi ul {
		padding: 15px !important;
		font-size: 81.25%;
		background: #EEF7F5;
		list-style-type: none;
	}		
			
	.subnavi li a:link, .subnavi li a:visited, .subnavi li a:hover {
			background: url(ui/submenu_bg.gif) left 0.35em no-repeat;
			color:#6C002C;
			padding:0 0 0 12px;
		}		
		
	.subnavi li a:hover, .subnavi li.current a:link, .subnavi li.current a:visited, .subnavi li.current a:hover {
			background: url(ui/submenu_bg_act.gif) left 0.35em no-repeat;
			color:#E31118;
		}
	
/****************/
/*--- Links ----*/
/****************/

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration : none;
	}

a:hover {
	color: #E31118;
	}

#print_head {
	display: none;
}
 
/*********************/
/* Content-Elements  */
/*********************/

	h1 {
		color:#E31118;
		font-size:1.5em;
		font-weight:normal;
		line-height:130%;
		margin-bottom:0.5em;
		}
		
	h1 span {
		color:#59B399;
		font-size:50%;
		text-transform: uppercase;
		background: transparent url(ui/submenu_bg_act.gif) no-repeat scroll left center;
		padding-left: 15px;
		display: block;
		}

	h2 {
		color:#000;
		font-size: 1.125em;
		line-height: 130%;
		margin-bottom: 0.7em;
		font-weight:normal;
		padding-top:0.5em;
		}

	h3 {
		color:#000;
		font-size: 93.75%;
		line-height: 130%;
		margin-bottom: 0.7em;
		font-weight:bold;
		padding-top:0.5em;
		}

	p {
		line-height: 130%;
		margin-bottom:1em;
		font-size: 93.75%;
		}

	blockquote {
		background-color:#E2E3DE;
		border: 1px solid #666666;
		padding:10px
	}

	#content ol, #content ul {
			padding-left: 1.6em;
			font-size: 93.75%;
			line-height: 130%;
			margin-bottom:1em;
		}
		
	#content ul li, #content ol li {
			margin-bottom: 0.4em;
		}

	.emphasis, .emphasis2 {
		border: 1px solid #5AB49A;
		padding: 1em 1em 0 1em;
		margin: 0 0 1em 0;
	}

	.emphasis2 {
		text-align: center;
	}
	
	p.emphasis, p.emphasis2 {
		padding: 1em;
	}
	
	body .emphasis h2 {
		padding-top: 0;
	}

	p.info_content_header {
		border: 1px solid #6C002C;
		color: #E31118;
		padding: 10px;
	}

	#Content .ZMSGraphic p { 
		margin-bottom:0em;
	}

	#Content ul { 
		list-style-type:square; list-style-position:inside;
		margin-bottom:12px;
		margin-top:12px;
	}

	#Content form p {
		text-indent:0px;
		background: none;
		}

	ol li	{
		list-style-type: decimal;
		}

	.alignright { float:right; width:37%;}
	.alignleft { float:left; }
	.textright { text-align:right;}
	.textleft { text-align:left;}
	.ZMSGraphic .alignleft { padding:0 18px 0.75em 0; }
	.ZMSGraphic .alignright { padding:0 0 0.75em 18px; }
	.ZMSGraphic.floatright { float:right; margin-left: 1em; }
	.ZMSGraphic.floatleft { float:left; margin-right: 1em; }
	
	body .ZMSGraphic .graphic { 
		padding-top:3px; 
	}

	.center .graphic {margin:auto;}

	#Content .ZMSGraphic  { margin-bottom: 1em; }

	.pdfDownload-file {
		margin: 12px 0;
	}
	
	.pdfDownload-file, .pdfDownload-file * {
		vertical-align: middle;
	}
	
	.pdfDownload-file span {
		font-size: 90%;
	}

	#Content form p {
		margin-bottom: 0;
	}
	/*--- korrigiert feherhaften 12px Abstand unter Abbildungsobjekten (mit floating) ---*/
	div.clearfloating { height:0px; font-size:1px;}

	.forum_teaser span {display:block;}
	.forum_teaser span a {padding-left:10px;}
/****************/
/* Forms */
/***************/

#dbtest, #form, .motivtest, .fragebogen { 
	font-size: 80%;
}


	input {
		font-family: Arial;
	}

#dbtest fieldset, #dbtest span.legend, #form fieldset, #form span.legend, span.fieldset, span.fieldset_submit_area {display:block;}
#dbtest fieldset, #form fieldset, #form span.fieldset, .motivtest fieldset, .motivtest span.fieldset {  width:497px; }
#dbtest fieldset, #form fieldset, #form span.fieldset, #form span.fieldset_submit_area, .motivtest fieldset, .motivtest span.fieldset { padding:0 0 20px 0 !important; }
#dbtest, #form, .motivtest { 
	background: url(layout/form_bg_middle.jpg) top left repeat-y;
	width:500px;
	margin: 30px 0;
}

#dbtest span.legend, #form span.legend, .motivtest span.legend { 
	background: url(layout/form_bg_top.jpg) top left no-repeat;
	padding:10px 10px 20px 10px;
	width:500;
	display:block;
	color:#e31218; 
}

#dbtest span.legend p, #form span.legend p, .motivtest span.legend p{ 
	color:black; 
}

#dbtest input, #form input, #dbtest select, #form select, .motivtest select, .motivtest input { margin:0 8px 0 8px; }

.inputtext input { width:150px;}

form .left { width:49%; float:left; }
form .right { width:49%; float:right; }
form .third_l { width:33%; float:left; }
form .third_r { width:33%; float:right; }
form .third_m { width:33%; float:left; }
form .quart_l { width:24%; float:left; }
form .quart_r { width:24%; float:right; }
form .quart_m { width:24%; float:left; }
form .quart_m2 { width:24%; float:left; }
form p, .motivtest p { clear:both; padding: 5px 20px;}
fieldset.submit_area, span.fieldset_submit_area  { background: url(layout/gruenes_viereck_bg) top left repeat !important; height:20px; }
#form fieldset.submit_area, #form span.fieldset_submit_area  { height:48px; }
fieldset.submit_area  a:link, fieldset.submit_area  a:visited, fieldset.submit_area input, span.fieldset_submit_area  a:link,span.fieldset_submit_area  a:visited, span.fieldset_submit_area input{ 
	padding: 3px 8px; 
	background:white !important;	
	color:#e31218; 
	border:2px solid #e31218; 
	text-decoration:none;
 }
span.submit_area input { 
	padding: 3px 8px; 
	background:white !important;	
	color:#e31218; 
	border:2px solid #e31218; 
	text-decoration:none;
 }
/**********************/
/* Startseite */
/**********************/
	
	.STeaser h2, .customTeaser h2 {	
		color:#6C002C;
		font-size:0.75em;
		font-weight:bold;
		padding:0 0 0 20px;
		text-transform:uppercase;
		margin-bottom: 0.7em;
		background-repeat: no-repeat;
		background-position: center left;
	}	
	
	.STeaser h3 {	
		font-size: 1.125em;
		font-weight:normal;
	}
	
	.Rezepte h2 {	background-image: url(ui/icon_rezept.gif);}
	.PDF h2 {	background-image: url(ui/icon_pdf.gif);}
	.Frage h2 {	background-image: url(ui/icon_frage.gif);}
	.Hinweis h2 {	background-image: url(ui/icon_achtung.gif);}
	.Monathsthema h2 {	background-image: url(ui/icon_thema.gif);}
	.Forum h2 {	background-image: url(ui/icon_forum.gif);}
	.Telefon h2 {	background-image: url(ui/icon_tel.gif);}
	.Suche h2 {	background-image: url(ui/icon_lupe.gif);}
	.Highlight h2 {	background-image: url(ui/icon_hl.gif);}

	ul.forumposts{
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.forumposts li small{
		color:#999;
	}

	.STeaser { 
		position:relative;
		margin-bottom: 5px;
		background: #fff;
		padding: 13px 13px 0 13px;
	}

	.STeaser h2 {
		padding: 0 0 0 20px;
		color: #6C002C;
	}

	.STeaser .morelink {	
		position:absolute;
		right:13px;
		top:16px;
	}

	.STeaser .morelink  a:link, .STeaser .morelink  a:visited, .STeaser .morelink  a:hover { 
		color:#6C002C; 
		text-transform: uppercase;
		font-size: 62.5%;		
		padding: 0 0 0 8px; 
		background:url(ui/arrow.gif) left center no-repeat; 
	} 

/**********************/
/* BMI Rechner */
/**********************/

#bmi .legend {	height:280px; }
#bmi form #form { position:relative; }

#bmi_r {
	float:right;
	width:32%;
	margin-right:30px;
}

#bmi_l { float:left; width:280px !important; }

#bmi_l #text { 
	position:relative; 
	width:208px; 
	height:140px;
	left: 0px; 
	top: 0px; 
	visibility: 
	visible;
	color:black; }
	
#bmi_l p.bl {
	font-size:10px;
	color:red !important;
}
#bmi_form {width:280px !important; }
#skala {
	position:relative; 
	width:50px; 
	height:242px; 
	left: 100px; 
	bottom: 40px; 
	visibility: visible
}

#BMISKALABILD {
	position:absolute; 
	left: 0px; 
	bottom: 0px; 
	background:url(layout/gruenes_viereck_bg); 
	width:20px; 
	float:left;	
	height:0;
	font-size:0px;
}

#BMISKALABILD_r {
	position:absolute; 
	right: 0px; 
	bottom: 1px; 
	width:30px;
	float:right;
}

/*----- Scrollbar verstecken --------*/
html textarea {
	overflow: auto;
}


/**********************/
/* Teaser */
/**********************/

	#teaser {
		
	}

	.ZMSTeaserElement {
		position: relative;
	}	
	
	.customTeaser {
		margin: 0 0 5px 0;
		background: #fff;
		padding: 13px 15px 0 15px;
		overflow: hidden;
	}	
	
	.customTeaser .big {
		font-size: 140%;
	}		
	
	body .withMore {
		padding-bottom: 15px;
	}	
	
	.customTeaser p, .customTeaser ul { 
		font-size: 81.25%;
	}
	
	.customTeaser a:link, .customTeaser a:visited, .customTeaser a:hover{ 
		
	}

	.customTeaser .morelink {	
		position:absolute;
		right:15px;
		bottom:11px;
	}

	.customTeaser .morelink  a:link, .customTeaser .morelink a:visited, .customTeaser .morelink a:hover { 
		color:#59B299; 
		text-transform: uppercase;
		font-size: 62.5%;
		padding: 0 0 0 8px; 
		background:url(ui/arrow.gif) left center no-repeat; 
	} 
	
	/* Intro Teaser */
	
		.cti_text {
			color: #6C002C;
			font-size: 112.5%;
			margin: 0 120px 0.5em 0;
		}
		
		.introTeaser h2 {
			padding: 0;
			background-position: left 0.2em;
			text-indent: 20px;
			margin-right: 115px;
		}	
		
		.introTeaser h2 span {
			color:#E31118;
			display:block;
			font-size:200%;
			font-weight:normal;
			line-height:115%;
			margin-bottom:0.8em;
			padding-top:0.3em;
			text-transform:none;
			text-indent:0;
		}
		
		.cti_link {
			font-size: 81.25%;
		}	
			
		.cti_buttons {
			margin: 1em 0;
		}	
		
		.cti_buttons a:link, .cti_buttons a:visited, .cti_buttons a:hover {
			background:transparent url(ui/teaserButton.gif) repeat-x scroll left top;
			color:#FFFFFF;
			display:block;
			float:left;
			font-size:67.25%;
			height:54px;
			margin:0 1px 0 0;
			padding:6px 11px 0;
			text-align:center;
			text-transform:uppercase;
			width:66px;
		}
	

.suche form {width:98%; padding:8px 0; background: url(layout/gruenes_viereck_bg) top left repeat;}
.suche form fieldset {margin: 0 10px 0 10px; }
#content input#such_begriff, .customTeaser input#such_begriff {width:72%; margin-right:8px; color:#aaa; font-size:10px; padding:2px;}

.suche span { text-decoration:none; color:#6C002C; font-size:9px; display:block; padding: 5px 5px;}

/*----------Korrektur Lexikon--------*/
#Content .einr {padding:0 20px !important;}

/*----------Korrektur Forum--------*/

	#forum font, #forum th, #forum td, #forum p {
		font-family: Verdana, sans-serif !important;
	}
	
/*----------Korrektur Zoom--------*/
	a.zoom img.zoom {
	background:transparent url(layout/zoom.gif) repeat scroll 0% 50%;
	height:21px;
	width:24px;
	}
	
/*----------Korrektur Tooltips--------*/

	a.tooltip:link span, a.tooltip:visited span, a.tooltip:hover span, 
	a.tooltip_f:link span, a.tooltip_f:visited span, a.tooltip_f:hover span, 
	a.tooltip_l:link span, a.tooltip_l:visited span, a.tooltip_l:hover span {
	  display: none;  
	  text-decoration: none; 
	  position: absolute; 
	  top: -75px; 
	  right: 0px; 
	  width: 400px;
	  padding: 3px;
	  z-index: 1500;
	  display:none;
	color: #000000;
	  border:1px solid #000000; 
	  background: #FFFFCC;
	  font-size: 10px;	  
	}

	a.tooltip_f:link span, a.tooltip_f:visited span, a.tooltip_f:hover span {
	  width: 105px;
	  top: -35px;
	}

	a.tooltip_l:link span, a.tooltip_l:visited span, a.tooltip_l:hover span {
	  width: 120px;
	  top: -35px; 
	}

	a.tooltip:hover span, a.tooltip_f:hover span, a.tooltip_l:hover span{
	 /* display: block;*/

	  }

	a.tooltip span strong {
	  display: block;
	  font-size: 12px;
	  font-weight: bold;
	  border: 0px;
	  border-bottom: 1px solid black;
	}

.ZMSTeaserContainer { background-color:transparent !important;}
table.ZMSTable tr td { font-size:12px;}
table.tabs tr td { cursor:pointer;}
span.topictitle { font-size:12px !important;}
.topictitle { font-size:12px !important;}


div.einr{
	padding:0 1em;
}

/* ANFANG Ergänzungen mediasana (für Kalorienrechner): */
#kalorienrechner tr
{
    vertical-align: top;
}

#kalorienrechner td
{
    padding: 6px 4px 6px 4px;
    margin: 0px;
    font-size: 12px !important;
    font-weight: normal;
    color: black;
}

#kalorienrechner td *
{
    font-size: 12px !important;
}

#kalorienrechner .fehler
{
    padding: 0px 4px 14px 4px;
    font-size: 12px;
    font-weight: bold;
    color: #e31218;
}

#kalorienrechner input
{
    margin: 0px;
    padding: 1px 2px;
}

#kalorienrechner select
{
    margin: 0px;
    padding: 0px;
}

#kalorienrechner .ueber
{
    margin: 6px 1px -3px 1px;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

#button1
{
	width: 60px;
   	padding: 1px;
	background: white;
	color: #e31218;
	border: 1px solid #e31218;
	font-size: 9px;
	font-weight: bold;
}

#button2
{
	width: 70px;
    margin-top:5px;
   	padding: 1px;
	background: #e31218;
	color: white;
	border: 1px solid #e31218;
	font-size: 9px;
	font-weight: bold;
}

#kalorienrechner h1, 
#kalorienrechner h3, 
#kalorienrechner p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#kalorienrechner ul
{
	margin-top: 0;
	list-style-position: outside;
	color: black;
}

#radio
{
	vertical-align: -2px;
}

/* ENDE Ergänzungen mediasana (für Kalorienrechner): */

/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clerasil { display: block; }