/*
	Volkers Neroc
	-----------------------------
	
	Kleurenpalet:
	
	Naam:			Heaxdecimaal:
	-----------------------------
	Donkergrijs		#333333
	Middengrijs		#666666
	Lichtgrijs		#999999
	Witgrijs		#CCCCCC
	
	Donkerblauw		#0055D2
	Middenblauw		#91AFEB
	Lichtblauw		#E1EBFF
*/


body
{
	margin: 0px;
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
}

/*posities*/
.pos-logo
{
	position: absolute;	
	top: 25px;
	left: 68px;
	width: 130px;
	height: 130px;
	z-index: 100;
}

.mainmenu-item
{
	position: relative;
	top: 8px;
	left: 0px;
	height: 30px;
	z-index: 35;
	float: left;
	display: block;
}

.pos-pulldown-content
{
	position: relative;
	padding: 8px;
}

.pos-submenu
{
	position: absolute;
	top: 266px;
	left: 70px;
	width: 150px;
	z-index: 30;
	text-align: right;
}

.linemenu
{
	font-weight : normal;
	font-size : 12px;
	color: #FFFFFF;
	
}

h1,h2 {
	font-weight : normal;
	display: inline;
	position:relative; 
	top: 6px;
}

h1 {
	height : 20px;
	font-size : 21px;
}

h2 {
	height : 20px;	
	font-size : 18px;	
}
.headblue {
	color: #0055D2;	
	font-size : 18px;	
}


.publikatie-titel
{
	color: #0055D2;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	float : left;
	width : 260px;
}

.publikatie-bron
{
	color: #0055D2;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	float : left;
	width : 130px;
}

.pers-titel
{
	color: #0055D2;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	float : left;
	width : 390px;
}

.pers-datum
{
	color: #0055D2;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
}


p,td {
	font-weight : normal;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;	
}

.txt-blue {
	font-weight : normal;
	font-size : 12px;
	color: #0055D2;
	text-indent : inherit;
}

/* Photo's menu's  */
#pos-top-photo
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 180px;	
	z-index: 20;
}

.fotmenu-home {background: #000 url(../images/fot_top_home.jpg); background-repeat : no-repeat;	margin-left: 120px;}
.fotmenu-volkers {background: #000 url(../images/corp_top_algemeen.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-cases {background: #000 url(../images/fot_top_menu.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-peijnenburg {background: #000 url(../images/fot_top_peijnenburg.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-ravensberger {background: #000 url(../images/fot_top_ravensberger.jpg); background-repeat: no-repeat;margin-left: 185px;}
.fotmenu-cases-greenery {background: #000 url(../images/fot_top_greenery.jpg); background-repeat: no-repeat;margin-left: 185px;}
.fotmenu-cases-celavita {background: #000 url(../images/fot_top_celavita.jpg); background-repeat: no-repeat;margin-left: 185px;}
.fotmenu-cases-leerdammer {background: #000 url(../images/fot_top_leerdammer.jpg); background-repeat: no-repeat;margin-left: 185px;}
.fotmenu-cases-plusfood {background: #fff url(../images/fot_top_plusfood.jpg) no-repeat; margin-left: 185px;}
.fotmenu-cases-johma {background: #fff url(../images/fot_top_johma.jpg) no-repeat; margin-left: 185px;}
.fotmenu-cases-chrysal {background: #fff url(../images/fot_top_chrysal.jpg) no-repeat; margin-left: 185px;}
.fotmenu-cases-cono-v {background: #fff url(../images/fot_top_cono.jpg) no-repeat; margin-left: 185px;}
.fotmenu-cases-edah {background: #000 url(../images/fot_top_edah.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-stegeman {background: #000 url(../images/fot_top_stegeman.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-duyvis {background: #000 url(../images/fot_top_duyvis.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-ics {background: #000 url(../images/fot_top_ics.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-cases-unilever {background: #000 url(../images/fot_top_unilever.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-mockups {background: #000 url(../images/fot_top_mockups.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-producten {background: #000 url(../images/corp_top_producten.jpg); background-repeat : no-repeat;	margin-left: 185px;}
.fotmenu-diensten {background: #000 url(../images/corp_top_diensten.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-contact {background: #000 url(../images/corp_top_contact.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-techniek {background: #000 url(../images/fot_top_techniek.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-tech-packaging {background: #000 url(../images/tech_top_packaging.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-tech-contact{background: #000 url(../images/tech_top_contact.jpg); background-repeat : no-repeat; margin-left: 185px;}
.fotmenu-tech-support{background: #000 url(../images/tech_top_support.jpg); background-repeat : no-repeat; margin-left: 185px;}

.pos-header
{
	position: relative;
	top: -5px;
	margin-left: 255px;
	height: 35px;
	z-index: 20;
}

.pos-content
{
	position: relative;
	top: 20px;
	margin-left: 255px;
	width: 485px;
	height: 35px;
	z-index: 20;
}

/* Titel */
.titel {
	color: #0055D2;
	font-size: 32px;
	line-height: 39px;
}

/* Navigatiebalk */
.margin-submenulink {
	margin: 2px;
}

a.main-menuitem-grey:link, a.main-menuitem-grey:visited {font-size: 12px; text-decoration:none; font-weight:normal; color:#cccccc;}
a.main-menuitem-grey:active, a.main-menuitem-grey:hover {font-size: 12px; text-decoration:none; font-weight:normal; color: #91AFEB;}

a:link, a:visited,a:active { font-size: 12px; color: #0055D2; text-decoration:none; }
a:hover {font-size: 12px; color: #ff6600; text-decoration:none;}

ul {
	margin-left: 0px;
	#text-indent: 5px;
}

li {
	list-style: disc inside;
	font-size : 12px;
}

img {
	border: 0px;
}

/* formdefinities */

form
{
	display: inline;
}

.form-container
{
	position: relative;
	width: 485px;
	font-size : 12px;
}

.formfield {background-color: #E1EBFF; border: solid 1px #91AFEB;}
.textarea {background-color: #E1EBFF; border: solid 1px #91AFEB;}

.pos-formrow 
{	
	position: relative;
	width: 100%;
	font-size : 12px;
	margin: 3px;
}

.pos-formtxt 
{
	position: relative;
	width: 43%;
	font-size : 12px;
	text-align: right;
	float: left;
}

.pos-formfield 
{	
	position: relative;
	width: 55%;
	font-size : 12px;
	float: left;
}
	
#formfield-small {width: 30px;}	
#formfield-medium {	width: 100px;}
#formfield-mediumlong {	width: 117px;}
#formfield-large {width: 236px;}

.form-but {width: 100px; background-color: #91AFEB; color: #ffffff; font-weight : bold; border: solid 1px #91AFEB;}

a.start_module {display:block; width:155px; padding:5px 10px 5px 10px; background-color:#eeeeee; font-weight:bold;border: 1px solid #CCCCCC}
a.start_module:hover {background-color:#FFFFFF;  }

.attentie {color: red;}

