.hochgestellt {  vertical-align: super; }
#stats { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#fff; width:50px; height:25px; margin:0 0 1em 0;}

.button { background:#546875; color:#fff; border:none; font-weight:bold; cursor:pointer; }
.button:hover { background:#698da5; color:#fff;}
input, textarea { width: 250px; }
.plz { width: 40px; }
.ort { width: 202px; }


#ticker    { width: 442px; padding:2px; margin: 0 0 2em 0; border: 2px dotted #ffa200; font-weight:bold;}
#ticker a { color: #039ae6; } .ticker a:hover { color: #ffa200; }

.institut { position:relative; top:100px; left: 10px; }

body {
background:#ddeaf1 url(mangostan_img/mangostan_bg-verlauf.jpg) repeat-x top;
padding:0px;
margin:0px;
}

.container {
padding:0px;
margin: 0px;
margin-left: 0;
margin-right: auto;
} 

/* ---------- header -------------- */
.head {
	padding: 0px;
	margin: 0px; 
	width: 937px;
	height:232px;
	background:url(mangostan_img/mangostan-institut_head.jpg) no-repeat top left;
	}
.topnav {
	position:absolute;
	top: 204px;	
	width: 720px;
	text-align:right;
	color:#fff;
	}	

/* ----------outer and inner----------------- */

.outer{ 
margin:0;
padding-left: 200px ; 
width:580px;
background: url(mangostan_img/mangostan-content_bg.gif) repeat-y top left; 
border:0px solid #000;
} 

.inner{ margin:0; float:left; border:0px solid #ff0000;} /* The ie/pc pecularity */ 


/* -------------- content, left and right navi ------------- */

.content{ position: relative; margin: 0px; padding:2em 4em 2em 2em; min-height:370px; border:0px solid #ffff00;}

.left {
	 width:172px; 
	 
	 position:relative; 
	 margin: 0 0 0 -200px; 
	 padding: 0 0 0 10px;
	 border:0px solid #ff00ff;
 }
 .eingeruckt { margin: 0 0 0 1em;  }
 
.right {
	 top:0px;
	 width:200px; 
	 float:right; 
	 position: relative; 
	 margin-right:-200px;
 }
#right-vk {
	 top:80px;
	 width:160px; 
	 float:right; 
	 position:relative; 
	 margin-right:-24px; 
 }

  
 /*  ----------------TEASER---------------------- */ 
 
.teaser-right 	{ 
	clear:both;  
	margin:0 0 0.5em 0;
	border-right:2px solid #576a79; 
	border-bottom:2px solid #576a79; 
	background:#fff;
	padding:2px;
 } 
.teaserTxt { float:right;  width: 132px; }


 
/*  ----------------footer---------------------- */ 
.footer {
	background:url(mangostan_img/mangostan_footer.gif) no-repeat top left;
	height:47px;
	clear:left;
	padding: 2em 0 0 450px;
	margin:0 0 2em 0;
	text-align: left;
	font-size:0.8em;
 } 
 

                 /*  --------------- */ 
/* ----------------- STYLES ALLGEMEIN ---------------- text-align:justify;----- */ 
                 /*  --------------- */ 
				 
body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:#535353; }
a:link, a:visited { color: #039ae6; text-decoration:none; }
a:hover, a:active {color:#ffb400; text-decoration:none;}

.head h1 { visibility: hidden; margin:0; padding:0; }
h1	{ margin:0 0 0.5em 0; color:#1c6898; font-size:24px; font-weight:normal; }
h2	{ margin:0 0 0.5em 0; color:#1c6898; font-size:18px; font-weight:normal; }
h3	{ margin:0 0 0.5em 0; color:#1c6898; font-size:13px; font-weight:bold; }
h4	{ margin:0 0 1em 0; color:#535353; font-size:13px; font-weight:bold; }
.vitamine h4 { margin:1em 0 0 0; }
h5	{ margin:1em; color:#1c6898; font-size:13px; font-weight:bold; }

p 	{	padding: 0 0 1.3em 0; margin:0px; 	}
img.links	{	float: left; padding: 0 1em 0.5em 0; }
img.rechts	{	float: right; padding: 0 0 0.5em 1em ; }

ul, ol			{ margin:0 0 0 -1.7em ;	list-style-position:outside; }
*+html ul, *+html ol { margin:0 0 0 1.5em ; } /* IE 7 */
* html ul, * html ol { margin:0 0 0 1.5em ; } /* IE 6 */

ul li  			{ list-style-image:url(mangostan_img/li-pfeil.gif); margin:0 0 0.8em 0; }
ol li  			{ margin:0 0 0.8em 0; }


.klaerchen { clear:both; }
.gold	{ color:#ffb400;	}
.rot 	{ color:#dd1430;	}
.quelle { font-style:italic; }
.klein { font-size:10px; font-family: Arial; }
.rrw { float:right; border:1px solid #fff; margin:0 0 5px 10px;  }

.brosch img { margin: 0 2em 0 0; }
hr {  background:#546875; margin: 2em 0; }

/* -----------------STYLES NAVI OBEN --------------------- */ 
.topnav a {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0px 0 6px;
	}	
.topnav a.aktiv, .topnav a:link.aktiv, .topnav a:visited.aktiv, .topnav a:hover.aktiv, .topnav a:active.aktiv {	color:#ffb400 } 
.topnav a:link, .topnav a:visited { color:#FFF;	}		
.topnav a:hover, .topnav a:active {	color:#ffb400;	}		
		

/* -----------------STYLES NAVI LINKS --------------------- */ 

.left p { padding: 0; line-height: 1.2em; margin:0 1.5em 0 0; }	
.left[class] p { padding: 1.5em 0 0 0.2em; }
.left a {	text-decoration:none;	}
.left a:link, .left a:visited { color:#039ae6;	}		
.left p:hover, .left p:active { background:#e7f1f6; }
.left a:hover, .left a:active { color:#1c6898; }
.left a.aktiv				  { color:#ff9600; font-weight:bold; }

.trennlinie { height:1px; background:url(mangostan_img/trennlinie.gif) repeat-x; margin: 0.2em 1.5em 0 0; }