/*	 ______  _____
   /   __ \/   __\     monteq                ::  Menno van 't Hoff       |
  /   /  /   /  / \    webdesign             ::  1e Jerichostraat 37c    |
 /   /  /   /  /   \   consultancy           ::  3061 GC Rotterdam       |
/___/  /___/  /_____\  2010   */

/*================================  General  ===============================*/
	/*  */	/*  */	/*  */	/*  */	/*  */	
/*  html { height: 101%; margin-bottom: 1px;}*/
a {outline: none;}
body{
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align:center;
	background: url("../images/stripe.gif");
	
	scrollbar-face-color:		#009999;
	scrollbar-highlight-color:	#3CBCBC;
	scrollbar-3dlight-color:	#5ADADA;
	scrollbar-darkshadow-color: #004E4E;
	scrollbar-shadow-color:		#006262;
	scrollbar-arrow-color:		#990000;
	scrollbar-track-color:		#CCCCCC;}
	
:focus	{ -moz-outline-style: none;}/* no dotted links FireFox */
#imageholder{float: right; height: 100px;}
h2{font-size:22px;	line-height: 60px;	color:#009999;	text-align:center;}

#home{position:relative;top:-570px;left:-465px;z-index:1;}
#intro{display:none;}
#container{
	width: 970px;
	height: 721px;/*717px694*/
	padding: 0px 0px;
	margin: 0px auto;/* !important FF */ 
	text-align:left;
	border: 1px solid #bbb;
	background: #ddd}
#header{
	width: 100%;
	height: 123px;/*96px*/
	background: #ffffff;}

#nav {float: left; display: block; width: 160px; height: 556px /*556*/; background: #009999; }
#nonavhor{ height: 20px; background: #009999;}
/*background-image: url("../img_layout/ut.gif");background-position:left;
background-repeat:no-repeat;*/
/* study-version was added with menu-items! */

/* letterype voor de datum, staat bij nieuwsmain h4, moet veranderd worden!!*/  

/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\  grijze nieuws boxje  */

#nieuws{
	float:right;
	width: 120px;
	height: 32px;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 10px;
	background: #ccc;}

img {border:0;}



/* nieuwsrubriek=nieuwsmain zie nav*/ 

/* position and layout footer*/
#footer{
	display: block;
	float: left;/* important for displaying FireFox */
	height: 22px;	
	width: 970px;
	color: #bbb;
	text-align:center;
	background-color: #990000;}
/**/
.fc{ float:left;width:320px;padding-left: 0px;font-size:12px;font-weight:bold;color:#ccc;text-align:center;}

#logo{margin: 0px auto;}

/*\/\/\/\/\/\/\/\/\/\/\/\/\  images \/\/\/\/\/\/\/\/\/\/\/\/\*/

/* positioning images */
.iml{	float:left;		margin-right: 8px;}
.imr{	float:right;	margin-left: 8px;}		
.imt{	margin-top:8px;}
.leftimg {float: left;	margin:5px 10px 5px 5px;	border: 1px solid;}
.imgborder{ padding: 3px; margin: 5px; margin-bottom: 8px; border: 0px solid #ccc; }
/* positioning kennismaking */
.kenh{height:500px;padding-top:10px;}
/* text margins */
.comm {font-size: 10px;line-height:12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.topm {margin-top: 10px;}

/*vertical boxes diergeneeskunde*/

.vbox180{ width: 180px; }
.vbox220{ width: 220px; }
.vbox240{ width: 240px; }

.vbox180, .vbox220, .vbox240 {
float: left; 
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
padding:0px 10px;
text-align: center;}

/*horizontaal wordt voor diergeneeskunde een tabel gebruikt*/

/*buttons*/
#button1,#button2,#button3,#button4,#button5,#button6 {float:left;
	
	width: 60px;
	height: 60px;
	margin: 4px 8px 0 15px;
	}
/*display: inline;*/

#button1 a,#button2 a,#button3 a,#button4 a,#button5 a,#button6 a {display: block;width:60px;height: 60px;}

#button1 a 			{background: url(../img_layout/logo_div/knmvd.gif) no-repeat top left;}
#button1 a:hover	{background: url(../img_layout/logo_div/knmvd.gif) no-repeat top right;}
#button2 a 			{background: url(../img_layout/logo_div/ggg.gif) no-repeat top left;}
#button2 a:hover	{background: url(../img_layout/logo_div/ggg.gif) no-repeat top right;}
#button3 a 			{background: url(../img_layout/logo_div/aequor.gif) no-repeat top right;}
#button3 a:hover	{background: url(../img_layout/logo_div/aequor.gif) no-repeat top left;}
#button4 a 			{background: url(../img_layout/logo_div/ddd.gif) no-repeat top right;}
#button4 a:hover	{background: url(../img_layout/logo_div/ddd.gif) no-repeat top left;}
#button5 a 			{background: url(../img_layout/logo_div/frog_2.gif) no-repeat top left;}