/* ****************** */
/* Flaechen, Elemente */
/* ****************** */

/* Produkt Logo */
#produkt_logo {
	position:absolute;
	top:5px;
	left:32px;
	width:128px;
	height:59px;
	z-index: 20;
}

/* Perle */
#perle {
	position:absolute;
	top:37px;
	left:171px;
	width:22px;
	height:23px;
	z-index: 21;


}

/* BC Logo */
#berlinchemie_logo {
	position:relative;
	top:20px;
	left:0px;
	width:180px;
	height:32px;
	z-index: 8;
	text-align: center;
	background-color: #439A63;
}

/* Metanavigation */
#metanavigation {
	position:absolute;
	top:0px;
	left:0px;
	width:754px;
	height:20px;
	font-size: 10px;
	z-index: 10;
	color: #ffffff;
}



/* Kontakt und Impressum */
#navtop {
	position:absolute;
	top:5px;
	right:0px;
	height:12px;
	text-align:right;
	z-index:2;
}

#navtop a:link,#navtop a:visited {
	font-weight:normal;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

#navtop a:hover {
	text-decoration: underline;
}

.trenner {
	color: #ffffff;
}


/* ---------- */
/* Navigation */
/* ---------- */
div.menu.a:link { color:#65666B }
div.menu.a:visited { color:#65666B }

/* These are the style specifications for the menu layers.
   Set width to get more browsers corporation  */
div.menu  {
  position:absolute; visibility:hidden;
  width:180px; left:0; top:0; z-index:500;
  font-size:10px;
  background-color: #FFFFDB;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #65666B;
  z-index:100;
}

/* Style specifications for menu items and links  */
div.menu ul { 	margin:0; 	padding:0 }
/* Need to set padding of at least one pixel or ie sets very large margin */

div.menu ul li {
	line-height:1;
	list-style:none;
	display: inline;
}

/* Set display block and position relative so clicks on list items activate links  */
div.menu li a {
  cursor:pointer;
  padding:0px 0px 2px 1px;
  background-color:transparent;
  color: #65666B;
  display:block;
  position:relative;
  text-decoration:none
}

div.menu li a:hover, div.menu li a:active {
	background-color : #5FB47B;
	color: #FFFFDB;
}

div.menu li .navigation_item {
	background-color : #FFFFDB;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;

	border-bottom: 1px #696768 solid;
}



/* Nav One */
a.nav_one:active, a.nav_one:link, a.nav_one:visited, a.nav_one:hover {
	color: #FFFFFF; /* FFFFCC */
	text-decoration: none;
}

a.nav_one_active:active, a.nav_one_active:link, a.nav_one_active:visited, a.nav_one_active:hover {
	color: #006633;
	text-decoration: none;
}

.linkitem_one {
	padding-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	vertical-align:middle;
	cursor:pointer;

	font-size:10px;
	line-height: 11px;
}

/* Nav Two */
a.nav_two:active, a.nav_two:link, a.nav_two:visited, a.nav_two:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a.nav_two_active:active, a.nav_two_active:link, a.nav_two_active:visited, a.nav_two_active:hover {
	color: #006633;
	text-decoration: none;
}

.linkitem_two {
	padding-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
	vertical-align:middle;
	cursor:pointer;

	font-size:10px;
	line-height: 12px;
	/*border-bottom: 1px #696768 solid;	*/
}

.linkitem_three {
	padding-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 13px;
	vertical-align:middle;
	cursor:pointer;

	font-size:10px;
	line-height: 11px;
	/*border-bottom: 1px #696768 solid;	*/
}

.linkitem_three_active {
	padding-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	vertical-align:middle;
	cursor:pointer;

	font-size:10px;
	line-height: 11px;
	/*background-image:url(/design/espumisan/images/third_bg.gif);*/
	/*background-repeat: repeat-y;*/
	/*border-bottom: 1px #696768 solid;	*/
}


/* ---------- */
/*  Banner    */
/* ---------- */

/* Banner */
#banner {
	position:absolute;
	top:95px; /*101*/
	left:780px;
	width:200px;
	margin-top: 20px;
	/*background-color: #FFFCD3;*/
	padding:0px;
	/*border: 1px #ff0000 solid;*/
	z-index: 5;

}

#banner_bild {
	padding: 0px;
	margin: 0px;
}

#banner_content {
	background-color: #FFFCD3;
	padding: 0px;
	margin: 0px;
}


#banner a:active,#banner a:link,#banner a:visited {
	color: #439A63;
	text-decoration: underline;
}

#banner a:hover {
	color: #439A63;
	text-decoration: none;
}

#banner p {
	font-size: 10px;
	font-weight:normal;
	line-height: 18px;
	color: #000000;
	margin-bottom:5px;
	margin-top:0px;
	padding:0px 5px 0px 5px;
}

#banner b {
	font-weight:bold;
	color: #4D4D4D;
}

#banner_apothekenfinder_rahmen {
	margin: 70px 0px 0px 0px;

	border: 1px solid #CCA72F;
	background-color: #FFFCD3;
}

#banner_apothekenfinder {
	padding: 8px 8px 8px 8px;
}

.banner_input {
	margin: 6px 6px 0px 0px;
	width: 80px;
}

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




/* Content */
#content {
	position:absolute;
	top:95px; /*101*/
	left:330px;
	width:430px;
	margin-top: 20px;
	/*background-color: #ffffff;*/
	padding:10px;
	/*border: 1px #ff0000 solid;*/
	z-index: 5;

	font-size: 11px;
	line-height: 18px;
}

#content a:active,#content a:link,#content a:visited {
	color: #439A63;
	text-decoration: none;
}

#content a:hover {
	color: #439A63;
	text-decoration: none;
}


#content .headline_ohne {
	font-size: 14px;
	font-weight:bold;
	color: #439A63;
	margin-bottom:11px;
}

#content sup {
	font-size: 11px;
}

#content .headline_mit {
	font-size: 14px;
	font-weight:bold;
	color: #439A63;
}

#content .subline {
	font-size: 11px;
	font-weight:bold;
	color: #439A63;
	margin-bottom:10px;
}

#content p {

	font-size: 11px;

	font-weight:normal;
	line-height: 18px;
	color: #000000;
	margin-bottom:5px;
	margin-top:0px;
}

#content b {
	font-weight:bold;
	color: #4D4D4D;
}

#content i {
	font-weight:bold;
	color: #4D4D4D;
}

#content ul {
	margin-top:0px;
	margin-bottom:5px;
}

#content li {
	/* selbe angaben wie p */
	font-size: 11px;
	font-weight:normal;
	line-height: 18px;
}

#content .fehler {
	color: #FF0000;
}
/* scripterror */
#content .scripterror {
	position:absolute;
	/* ohne alternative navigation auf 135px; */
	/* mit alternative navigation auf 214px; */
	top:0px; /*135*/
	left:-140px;
	width:500px;
	z-index: 100;
	color: #FF0000;
	background-color: #FFFFFF;
	/*border: 1px #ff0000 solid;*/
}

#content .img {
	/*border: 1px #8FBEE9 solid;*/
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

#content .zurueck {
	text-align: right;
}

#content .space {
	width: 100px;
	height: 0px;
	border: 1px #8FBEE9 solid;
}

#content td {
	font-size: 11px;
}

/* td liste links  */
#content .td_li_li {
	font-size: 11px;
	font-weight:normal;
	line-height: 18px;
	color: #000000;
	vertical-align:top;
	border-bottom: 1px #999999 solid;
}
/* td liste rechts ausrichtung*/
#content .td_li_re {
	font-size: 11px;
	font-weight:normal;
	line-height: 18px;
	color: #000000;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px #999999 solid;
}

#content input , select {
	font-size: 12px;
	color: #008246;
}

#content submit {
	font-size: 12px;
	color: #ff0000;
	background-color:#E0E0E0;
}

.imageright {
	text-align:right;
	float:right;
}

.imagecenter {
	text-align:center;
}