/* RESET
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* If you uncomment this, remember to define focus styles! */
/* :focus { outline: 0; }*/
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
img { border-style: solid; border-color: #000; }

body
{
	margin: 0;
	padding: 0;
	font: 80% tahoma,arial,sans-serif;
	background: #fff;
	color: #333;
	text-align: center;
}

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
#container { width: 760px; margin: 10px auto; text-align: left; position: relative; }

/* HEADER
------------------------------------------------*/
#header { width: 760px; height: 66px; background: url(../images/doyen_medipharm.gif) no-repeat; }
#header #logo { display: block; width: 760px; height: 66px; }
#header #logo img { display: none; }
#lang-change { clear: both; width: 760px; height: 20px; position: relative; }
#lang-change a#en { width: 20px; height: 15px; position: absolute; top: 0; right: 30px; }
#lang-change a#de { width: 20px; height: 15px; position: absolute; top: 0; right: 5px;}
#lang-change a img { border: 0; }

/* NAV
------------------------------------------------*/
#nav { font: bold 90% tahoma,arial,sans-serif; width: 760px; height: 23px; background: url(../images/bg_nav.gif) no-repeat; }
#nav ul { width: 540px; height: 23px; float: left; position: relative; }
#nav li { float: left; display: block; position: relative; }
#nav li:hover ul, #nav li.sfhover ul { top: 23px; left: auto; }

/* TOP LEVEL */
#nav #n1, #nav #a1 { height: 23px; width: 113px; }
#nav #n2, #nav #a2 { height: 23px; width: 118px; }
#nav #n3, #nav #a3 { height: 23px; width: 100px; }
#nav #n4, #nav #a4 { height: 23px; width: 85px; }
#nav #n5, #nav #a5 { height: 23px; width: 124px; }

#nav #a1, #nav #a2, #nav #a3, #nav #a4, #nav #a5 { position: absolute; }
#nav #a1 { background-image: url(../images/n_about.gif); }
#nav #a2 { background-image: url(../images/n_solutions.gif); }
#nav #a3 { background-image: url(../images/n_service.gif); }
#nav #a4 { background-image: url(../images/n_news.gif); }
#nav #a5 { background-image: url(../images/n_contact.gif); }

#nav a:link, #nav a:visited { background-repeat: no-repeat; background-position: left top; }
#nav a:hover, #nav a:active { background-repeat: no-repeat; background-position: left bottom; }

#nav span { display: none; }

/* SUBMENUS */
#nav li ul { position: absolute; left: -999em; background: #000; }
#nav li ul, #nav li ul li { width: 230px; }
#nav li ul li { height: auto; display: inline; float: none; }
#nav li ul a { text-transform: uppercase; display: block; padding: 5px 5px 7px 25px; width: 200px; }
#nav li ul a:link, #nav li ul a:visited { color: #fff; background: #000; text-decoration: none; }
#nav li ul a:hover, #nav li ul a:active { color: #438d0b; background: #efefef; text-decoration: none; }

#nav #nav-search { float: right; width: 170px; padding-right: 20px; }
#nav #nav-search #text-box { float: left; width: 136px; background-image: url(../images/search-text-bg.gif); border: 0; height: 19px; padding: 4px 5px 0; font-weight: bold; }
#nav #nav-search #go-btn { width: 23px; height: 23px; border: 0; margin: 0; padding: 0; float: right;}


/* HOME FLASH
------------------------------------------------*/
#homeflashwrapper { overflow: hidden; width: 760px; height: 179px; }
#homeflash { width: 760px; height: 179px; background-image: url(../images/bg_noflash.jpg); background-repeat: no-repeat; }
#homeflash span { display: none; }

/* HOME CONTENT
------------------------------------------------*/
#homecontentwrapper { width: 760px; background: url(../images/bg_body_grey_home.gif) repeat-y; }
#homecontentfooter { width: 760px; clear: both; min-height: 58px; padding-top: 25px; background: url(../images/bg_boxes_bottom_home.gif) no-repeat 0 0;  }
#homecontent #homecontentfooter p { background: transparent url(../images/bg_body_grey_bottom.gif) no-repeat 0 100%; padding: 0 10px 30px; text-align: center; font-size: 11px; margin: 0; line-height: 1.4; }
#homecontent { width: 760px; padding-top: 16px; background: url(../images/bg_body_grey_top.gif) no-repeat; }

#homecontent strong { font-weight: bold; }
#homecontent h2 { font-size: 125%; line-height: 1; font-weight: bold; margin-bottom: 0.5em; color: #438d0b; }
#homecontent h2 span { background: #eee; padding: 0 4px; }
#homecontent p { margin-bottom: 0.5em; }
#homecontent ul { list-style-type: square; margin: 0; padding: 0 0 0 1.5em; }
#homecontent a:link, #homecontent a:visited { color: #438d0b; background: transparent; text-decoration: none; }
#homecontent a:hover, #homecontent a:active { color: #fff; background: #438d0b; }

#hc1, #hc2, #hc3 { float: left; display: inline; font: 95%/1.4 tahoma,arial,sans-serif; color: #444; width: 220px; }
#hc1 { margin-left: 20px; }
#hc2 { margin-left: 30px; line-height: 2; }
#hc3 { margin-left: 30px; }

/* NORMAL CONTENT
------------------------------------------------*/
#contentwrapper { width: 760px; background: url(../images/bg_body_grey.gif) repeat-y; }
#contentfooter { width: 760px; clear: both; height: 40px; background: url(../images/bg_body_grey_bottom.gif) no-repeat;  }
#content { width: 740px; padding: 0 10px; line-height: 1.4;  }

#content h1, #content h2 { color: #448e0b; line-height: 1; font-weight: bold; }
#content h1 { font-size: 150%; padding: 1em 0 0.5em; }
#content h2 { color: #448e0b; font-size: 130%; padding: 1em 0 0.5em 0; }
#content h3 { color: #448e0b; font-size: 120%; font-weight: bold; padding: 0; }
#content ul { list-style: square; padding-left: 1.5em; margin: 1em 0; }
#content ol { list-style: decimal; padding-left: 1.5em; margin: 1em 0; }
#content ul li { margin-bottom: 0; }
#content strong { font-weight: bold; }

#breadcrumb {
	color: #d0e2c2;
	background: #448e0b url(../images/bg_breadcrumb.gif) top left repeat-x;
	font-size: 90%;
	line-height: 1.2;
	height: 40px;
	width: 758px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#breadcrumb ul {
	padding: 12px 0 0 12px;
	margin: 0;
	width: 746px;
}
#breadcrumb li { display: inline; }

#breadcrumb a:link, #breadcrumb a:visited { color: #fff; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #fff; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #fff; font-weight: bold; }

#content a:link, #content a:visited { color: #444; background: transparent; text-decoration: underline; }
#content a:hover, #content a:active { color: #fff; background: #438d0b; text-decoration: none; }
#content p { margin-bottom: 1em; }

#content h2.error { color: #fff; background-color: #e02424; padding: 5px; font-size: 110%; line-height: 1; margin-bottom: 1em; }

/* SITE MAP */
#content .column { width: 45%; float: left; }
#content .right { float: right; }

/* CATEGORY PAGE
------------------*/

#content .prod-cat h2 {
	color: #fff;
	background: #000 url(../images/bg_cat_head.gif) 0 0 no-repeat;
	font-weight: bold;
	font-size: 120%;
	display: block;
	width: 398px;
	min-height: 19px;
	padding: 5px;
	margin-top: 1em;
	margin-bottom: 0;
}

#content .prod-cat a { color: #333; font-size: 100%; display: block; padding: 5px; text-decoration: none; }
#content .prod-cat a:link, #content .prod-cat a:visited { background-color: #fff; color: #333; }
#content .prod-cat a:hover, #content .prod-cat a:active { background-color: #438d0b; color: #fff; }
#content .prod-cat ul { width: 408px; list-style: none; padding-left: 0; margin-top: 0; }
#content .prod-cat li { background-color: red; margin-bottom: 1px; }

#content #animation { float: right; margin-left: 10px; }
#content #animationwrapper { text-align: center; }
#content .prod-cat #animation { float: right; margin-right: 10px; display: inline; }
#content .prod-cat #animation img { border: 0; }

/* PRODUCT PAGE
------------------*/
#content #prod-right-col { width: 318px; float: right; }

#content .prod-images { width: 318px; float: right; }
#content .prod-images .large-image { margin-bottom: 10px; }
#content .prod-images .small-image { float: left; margin-right: 10px; }

#content .prod-images .large-image, #content .prod-images .small-image {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	border: 1px solid #ccc;
}

#content .prod-images .large-image { width: 306px; height: 285px; }
#content .prod-images .small-image { width: 94px; height: 90px; }
#content .prod-images a { text-decoration: none; display: block; width: 94px; height: 90px; }

.prod-desc { width: 408px; float: left; }

#content .prod-icons { width: 230px; float: right; margin-right: 51px; margin-top: 10px; }
#content .prod-icons a { display: block; width: 108px; height: 108px; text-indent: -99em; border: 1px solid #ccc; }
#content .prod-icons a.link-cs { float: right; }
#content .prod-icons a.link-brochure { float: left; }

#content .prod-icons a.link-cs:link, #content .prod-icons a.link-cs:visited { background-image: url(../images/link-cs-0.gif); }
#content .prod-icons a.link-cs:hover, #content .prod-icons a.link-cs:active  { background-image: url(../images/link-cs-1.gif); }

#content .prod-icons a.link-brochure:link, #content .prod-icons a.link-brochure:visited { background-image: url(../images/link-brochure-0.gif); }
#content .prod-icons a.link-brochure:hover, #content .prod-icons a.link-brochure:active  { background-image: url(../images/link-brochure-1.gif); }

/* Contact form */

#content .contactform p span { color: #438d0b; }
#content .contactform fieldset { margin-bottom: 1em; }
#content .contactform label { font-size: 100%; width: 110px; float: left; text-align: left; clear: left; margin: 5px 0; }

#content .contactform label span { color: #438d0b; }
#content .contactform input, #content .contactform select, #content .contactform textarea { width: 400px; background-color: #fff; float: left; margin: 5px 0 5px 10px;  border: 1px solid #ccc; color: #555; font-family: verdana, sans-serif; font-size: 90%; }
#content .contactform textarea { height: 100px; }
#content .contactform .hwid { width: 200px; }
#content .contactform .tqwid { width: 300px; }
#content .contactform .qwid { width: 100px; }
#content .contactform .ewid { width: 50px; }
#content .contactform .check { width: auto; margin: 0 0 0 10px; border: 0; }
#content .contactform input.submit { width: auto; font-weight: bold;  float: right; margin: 1em 220px 1em 0; border-width: 2px; border-style: outset }


#footer { padding: 1em 0; font-size: 90%; color: #444; text-align: center; }
#footer strong { font-weight: bold; }
#footer a:link, #footer a:visited { color: #444; background: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #fff; background: #438d0b; text-decoration: none; }
#footer a#ddlink:link, #footer a#ddlink:visited, #footer a#ddlink:hover, #footer a#ddlink:active { color: #444; background: transparent; text-decoration: none; }