/* 
    Document   : structure
    Created on : 4-dec-2009, 18:19:30
    Author     : laurent
    Description:
        Purpose of the stylesheet follows.
*/

html{  }
	body{ margin-bottom: 10px; }
		a{ font-weight: bold; }
		a:hover{ text-decoration: none; }

		div.about{ display: none; }
		div.white{ display: none; width: 100%; height: 415px; position: absolute; top: 0; left: 0; }

		#doc{
			width: 950px; margin: 0 0 0 -475px;
			position: relative; left: 50%;
			display: inline-block;
		}

			#doc div.language{ height: 20px; line-height: 20px; }
				#doc div.language ul{ margin: 0; padding: 0; float: right; }
					#doc div.language ul li{ list-style-type: none; float: left; margin: 0 5px; }

			#doc div.logo{ height: 94px; margin-bottom: 20px; }
				#doc div.logo a{ display: block; height: 100%; text-decoration: none; }
			#doc div.content{ width: 844px; height: 257px; margin-left: 42px; padding: 10px; border: 2px solid; overflow: auto; }
				#doc div.content div.text{ width: 400px; float: left; }
				#doc div.content div.contact{ width: 400px; left: auto; float: right; }
					#doc div.content div.contact fieldset{ padding: 0; margin: 0; }
						#doc div.content div.contact fieldset legend{ margin: 0; padding: 0; font-size: 108%; font-weight: bold; color: #9C8511; }
						#doc div.content div.contact fieldset input[type=text]{ width: 396px; padding: 1px; border: 1px solid #9C8511; }
						#doc div.content div.contact fieldset textarea{ width: 396px; height: 50px; padding: 1px; border: 1px solid #9C8511; }

			#doc div.info_link{ float: left; width: 350px; padding: 0; overflow: hidden; }
				#doc div.info_link a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; text-decoration: none; }
					#doc div.info_link a span{ position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 26px; line-height: 26px; font-size: 14px; text-align: center; }
				#doc div.info_link a:hover{ opacity: .60; }
			#doc div.contact_link{ float: right; width: 350px; margin: 0 42px 0 0; padding: 0; overflow: hidden; }
				#doc div.contact_link a{ display: block; width: 100%; height: 100%; background: transparent url('images/contact_link.png') no-repeat; overflow: hidden; position: relative; text-decoration: none; }
					#doc div.contact_link a span{ position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 26px; line-height: 26px; font-size: 14px; text-align: center; }		
				#doc div.contact_link a:hover{ opacity: .60; }		

#main_menu{ position: relative; width: 100%; display: inline-block; height: 170px; top: 85px; }
	#main_menu a{
		display: block; width: 181px; height: 26px; border: 2px solid; padding-top: 140px;
		position: absolute;
		line-height: 26px; font-size: 14px; text-align: center; text-decoration: none;
	}
	#main_menu a:hover{ opacity: .75;}

	#main_menu a.collecties{ left: 42px;}
	#main_menu a.martens{ left: 271px; }
	#main_menu a.omwerken{ left: 498px; }
	#main_menu a.contact{ left: 725px; }

div.overlay{
    display:none;
    z-index:10000;
	background-color:#333;
	width:640px; min-height:432px; 
    border:1px solid #666;
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
}
	div.overlay a{ width: 640px; height: 432px; display: block; }
	div.overlay div.close{
		background: transparent url('images/close.png') no-repeat;
		height: 35px; width: 35px; position: absolute; right: -17px; top: -17px;
		z-index: 11000; cursor: pointer;
	}