/* css style */



body {

	color: #666;

	font-family: Verdana,Arial,Sans-Serif;

    font-size: 12px;

	background: #fff url('../images/top-bg.gif') repeat-x 0 0;

	margin:0;

	padding:0;

}



a      { 

        color:#005fae;

        text-decoration:none;

}



a:hover{	

	text-decoration: none;

	color:#FF9633;

	

}



img {border:0;}



#header {

	height: 85px;

 	width: 990px;

	margin: 0 auto;

}

#logo {

	margin-top: 10px;
	height: 75px;
	width:500px;
	float:left;
	overflow:hidden;

}

#logo img {

	height: auto;
	
}
	

#header ul {

	float: right;
	width: 200px;

}

#header li {

	float: left;

	list-style: none;

}

#header li a {

	font-size: 10px;

	text-decoration: none;

	margin-left: 4px;

}

#header li a:hover{

	text-decoration: underline;

}

#header li img {

	margin: 0;

}



#menu {

	height: 40px;

	margin: 0 auto;

	background: #e5f6ff;

	border-top: 1px solid #bec5cb;

	border-bottom: 1px solid #bec5cb;

}

#menu-content {

	width: 990px;

	margin: 0 auto;

	padding: 0;

}

#menu li {

	float: left;

	list-style: none;

	height: 40px;

	background: #fff url('../images/nva-left-line.jpg') no-repeat 0 center;

}

#menu li a {

	height: 20px;

	display: block;

	padding: 10px;

	font-size: 14px;

	text-decoration: none;

	font-weight: bold;

}

#menu li a:hover {

	background: #0099e5;

	color: #fff;

}



#page {

	background: #fff url('../images/both-bg.gif') no-repeat center 0;

}



#container {

	width: 990px;

	margin: 0 auto;

	border: 0px;

	background: #fff;

	overflow: hidden;

}

#banner {

	width: 970px;

	height: 190px;

	padding: 10px;

}



#content {

	width: 750px;

	float: left;

	padding: 10px;

        background: #fff

}



#content_right {

	width: 168px;

	margin-left: 20px;

	float: left;

	padding: 10px;

	background: #fff url('../images/content-right-bg.jpg') no-repeat center 0;

	border: 1px solid #d7d7d7;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



#imgbar{

	height: 60px;

	width: 990px;

	float:left;

	padding: 10px;

	border-top: 1px solid #bec5cb;

	margin-top: 10px;

}

#imgbar img{

	border: 1px solid #d7d7d7;

	opacity:0.5;

	filter:alpha(opacity=50); /* For IE8 and earlier */

}

#imgbar img:hover {

	opacity:1.0;

	filter:alpha(opacity=100); /* For IE8 and earlier */

}



#footer1 {

	height: 150px;

	background: #e5f6ff;

	width: 100%;

		

}



#footer1-content {

	background: #e5f6ff;

	width: 900px;

	margin: 0 auto;

	padding-top:5px;

	

}



#footer1 ul {

	width: 160px;

	padding:0;

	margin:10px;

	margin-top:20px;

	float:left;

}

#footer1 li {

	list-style: none;

}

#footer1 a {

	text-decoration:none;

}

#footer1 a:hover{	

	text-decoration: underline;

}

#footer1 h1 {

	font-size: 14px;

	font-weight:bold;

}



#footer2 {

	background: #52707f;

	height: 80px;

}

#onderdeel {

	float:right;

	margin: 20px;

	color: #ccc;

}





/* active / inactive */



.inac {

	background: #E7EBF2;

	color: #afacac;

}



.inac:hover {

  background-color: #F8F7F7;

}



#tab_block #tab_menu  a.ac {

    background: #E1F1FE;

    color: #00AFEF;

}



/* fb rechtzetten */

.fb_edge_widget_with_comment {

    float: left;

    height: 20px;

    margin: 0;

    padding: 0;

    position: relative;

    width: 105px;

}



#facebook {float: left;width: 110px;position: absolute; margin-left: 300px;}

#twitter {float: left;width: 95px;position: absolute;}

#googleplus {float: left;width: 68px;position: absolute; margin-left: 200px; }

#linkedin {float: left;width: 100px;position: absolute; margin-left: 100px;}





/* form */



form { background: transparant;     

      margin: auto;

	  float:left;

	  width: auto;

	  

	   /*Rounded Corners*/

 -webkit-border-radius: 5px;

 -moz-border-radius: 5px; border-radius: 5px;

}

form table td {

	color: #404d54;

	font-size: 13px;   

	padding-right: 10px;

}



select {  color: #4F4F4F;      

        font-size: 13px;

		font-weight: 100;

		border: 1px solid #999;

        margin: 5px auto auto auto;        

		padding: 3px 3px;

/*Rounded Corners*/

 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

}

.smalltext { width: 80px;           

            color: #949a9c;

	        font-size: 13px;

		    font-weight: 100;

		    border: 1px solid #999;

		    margin: 5px auto auto auto;           

			padding: 5px 5px;

  /*Rounded Corners*/

 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

}

.text  { width: 150px;       

        color: #949a9c;

	    font-size: 13px;

		font-weight: 100;

		border: 1px solid #999;

		margin: 5px auto auto auto;

		padding: 5px 5px;

  

/*Rounded Corners*/

 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

 

fieldset { background: #F8F7F7; 

        border: 1px solid #31C5F4;      

	    margin-top: 5px;

	    margin-right: 5px;

	    display:block;

		padding-right:0px;

		

	    	 	  

 /*Rounded Corners*/

 -webkit-border-radius: 5px;

 -moz-border-radius: 5px; border-radius: 5px;



		}





table td{



	color: #808080;



	font-size: 12px;



        padding-right: 5px;

}





		



/*Button*/







.button {



  font: 18px/1.5 Helvetica, Arial, sans-serif;



  color: #fff;



  background: #F17804;



  border: 2px solid #eee;



  height: 38px;



  width: auto;



  margin: 10px auto auto auto;



  overflow: hidden;



  display: block;



  text-align: center;



  line-height: 30px;



  cursor:pointer;







  /*Rounded Corners*/



  -webkit-border-radius: 10px;



  -moz-border-radius: 10px;



  border-radius: 10px;



 



  /*Gradient*/



  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));



  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));



  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));



  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));



  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));



 



  /*Shadow*/



  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);



  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);



  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);







}



 



.button:a {



  color: #fff;



  text-decoration: none;



}







.button:hover {



  background-color: #FF9633;



}







/*Button_menu*/







.button_menu {



  font: 18px/1.5 Helvetica, Arial, sans-serif;



  color: #808080;



  background: #f3f3f3;



  border: 2px solid #eee;



  height: 38px;



  width: auto;



  margin: 10px auto auto auto;



  overflow: hidden;



  display: block;



  text-align: center;



  line-height: 30px;



  cursor:pointer;







  /*Rounded Corners*/



  -webkit-border-radius: 10px;



  -moz-border-radius: 10px;



  border-radius: 10px;



    



}



 



.button_menu:a {



  color: #fff;



  text-decoration: none;



}







.button_menu:hover {



  color: #fff;



  background-color: #FF9633;

  

  text-decoration: none !important;



}



/*Button_Aanmelden*/







.button_aanmelden {



  font: 18px/1.5 Helvetica, Arial, sans-serif;



  color: #ffffff;



  background: #FF9633;



  border: 2px solid #eee;



  height: 38px;



  width: auto;



  margin: 10px auto auto auto;



  overflow: hidden;



  display: block;



  text-align: center;



  line-height: 30px;



  cursor:pointer;







  /*Rounded Corners*/



  -webkit-border-radius: 10px;



  -moz-border-radius: 10px;



  border-radius: 10px;



    



}



 



.button_aanmelden:a {



  color: #fff;



  text-decoration: none;



}







.button_aanmelden:hover {



  color: #FF9633;



  background-color: #f3f3f3;

  

  text-decoration: none !important;



}















/*******************/



/*tabbladen styles */



/*******************/



#tab_bloak {float:left;}



#tab_block .tab {



	float:left;



	clear:both;



	-webkit-border-radius: 10px;



	-webkit-border-top-left-radius: 0;



	-moz-border-radius: 10px;



	-moz-border-radius-topleft: 0;



	border-radius: 10px;



	border-top-left-radius: 0;



	background: #E1F1FE;



	width: 95%;



	padding: 10px;



}



#tab_block #tab1 {display:none;}



#tab_block #tab_menu {float:left;clear:both;}



#tab_block #tab_menu a {color:grey;}



#tab_block #tab_menu ul {



	padding: 0;



	margin: 0;



}



#tab_block #tab_menu ul li{



	list-style:none;



	float:left;



}



#tab_block #tab_menu ul li a{



	-webkit-border-top-left-radius: 10px;



	-webkit-border-top-right-radius: 10px;



	-moz-border-radius-topleft: 10px;



	-moz-border-radius-topright: 10px;



	border-top-left-radius: 10px;



	border-top-right-radius: 10px;



	display: block;



        margin: 0 20px 5px 15px;



	padding: 5px 10px;



}



/* active / inactive */



.inac {



	background: #E7EBF2;



	color: #afacac;



}



.inac:hover {



  background-color: #F8F7F7;



}







#tab_block #tab_menu  a.ac {



      background: #E1F1FE;



      color: #00AFEF;



}











/* fb rechtzetten */



.fb_edge_widget_with_comment {



    float: left;



    height: 20px;



    margin: 0;



    padding: 0;



    position: relative;



    width: 105px;



}







 



/*Socials*/







#facebook {float: left;width: 110px;position: absolute; margin-left: 200px;}



#twitter {float: left;width: 95px;position: absolute;}



#googleplus {float: left;width: 68px;position: absolute; margin-left: 100px; }



#linkedin {float: left;width: 100px;position: absolute; margin-left: 300px;}











/*tooltip*/







.tooltip {



	display:none;



	-webkit-border-radius: 15px;



	-moz-border-radius: 15px;



	border-radius: 15px;



	font-size:12px;



	width:auto;



	padding:10px;



	color:#4F4F4F;



	background: #E1F1FE;



	border: 1px solid #fff;



	-moz-box-shadow:    2px 2px 2px 2px #ccc;



	-webkit-box-shadow: 2px 2px 2px 2px #ccc;



	box-shadow:         2px 2px 2px 2px #ccc;



}



















/* TABBLADEN ALS BUTTON - overwrite */



#tab_block #tab_menu ul li a {



	-webkit-border-radius: 5px;



	-moz-border-radius: 5px;



	border-radius: 5px;



    margin: 0 10px 5px 10px;



}



/* achtergrond kleur van tabblad */



 #tab_block .tab {



	background: transparent;



}



/* tabbladen kleur - overwrite */



/* kleuren inactieve knop */



#tab_block #tab_menu a.inac {



    background: #E7EBF2;



    outline: none;



    color: grey;



}







/* kleur als je over de knop heen gaat */



#tab_block #tab_menu a.inac:hover {



    background-color: #F8F7F7;



}



/* kleuren actieve knop */



#tab_block #tab_menu a.ac {



    background: #E1F1FE;



    outline: none;



    color: #00AFEF;



}







a:active



 {



 outline: none;



 }



 



a:focus



 {



 -moz-outline-style: none;



 }
 
 p.error{
	color:rgba(255,51,51,1);
	font-size: 14px;
}