/* De instellingen van de body */
body{ 
	color: #000000;
	background-color: #ffffff;
	padding: 0px; 
	margin: 0px;
	border-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	/* height: 100%; /* Dit moet via JS*/
}

h1{
	font-family: "Times New Roman", Times, serif;
	color: #b94f27;
	font-weight: normal;
}

h2{
	
}



/* een aparte gecentreerde box maken */
#container{
	position: absolute;
	visibility:visible;
	/*background-color: #e8cc1d;*/
	left: 50%;
	margin-left: -480px; /* (width/2) zorgt er icm left en position voor dat je een gecentreerde floating box krijgt.*/
	width: 960px;
	background: #ffffff url(../images/background_renewed.png) repeat-y 100% 100px; /* Bert hier aanpasen.. */
	min-height: 100%; 
}
	
	#left{
		float: left;
		width: 95px;
	}
	
	#center{
		float: left;
		/*background-color: #e8cc1d;*/
		width: 770px;
						
	}

		#top{
			float: left;
			width: 770px;
			height: 129px;
			background: #eed3ca url(../images/logo_magma.jpg); 
		}
		
			#top_login{
				float: right; 
				margin-top: 2px;
				margin-right: 5px;
			}

			#vestigingtitle{
				float: left;
				margin-top: 89px;
				padding-left: 107px;
				font-size: 18px; 
				font-weight: bold;
				font-family: Lucida Sans Unicode;
				height: 23px;
				color: #b94f27;
			}
			
			#top_login a{
				height: 18px;
				width: 65px;
				display: block;
			}
		
		#top_onder{
			float: left; 
			width: 770px;
			background: transparent url(../images/logo_magma_onder.gif) no-repeat top left;
			padding-top: 75px;
			
		}
		
			#content_back{
				float: left; 
				visibility:visible;
				/*background-image: url(../images/background.gif);*/
				padding: 20px;
			}
		
				#content_image{
					float: left; 
					width: 200px;
				}
				
				#content{
					float: left;
					width: 470px;
					padding: 50px;
					padding-top: 0px;
					padding-left: 10px;
				}
	
	#right{
		float: left;
		width: 95px;
	}
	
/* Menu css */

/** menu wijzig niets aan de volgende menu instellingen. */
body{
	behavior: url(style/csshover2.htc); /* Needed for hover in IE*/
}
#menu{
	/*position: relative;
	 */
	float: left;
	height: 17px;
	/*top: 112px;
	left: 142px;*/
	margin-left: 142px;
}
*html #menu{
	margin-left: 71px;
}
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#menu a{
	display: block;
}

*html #menu li{
	width: 45px;
}
#menu li {
	position: relative;

	min-width: 45px;
	
}
#menu ul ul {
	position: absolute;
	z-index: 500;
	background-color: #eed3ca;
}

#menu ul ul li{
	width: 100%;
}



#menu ul ul li:hover a{
	color: white;
}
#menu ul li{ /* Needed for IE */
	float: left; 
	/*width: 100%;*/
}
#menu ul li a { /* Needed for IE (else unable to click on all items in menu */
	/*_height: 1%; /* Hacked even more, because IE7 does support css menus without this */
}
#menu ul ul ul {
	top: 0;
	left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
	display: none;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
}
/* opsmuk ;) Hier moeten de wijzigingen plaatsvinden */
#menu{
	background-color: #eed3ca;
	text-align: left;
	width: 628px;
}

#menu ul{
	border-right: 1px solid white;
}

#menu ul li{
	padding-left: 3px;
	padding-right: 15px;
}
#menu ul li:hover {
	background-color: #ba4e27;
}
#menu ul li:hover a{
	color: white;
}
#menu ul li:hover li a{
	color: #b85128;
}

#menu ul ul li{
	padding: 0px;
}

#menu ul ul{
	margin-left: -3px;
}

#menu a{
	color: #b85128;
	margin: 0px;
	/*margin-top: 1px;*/
	padding: 1px;
	padding-left: 2px;
	text-decoration: none;
}
#menu ul li:hover a:hover {
	color: white;
}

#menu ul li a:hover {
	color: white;
	background-color: #ba4e27;
}

#menu ul ul li a{
	width: 130px;
}

/*#menu ul ul a{
	background-color: #eed3ca;
	border-top: 1px solid white;
	padding-left: 10px;
}*/

#menu a:hover {
	opacity: 1;	
	filter:alpha(opacity=100);
}

#menu ul ul {
	width: 135px;

	opacity: 0.95;	
	filter:alpha(opacity=95);
}

#menu img{
	position: absolute;
	border: 0px; 
	top: 5px;
	right: 5px;
	margin: 0px;
	padding: 0px;
}
#menu ul ul li a{
	color: #b85128;
}

/* End menu */

#container_table{
	/*background-color: #ff0000;*/
	color: #b94f27
}

/*#container_table .item{
	/*background-color: #00ff00;*/
	/*text-align: center;*/
	/*width: 220px;
	vertical-align: top;
	padding: 10px;
}*/


#vestiging{
	float: left;
	width: 320px;

}
#vestiging img{
	float: left;
	border: 0px;
}



#vestiging_images{
	float: left;
	width: 200px; 
}

#vestiging_images img{
	padding-bottom: 10px; /* spacing between images in vestiging */
}


#selectie_table{
	color: #b94f27;
	width: 720px;
	
}

#selectie_table td{
	vertical-align: top;
}

.steen_image img{
	border: 1px solid #d1af97;
	background-color: white; /*transparent; /* hier transparent van maken als achtergrondafbeelding niet door image moet komen */
	/*height: 265px;*/
}

#selectie_table .steen{
	width: 190px;
	overflow: hidden;
}
#selectie_table .steen_title{
	font-weight: bold;
}

#selectie_vt{
	color: #b94f27;
	width: 720px;
}
#selectie_vt .steen_title{
	font-weight: bold;
}
#selectie_vt .steen_image{
	height: 75px;
	
}
#selectie_vt .steen_image img{
	width: 340px;
	
}

#selectie_pers{
	color: #b94f27;
	width: 720px;
}

#selectie_pers td{
	vertical-align: top;
}

#selectie_pers .steen_title{
	font-weight: bold;
}
#selectie_pers .steen_image img{
	height: 185px;
}

.vest{
	font-weight: bold;
}

.begrpl{
	width: 300px;
}

.opmerkingen{
	width: 300px;	
}

.rightinput{
	text-align: right;
}

/* Autofill input */
#ajax_listOfOptions{
  position: absolute;  /* Never change this one */
  width: 300px;  
  height: 150px;
  overflow: auto;  /* Scrolling features */
  border:1px solid #7f9db9;  /* Dark green border */
  background-color: white;  /* White background color */
  text-align: left;
  z-index: 100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin: 1px;    
  padding: 1px;
  cursor: pointer;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
}

#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color: #316ac5;
  color: white;
}
#ajax_listOfOptions_iframe{
  position: absolute;
  z-index: 5;
}

#content img{
	padding: 10px;
	float: left;
}

#to_top{
	float: right;
	width: 530px;
	text-align: right;
}

#to_top a{
	color: #b94f27;
	text-decoration: none;
}

#to_top img{
	border: 0px;
}

/* End autofill input */

/* extra text markups */
.pl{
	padding-left: 39px;
}