/* top elements */
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	
	font: 1em/1.8em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #999; 
	/*background: #FFFFFF;
	text-align: center;
	height:100%;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;*/
}
/* links */
a { 
	/*color: #4284B0;*/
	color: #007cb0;
	cursor: pointer;
	background-color: inherit;
	text-decoration: underline;
	
}
a:hover {
	color: #999;
	background-color: inherit;
}
/* headers */
h1, h2, h3 {
	/*color: #333;*/
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	font-weight: normal;
	color: #007cb0;
}
h1 { font-size: 2em; margin: 15px 0px; } 
h2 { font-size: 1.5em; margin: 10px 15px;}
h3 { font-size: 1.0em; margin: 10px 15px;}

p {
	margin: 20px 15px;
}

td{
	padding: 2px 5px;
}
ul, ol {
	/*margin: 10px 30px;
	padding: 0 15px;*/
	color: #4284B0;
	
}
ul span, ol span {
	color: #666666; 
}

a:hover img {  
  border: none /* 0px solid #CCC; IE fix
  border: none /* 0px solid #568EB6;*/
}

img.float-right {
  margin: 5px 10px 5px 15px;  
  float: right;
}

img.float-left {
  margin: 5px 10px 5px 15px;  
  float: left;
}

/* form elements font-weight:bold;*/
form {
	margin:10px; 
	padding: 0;
	background-color: #FFF;
	/*
	border: 0px solid #f2f2f2; 
	background-color: #FAFAFA; .
	input:read-only { */
}

form table{
	display: none;
}

label {
	display:block;
	margin:0px;
	color: red;
}


textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #999999;
	height:50px;
	display:block;
	color:#777;
}

input.button {
	margin: 20px 0px 20px 0px;
	padding: 2px 20px 2px 20px;
	/*background: #FAFAFA;
	background: #0066B4;
	font-family: "Trebuchet MS";
	*/
	background: #FFF;
	color: #007cb0;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: auto;
	border:2px solid #007cb0;
	cursor:pointer;
}


/**********************
	  LAYOUT
************************/
#wrap {
	background: #FFF;
	width: 1000px;
	margin: 0 auto;
	margin-top: 80px;
	
}



/* header */
#header {
	top: 0;
	position: fixed;
	height: 90px;
	
	width: 1000px;
	background-color: transparent;
	background: url(topbg.png) repeat-x 0% 100%;
	z-index:2000;

	/* background: #595961;	 
	background: url(topbg.jpg) repeat-x 0% 100%;
	border-bottom: 0px solid #DCDCDC;
	background: #000 url(headerbg.gif) repeat-x 0% 100%;*/	
}



#header  #logo {
	top: 10px; 
	left: 20px;
	position: absolute;
	/*color: #FFF;
	font-weight: bold;	
	font-size : 2em;*/

} 

#menu{
	
	top: 25px; 
	left: 375px;
	position: absolute;
}

#menu a{
	text-decoration: none; 
	color: #007cb0;
	font-size : 1.3em;
	margin: 0 20px 0 20px;
}


#logout {
	float: right;
	z-index:2001;
	margin: 10px 150px 0 0;
	color:#FFF;
	font-weight: normal;	
}

#logout a{
	color: #FFF;
}

#popup {
	display: none;
	margin-top: 150px;
	margin-bottom: 200px;
	text-align: center;
}



/* main */
#main {
	/*float: center; 
	width: 775px;	
	height: 100%;*/
	text-align: left;
	width: 1000px;
	
}

#kwaliteitsplan, #mjop, #risicoanalyse {
	cursor: pointer;
	/*width: 30%;
	float: left;
	text-align: center;*/
}

/* Footer #DCDCDC */
#footer { 
	clear: both; 
	color: #007cb0; 
	background: #FFFFFF; 
	border-top: 2px solid #007cb0;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;	
	width: 1000px;		
}

#footer a { 
	text-decoration: none; 
	font-weight:normal;	
	color: #007cb0;
}
#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	/*width: 30%;*/
}

#buttons {
    width: 225px;
    text-align: left;
	float:left;	
}

#product{
	text-align: center;
	width: 310px;
	float: center;	
}

.niv2{
	padding: 0.1em 0em 0.2em 1em;
}

.niv3{
	padding: 0.1em 0em 0.2em 1.2em;
}

.niv4{
	padding: 0.1em 0em 0.2em 1.4em;
}

.niv2, .niv3, .niv4{	
	font-weight: normal;
	cursor: pointer;
	/*border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid white;
	list-style-type: none;*/
	display: none;	
}

.niv1 {
	cursor: pointer;
	font-size : 1em;
	line-height: 2em;
	/*background: #e3e3e3;*/
	font-weight: normal;
	padding:  0.1em 0em 0.2em 1em;
	border-bottom: 0px solid #c5c5c5;
	border-top: 0px solid white;
}

.niv0{
	cursor: pointer;
	font-weight: bold;
	font-size : 1em;
	line-height: 2em;
	/*background: #0066B4; #e3e3e3;
	color:#FFF;
	border-bottom: 0px solid #0066B4;*/
	border-top: 1px solid #FFF;
	padding:  0.1em 0em 0.2em 1em;
	background: #DCDCDC; /*F4F4F4;   #DCDCDC*/
}

.product{
	border: 1px solid #5B5B5B;
}

ul {
	list-style-type: none;
	color: #5B5B5B;
}


#vragen p.vraag{
	font-weight: bold;
	margin: 10px 0 0px 15px;
}

#vragen p.antwoord{
	font-weight: normal;
	font-style: italic;
	margin: 0 0 20px 15px;
}

p.vraag{
	cursor:pointer;
	font-weight: normal;
}

p.titlepitch{
	
	font-weight: bold;
	font-size : 20px;
	
}

p.pitch{
	
	
	line-height: 150%;
	font-size : 1.3em;
	color: #007cb0;
}

li a{
	text-decoration: none;
	color: #5B5B5B;
	display: block;
}


select, input { 
	padding: 2px;
	border:1px solid #999999;
	font: normal 1em Verdana, sans-serif;
	color:#666666;
	width: 194px;
}

select{
	width: 200px;
}

.start{
	border-collapse: collapse; 
	border: 1px solid #C0C0C0;
	margin: 10px; 
}

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.float-center {	float: center; }
.align-left  {	text-align: left; }
.align-center {	text-align: center; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }
.hide { display: none;}