/*

General comments/License Statement if any.
.
*/

/* 

/*  Information---------------------------- 
	Company			: Pharmeon B.V.
	Author			: Mitchel van de Poll
	Design			: NVVP - Centrum RondOm Mei/2010
	Version			: 1
*/


/* Import Standard Styles */
@import "resetALL.css";
@import url("/css/default/OService-default.css");
@import url("/css/default/default-consumed.css");
@import url("/css/default/default-datalist.css");
@import url("/css/default/default-headers.css");
@import url("/css/default/default-webshop.css");

/* End of Import */

/* Standard Classes----------------------- */
.clear {clear : both;}
.floatLeft {float:left;}
.floatRight {float:right;}

body,html {
	height					: 100%;
	padding					: 0px;	
	margin					: 0px;
	font-family				: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size				: 12px;
}
a {
	outline:none; /*All links do not have borders!!*/	
}

/*------Style-------*/

#wrapper {
	background-image		: url(../../images/rondom/wrapperbg.jpg);
	background-repeat		: repeat-x;
	backgruond-position		: left top;
	height					: 100%;
}
#wrapper #container {
	height					: auto !important;
	height					: 100%;
	min-height				: 100%;
	margin					: 0 auto -33px/*Negative for footer if needed*/;
	width					: 965px;
	background-image		: url(../../images/rondom/containerbg.jpg);
	background-position		: top;
	background-repeat		: repeat-y;
}
#container:after, div.clear {
	content				: "";
    display				: block;
    clear				: both;
}
#footer, #push {
	height				: 33px; 
}
#footer {
	position			: relative;
	width				: 965px;
	margin				: 0 auto;
	background-image	: url(../../images/rondom/footerbg.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
}
#footer div.footerinfo {
	display				: block;
	width				: 965px;
	height				: 32px;
	overflow			: hidden;
}
#footer div.footerinfo div {
	display				: block;
	float				: left;
	overflow			: hidden;
}
#footer div.footerinfo h1 {
	color				: white;
	font-family			: Arial;
	font-size			: 11px;
	font-weight			: normal;
	text-align			: center;
	margin-top			: 10px;
}
#footer div.footerinfo div.name{
	width				: 181px;
}
#footer div.footerinfo div.tel{
	width				: 168px;
	
}
#footer div.footerinfo div.mail{
	width				: 261px;
}
div.mail a{
	color				: white;
	text-decoration		: none;
}
div.mail a:hover{
	text-decoration		: underline;	
}
#footer div.footerinfo div.kvk{
	width				: 170px;
}
#footer div.footerinfo div.nvvp{
	width				: 181px;
}

#container #header {
	float				: left;
	display				: block;
	position			: 	relative;
	width				: 965px;
	height				: 343px;
	background-image	: url(../../images/rondom/headerbg.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	padding:0;
	margin:0;
}
#header div.companylogo {
	float				: left;
	display				: block;
	width				: 223px;
	height				: 97px;
}
#header div.companylogo img{
	border				: none;
	float				: left;
	margin				: 0;
}
#header div.companyprofile {
	float				: left;
	display				: none;/*-----Font replacer----*/
	overflow			: hidden;
	width				: 700px;
	height				: 90px;
}
#header div.companyprofile h1 {
	font-size			: 30px;
	font-style			: italic;
	color				: #922985;
	margin				: 0;
	padding				: 0;
	float				: left;
	position			: relative;
	_margin-left		: -20px;/*IE6*/
	left				: 45px;
	top					: 44px;
	width				: 100%;
	height				: 31px;
}

#header div.companyprofile h1 a {
	font-size			: 15px;
	text-decoration		: none;
	float				: left;
	display				: block;
	width				: 100%;
}
#header div.companyprofile h1 a:hover {
	text-decoration		: none;
	color				: black;
}
#header div#headerblock {
	float				: left;
	display				: block;
	position			: relative;
	width				: 965px;
	height				: 216px;
}
/*--------------UPLOADING_IMAGES-----------*/
/* mask */
#header div.img_mask {
	z-index				: 100;
	float				: left;
	display				: block;
	position			: absolute;
	width				: 965px;
	height				: 203px;
	background-image	: url(../../images/rondom/img_mask.png);
	background-position	: left top;
	background-repeat	: no-repeat;
	padding:0;
	margin:0;
	top:0;
	left:0;
}
/*------Shape Areas-----*/
#headerblock #link_map {
	float				: left;
	width				: 100%;
	height				: 216px;
	position:absolute;
	overflow:hidden;

}
#headerblock #link_map a.map,
#headerblock #link_map a.map2,
#headerblock #link_map a.map3,
#headerblock #link_map a.map4,
#headerblock #link_map a.map5 {
	display				: block;
	position			: absolute;
	z-index:9999999;
	overflow:hidden;
	left:0;
	top:25px;
}
#headerblock #link_map a.map {
	width				: 181px;
	height				: 165px;
	top					: 25px;
}
#headerblock #link_map a.map2 {
	width				: 181px;
	height				: 165px;
	left				: 20%;
}
#headerblock #link_map a.map3 {
	width				: 181px;
	height				: 165px;
	left				: 41%;
}
#headerblock #link_map a.map4 {
	width				: 181px;
	height				: 165px;
	left				: 61%;
}
#headerblock #link_map a.map5 {
	width				: 181px;
	height				: 165px;
	left				: 81%;
}
/*-----Backoffice links-----*/
#link_map a,
#mainright a,
.companyprofile a{
	color				: #7F1A77;
	text-decoration		: none;
}
#headerblock a:hover,
#mainright a:hover,
.companyprofile a:hover{
	text-decoration		: underline;	
}
#headerblock a.BackOffice_Link {
	display				: block;
	left				: 26px;
	position			: absolute;
	z-index				: 9999;
	text-indent			: 9999;
	bottom				: -63px;
	height				: 15px;
}
/*----upload layer 1------*/
#header div.upload_img {
	float				: left;
	display				: block;
	position			: relative;
	width				: 182px;
	height				: 128px;
	top					: 25px;
}
#header div.upload_img div.uploading_layer {
	z-index				: 10;
}
#header div.upload_img div.uploading_layer img{
	width				: 100%;
	height				: 100%;
}
div.loading img {
	position			: absolute;
	top					: 0;
}
div.loading {
	background-image	: url(../../images/rondom/spinner.gif);
	background-position	: center center;
	background-repeat	: no-repeat;
	width				: 100%;
	height				: 100%;
}
div.textarea a {
	color				: white  !important;
	text-decoration		: none !important;
}
#header div.textarea {
	display				: block;
	float				: left;
	height				: 30px;
	position			: absolute;
	bottom				: 30px;
	width				: 100%;
	z-index				: 999;
	left				: 0;
}
div.textarea h1 {
	font-size			: 13px;
	text-align			: center;
	font-weight			: bold;
	color				: white;
	width				: 100%;
	position:relative;
	padding				:0;
	!padding:0;
	margin:0;
}
div.textarea h2 {
	font-size			: 10px;
	text-align			: center;
	font-weight			: normal;
	color				: white;
	padding				: 0 13px;
	margin:0;
}
div.textarea div.title_img,
div.textarea div.title_img2,
div.textarea div.title_img3,
div.textarea div.title_img4,
div.textarea div.title_img5 {
	float				: left;
	display				: block;
	width				: 162px;
	position			: relative;
	z-index				: 999999;
	bottom				: 0px;
	padding				: 0px 5px;
}
div.textarea div.title_img {
	width				: 173px;	
}
div.textarea div.title_img5 {
	!width				: 170px;	
}
#header div.title_img {
}
#header div.title_img h1 {
	margin-top			: -2px;
}
#header div.title_img h2 {
	margin-top			: -1px;
}
#header div.title_img2 {
	left				: 19px;
}
#header div.title_img2 h1 {
	margin-left			: -2px;
}
#header div.title_img3 {
	left				: 42px;
}
#header div.title_img3 h1 {
}
#header div.title_img4 {
	left				: 64px;	
}
#header div.title_img4 h1 {
}
#header div.title_img5 {
	left				: 86px;	
}
#header div.title_img5 h1 {
}

/*----upload layer 2------*/
#header div.upload_img2 {
	float				: left;
	display				: block;
	position			: relative;
	width				: 182px;
	height				: 128px;
	top					: 25px;
	left				: 15px;
}
#header div.upload_img2 div.uploading_layer2 {
	z-index				: 10;
}
#header div.upload_img2 div.uploading_layer2 img{
	width				: 100%;
	height				: 100%;
}

/*----upload layer 3------*/
#header div.upload_img3 {
	float				: left;
	display				: block;
	position			: relative;
	width				: 182px;
	height				: 128px;
	top					: 25px;
	left				: 29px;
}
#header div.upload_img3 div.uploading_layer3 {
	z-index				: 10;
}
#header div.upload_img3 div.uploading_layer3 img {
	width				: 100%;
	height				: 100%;
}

/*----upload layer 4------*/
#header div.upload_img4 {
	float				: left;
	display				: block;
	position			: relative;
	width				: 182px;
	height				: 128px;
	top					: 25px;
	left				: 40px;
}
#header div.upload_img4 div.uploading_layer4 {
	z-index				: 10;
}
#header div.upload_img4 div.uploading_layer4 img{
	width				: 100%;
	height				: 100%;
}

/*----upload layer 5------*/
#header div.upload_img5 {
	float				: left;
	display				: block;
	position			: relative;
	width				: 182px;
	height				: 128px;
	top					: 25px;
	left				: 52px;
}
#header div.upload_img5 div.uploading_layer5 {
	z-index				: 10;
}
#header div.upload_img5 div.uploading_layer5 img{
	width				: 100%;
	height				: 100%;
}


#header div.lefttab_name {
	float				: left;
	display				: block;
	position			: relative;
	width				: 600px;
	height				: 30px;
	overflow			: hidden;
	left				: 181px;
	padding:0;
	margin:0;
}
#header div.lefttab_name a {
	color				: white;
	font-size			: 13px;
	text-decoration		: none;
	font-weight			: bold;
	position			: relative;
	top					: 6px;
	left				: 20px;
}
#container #mainleft {
	float				: left;
	display				: block;
	position			: relative;
	width				: 181px;
	margin-top			: 15px;
	margin-bottom		: 60px;
}
/*---------------MainMenu----------*/
ul#mainnav, ul#mainnav li, ul#mainnav ul {
	position	: relative;
	z-index		: 1;
	width		: 180px; /* Menu Width */
	margin		: 0;
	list-style	: none;
	float		: left;
	padding		: 0;
	margin		: 0;
}
ul#mainnav li {
	float		: left;
	position	: relative;
	width		: 100%;
}
ul#mainnav li.iehover {
	z-index		: 1000; /* IE z-index bugfix */
}
ul#mainnav ul {
	position	: relative;
	top			: 0;
	left		: 0;
	z-index		: 50;
}
ul#mainnav li.notselected ul.submenu{/*hide all notselected tabs*/
	display		: none;
}

ul#mainnav li.selected ul.submenu { 
	display		: block;		
}

/* Root Menu */
ul#mainnav a {
	padding			: 6px 0px 6px 17px;
	display			: block;
	color			: #922985;
	font-family				: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size		: 12px;
	text-decoration	: none;
}
ul#mainnav a.lefttabs_notselected {
	font-weight:bold;	
}
ul#mainnav a.lefttabs_notselected:hover {
	color				: #5e0f7c;
}
ul.submenu a.uppertabs_notselected:hover {
	color				:  #560077 !important;	/*IE6*/
}
/* Sub Menu*/
ul.submenu a {
	background-image	: url(../../images/rondom/submenuborder.jpg);
	background-position	: 40% bottom;
	background-repeat	: no-repeat;
	font-weight			: normal;
	padding				: 7px 31px 7px 24px !important;
}
/* Root Menu Hover Persistence */
ul#mainnav a:hover, ul#mainnav li:hover a, ul#mainnav li.iehover a {
}
/* 2nd Menu */
ul#mainnav li:hover li a, ul#mainnav li.iehover li a {
	float		: none;
	color		: ;
}
/* 2nd Menu Hover Persistence */
ul#mainnav li:hover li a:hover, ul#mainnav li:hover li:hover a, ul#mainnav li.iehover li a:hover, ul#mainnav li.iehover li.iehover a {
	color	: #560077;/*#5e0f7c*/
}
ul.submenu a.uppertabs_selected {
	color				: #5e0f7c !important;
	font-weight			: bold;
}

li.submenu a.lefttabs_selected {
	display				: block;
	color				: #5e0f7c !important;
	font-weight			: bold !important;
}

#container #contentarea {
	float				: left;
	width				: 600px;
}
#container #contentarea div.padding {
	font-family				: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding					: 5px 20px 20px;
	!padding				: 18px 19px 20px;
	.padding				: 20px 20px 20px;
}
#container #mainright {
	float				: left;
	width				: 180px;
	position			: relative;
	margin-top			: 15px;
}
#container #mainright img {
	float				: left;
	border				: none;	
	margin				: 0;
	padding				: 8px 0 8px 10px;
}
#container #mainright div.block {
	float				: left;	
}
/*
#container #mainright h1 {
	background:;
	float				: left;
	display				: none;
	width				: 88%;
	margin				: 0;
	padding				: 11px 0;
	position			: relative;
	left				: 15px;
	top					: -36px;
	font-size			: 13px;
	font-weight			: bold;
	color				: white;
	text-align			: center;
	line-height			: 0;
}
*/
/*-----------Powered by Pharmeon--------*/

div.powered {
	width				: 150px;
	height				: 20px;
	float				: left;
	display				: block;
	position			: absolute;
	margin-top			: -30px;
	margin-left			: 20px;
}
div.powered h1 {
	font-size			: 10px;
	font-weight			: bold;
	margin:0;
	padding:0;
}

div.powered a {
	color				: #7f1a77;
	text-decoration		: none;
}
div.powered a:hover {
	color				: #C288AE;
}
div.powered img {
	padding-right		: 5px;	
}


/*-- Headers ----------------------------------------*/

H1 {
	font-weight 	: normal;
	font-style		: ;
	font-size		: 20px;
	color 			: #7f1a77;
}
H2 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 16px;
	color 			: #7f1a77;
}
H3 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 14px;
	color 			: #7f1a77;
}
H4 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #7f1a77;
}
H5 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #7f1a77;
}
H6 {
	font-weight 	: bold;
	font-style		: ;
	font-size		: 12px;
	color 			: #7f1a77;
}

.content_header,
td.content_header,
.content_title,
.news_title,
.bo_header,
.LS_header,
.LS_Title,
td.content_header,
td.content_title,
td.news_title,
td.bo_header,
td.Ls_header,
td.LS_Title,
.LinksPage_Title,
td.LinksPage_Title,
.List_Object_Title,
.ppu_kop_title{
	font-weight 	: bold;
	font-size		: 14px;
	color 			: #7f1a77;
	text-align		: left;
} 

#contentarea,
#contentarea p {
	white-space				: normal;
	font-size				: 13px;
	color					: #31353a;
}
#contentarea td,
#contentarea tr {
	white-space				: normal;
	font-size				: 13px;
}

/*Links------------------------------------------*/
#contentarea a:link,
#contentarea a:active,
#contentarea a:visited{
	color			: #7f1a77;
	text-decoration	: none;
	font-size 		: 12px !important;
}
#contentarea a:hover {
	color			: #7f1a77;
	text-decoration	: underline;
}

td.ls_title a:link,
td.ls_title a:visited,
td.ls_title a:active {
	font-weight 	: 0;
	font-size		: 12px;
	color 			: #7f1a77;
}
td.ls_title a:hover {
	font-weight 	: 0;
	color 			: #7f1a77;
	text-decoration : underline;
}

/*-------------------newsbox*/
.newsbox_table,
.newsboxcolumn {
	display:none;
	position:relative;	
}
.newsBoxPos {
	float				: left;
	width				: 229px;	
}

#newsbox {
	background-image	: url(../../images/udo_2010/menuborder.jpg);
	background-repeat	: no-repeat;
	background-position	: left top;
	float				: left;
	display				: block;
	position			: relative;
}

.newsbox_header {
	background-image	: url(../../images/udo_2010/boxtop.jpg);
	background-position	: left top;
	background-repeat	: no-repeat;
	position			: relative;
	float				: left;
	display				: block;
	width				: 184px;
	height				: 28px;	
}
.newsbox_header span {
}
.newsbox_header h1{
	font-size			: 17px;
	text-align			: left;
	color				: white;
	padding-left		: 30px;
	padding-top			: 4px;
}
.newsbox_content a {
	text-align			: left;
	color				: #eb7324 !important;
	float				: left;
	display				: block;
	padding				: 6px 8px;
	position			: relative;
	width				: 168px;
}
.newsbox_content {

}
.newsbox_content span {

}

.newsbox_footer {

}

/*------------login position-----------*/

table.login_table { 
	border				: 1px solid #7f1a77;
	border-collapse		: separate;
}
table.login_table td {
	border				: 0px;
	padding				: 9px;
}

.Form_Password,
.Form_Text{
	width				: 262px;
}

.login_text {
	padding				: 10px;	
}
/*------------Tables looking nice in contentarea------*/
table.datatable,
div#field1,
div#field2,
div#field3,
div#field4,
div#field5,
div#field6,
div#field7 {
	width				: 100% !important;	
}
.datatable td,
.Datalist td  {
	padding				: 2px 3px 2px 2px;
}