@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic);

body,div,dl,dt,dd,ul.Menu,li.MenuItem,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}ul.Menu{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li.MenuItem a{color:#ab200a;text-decoration: none; }

h1 {font-family: 'PT Serif', Arial, Helvetica, Serif; font-size: 150%; font-weight: bold; font-style: italic ; color: #ab200a; text-align: center; }
h2 {font-family: 'PT Serif', Arial, Helvetica, Serif; font-size: 120%; font-weight: bold; font-style: italic ; color: #ab200a; text-align: center; padding-top: 20px}
h3 {font-weight: bold;}
p {margin-bottom: 0em;}
a {
	color: #ab200a;
	border-bottom-style:solid;
	border-bottom-color:#ab200a;
	border-bottom-width: 1px;
	text-decoration: none;
	}
a:hover { 
	color: #fff;
	background-color: #ab200a;
	border-bottom-style:solid;
	border-bottom-color:#fff;
	border-bottom-width: 1px;
	}

html, body, form { min-height: 100%; }

body {
    font-family: 'PT Serif', Arial, Helvetica, Serif;
	font-weight: 400;
    font-size: 12pt;
    line-height: 160%;
    color: #ab200a;
}

#form1 {
	background-color: #ffe7e3;
}

#animation {
	background-color: #ffe7e3;
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	z-index: 100000;
}

	#animation img {
		position: absolute;
		left: -10000px;
	}

#container {
    width: 990px;
    margin: 0 auto;
}

	#top {}
		#top1 { float: left; width: 48px; height: 142px; background: url(images/Top1.jpg) no-repeat; }
		#top2 { float: left; width: 192px; height: 142px; background: url(images/Top2.jpg) no-repeat; }
			#top2container {
				float: left;
				width: 192px;
				height: 142px;
			}
				#top2container a:hover {
					background: url(images/Top2.jpg) no-repeat; 
				}
			
			#logoMagosh {
				display: block;
				width: 192px;
				height: 142px;
				text-decoration: none;
			}
			
		#top3 { float: left; width: 200px; height: 142px; background: url(images/Top3.jpg) no-repeat; }
			#top3container {
				float: left;
				width: 200px;
				height: 142px;
			}
				#top3container a:hover {
					background: url(images/Top3.jpg) no-repeat; 
				}
			
			#imgcontact {
				display: block;
				width: 200px;
				height: 142px;
				text-decoration: none;
			}
			

		#top4 { float: left; width: 175px; height: 142px; background: url(images/Top4.jpg) no-repeat; }
			#top4container {
				float: left;
				width: 175px;
				height: 142px;
			}
				#top4container a:hover {
					background: url(images/Top4.jpg) no-repeat; 
				}
			
			#imgmijnverhaal {
				display: block;
				width: 175px;
				height: 142px;
				text-decoration: none;
			}
			

		#top5 { float: left; width: 175px; height: 142px; background: url(images/Top5.jpg) no-repeat; }
			#top2container {
				float: left;
				width: 175px;
				height: 142px;
			}
				#top5container a:hover {
					background: url(images/Top5.jpg) no-repeat; 
				}
			
			#imgjouwverhaal {
				display: block;
				width: 175px;
				height: 142px;
				text-decoration: none;
			}
			

		#top6 { float: left; width: 200px; height: 142px; background: url(images/Top6.jpg) no-repeat; }
			#top6container {
				float: left;
				width: 200px;
				height: 142px;
			}
				#top6container a:hover {
					background: url(images/Top6.jpg) no-repeat; 
				}
			
			#imgopverhaalkomen {
				display: block;
				width: 200px;
				height: 142px;
				text-decoration: none;
			}
			

		
    #header {}
		#header1 { float: left; width: 48px; height: 73px; background: url(images/Subtop1.jpg) no-repeat;}
		#header2 { float: left; width: 192px; height: 73px; background: url(images/Subtop2.jpg) no-repeat;}
			#header2container {
				float: left;
				width: 192px;
				height: 73px;
			}
				#header2container a:hover {
					background: url(images/Subtop2.jpg) no-repeat; 
				}
			
			#logoMagoshheader {
				display: block;
				width: 192px;
				height: 73px;
				text-decoration: none;
			}

/* /// BEGIN MENU OPBOUW /// */
			
		#header3 { float: left; width: 750px; height: 73px; background: url(images/Subtop3_6.jpg) no-repeat;}

			/* HOOFDMENU */    
	        #head_menu {
	        	padding-top: 10px;
	        	padding-left: 25px;
	        	margin: 0 auto;
	        }
	        
	            #head_menu li.MenuItem {
	                display: block;
			        float: left;
					width: 175px;
					height: 20px;
					text-align: center;
	            }

		            #head_menu li.MenuItem a
		            {
	                	border-bottom-width: 0px;
	                }
	                
	                #head_menu li.MenuItem a:hover,
	                #head_menu li.MenuItemActive a
	                {
	                    background-color: #ab200a;
	                    color: #fff;
	                    border-bottom-style:solid;
	                    border-bottom-color:#fff;
	                    border-bottom-width: 1px;
	                    padding: 0 20px;
	                }
			/* EINDE HOOFDMENU */    

			/* SUBMENU */
			#sub_menu * { display: inline; }
			    
			#sub_menu {
	            float: left;
	            padding-top: 5px;
	            padding-left: 60px;
	        	margin: 0 auto;
	        }
	        
	            #sub_menu li.MenuItem {
	            	padding: 0 5px;
	            }
	                #sub_menu li.MenuItem a
	                {
	                	border-bottom-width: 0px;
	                }
	
	                #sub_menu li.MenuItem a:hover,
	                #sub_menu li.MenuItemActive a
	                {
	                    background-color: #ab200a;
	                    color: #fff;
	                    border-bottom-style:solid;
	                    border-bottom-color:#fff;
	                    border-bottom-width: 1px;
	                }
			/* EINDE SUBMENU */    

    #main {}
    	#main1 { float: left; width: 48px; height: 447px; background: url(images/Main1.jpg) no-repeat; }
        #main2 { float: left; width: 192px; height: 447px; background: url(images/Main2.jpg) no-repeat; }

   			.ImageContainer { display: none; }
			.ImageContainer, .ImageContainer div { width: 100%; height: 100%; }
	
			.PageHome #ImageHome { display: block; }
				#photo1a {background-image: url(_documents/website/afbeeldingen/fotolinks/photo1a.jpg); background-repeat: no-repeat; }
				#photo1b {background-image: url(_documents/website/afbeeldingen/fotolinks/photo1b.jpg); background-repeat: no-repeat; }
				#photo1c {background-image: url(_documents/website/afbeeldingen/fotolinks/photo1c.jpg); background-repeat: no-repeat; }
				#photo1d {background-image: url(_documents/website/afbeeldingen/fotolinks/photo1d.jpg); background-repeat: no-repeat; }
				#photo1e {background-image: url(_documents/website/afbeeldingen/fotolinks/photo1e.jpg); background-repeat: no-repeat; }
			.PageContact #ImageContact { display: block; z-index: 0}
				#photo2a {background-image: url(_documents/website/afbeeldingen/fotolinks/photo2a.jpg); background-repeat: no-repeat; }
				#photo2b {background-image: url(_documents/website/afbeeldingen/fotolinks/photo2b.jpg); background-repeat: no-repeat; }
				#photo2c {background-image: url(_documents/website/afbeeldingen/fotolinks/photo2c.jpg); background-repeat: no-repeat; }
				#photo2d {background-image: url(_documents/website/afbeeldingen/fotolinks/photo2d.jpg); background-repeat: no-repeat; }
				#photo2e {background-image: url(_documents/website/afbeeldingen/fotolinks/photo2e.jpg); background-repeat: no-repeat; }
			.PageMijnverhaal  #ImageMijnverhaal { display: block; z-index: 0}
				#photo3a {background-image: url(_documents/website/afbeeldingen/fotolinks/photo3a.jpg); background-repeat: no-repeat; }
				#photo3b {background-image: url(_documents/website/afbeeldingen/fotolinks/photo3b.jpg); background-repeat: no-repeat; }
				#photo3c {background-image: url(_documents/website/afbeeldingen/fotolinks/photo3c.jpg); background-repeat: no-repeat; }
				#photo3d {background-image: url(_documents/website/afbeeldingen/fotolinks/photo3d.jpg); background-repeat: no-repeat; }
				#photo3e {background-image: url(_documents/website/afbeeldingen/fotolinks/photo3e.jpg); background-repeat: no-repeat; }
			.PageJouwverhaal  #ImageJouwverhaal { display: block; z-index: 0}
				#photo4a {background-image: url(_documents/website/afbeeldingen/fotolinks/photo4a.jpg); background-repeat: no-repeat; }
				#photo4b {background-image: url(_documents/website/afbeeldingen/fotolinks/photo4b.jpg); background-repeat: no-repeat; }
				#photo4c {background-image: url(_documents/website/afbeeldingen/fotolinks/photo4c.jpg); background-repeat: no-repeat; }
				#photo4d {background-image: url(_documents/website/afbeeldingen/fotolinks/photo4d.jpg); background-repeat: no-repeat; }
				#photo4e {background-image: url(_documents/website/afbeeldingen/fotolinks/photo4e.jpg); background-repeat: no-repeat; }
			.PageOpverhaalkomen  #ImageOpverhaalkomen { display: block; z-index: 0}
				#photo5a {background-image: url(_documents/website/afbeeldingen/fotolinks/photo5a.jpg); background-repeat: no-repeat; }
				#photo5b {background-image: url(_documents/website/afbeeldingen/fotolinks/photo5b.jpg); background-repeat: no-repeat; }
				#photo5c {background-image: url(_documents/website/afbeeldingen/fotolinks/photo5c.jpg); background-repeat: no-repeat; }
				#photo5d {background-image: url(_documents/website/afbeeldingen/fotolinks/photo5d.jpg); background-repeat: no-repeat; }
				#photo5e {background-image: url(_documents/website/afbeeldingen/fotolinks/photo5e.jpg); background-repeat: no-repeat; }

    	#main3 { float: left; width: 65px; height: 447px; background: url(images/Main3.jpg) no-repeat; }

		/* INHOUD */
    	#main4 {
    		float: left; 
    		width: 593px; 
    		height: 402px;
    		background: url(images/Main4.jpg) no-repeat;
    		padding: 10px 15px 35px 15px;
			overflow: hidden;
    		}
		/* EINDE INHOUD */
		
		/* ///BEGIN CONTACTFORMULIER/// */
		
			.ContentItemDetailFormBase {}

		.ContentItemDetailFormBase .FormFieldForm {}
		
		.ContentItemDetailFormBase .FormFieldNaam {}
	
			.ContentItemDetailFormBase .FormFieldNaam .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 18px;
			}

			.ContentItemDetailFormBase .FormFieldNaam .Naam
			{
				border: solid 1px #ab200a;
			}
	
		.ContentItemDetailFormBase .FormFieldAdres {}

			.ContentItemDetailFormBase .FormFieldAdres .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 22px;
			}

			.ContentItemDetailFormBase .FormFieldAdres .Adres
			{
				border: solid 1px #ab200a;
			}

		.ContentItemDetailFormBase .FormFieldPostcode { float: left; padding-right: 5px;}

			.ContentItemDetailFormBase .FormFieldPostcode .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 22px;
			}
			
			.ContentItemDetailFormBase .FormFieldPostcode .Postcode
			{
				width: 90px;
				padding-right: 5px;
				border: solid 1px #ab200a;
			}

		.ContentItemDetailFormBase .FormFieldWoonplaats {}

			.ContentItemDetailFormBase .FormFieldWoonplaats .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 22px;
			}
			
			.ContentItemDetailFormBase .FormFieldWoonplaats .Woonplaats
			{
				float: left;
				width: 460px;
				border: solid 1px #ab200a;
			}

		.ContentItemDetailFormBase .FormFieldEmail {}

			.ContentItemDetailFormBase .FormFieldEmail .FormLabel
			{
				clear: both;
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 18px;
			}
			
			.ContentItemDetailFormBase .FormFieldEmail .Email
			{
				border: solid 1px #ab200a;
			}

		.ContentItemDetailFormBase .FormFieldTelefoonnummer {}

			.ContentItemDetailFormBase .FormFieldTelefoonnummer .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 22px;
			}
			
			.ContentItemDetailFormBase .FormFieldTelefoonnummer .Telefoonnummer
			{
				border: solid 1px #ab200a;
			}

		.ContentItemDetailFormBase .FormFieldBericht {}

			.ContentItemDetailFormBase .FormFieldBericht .FormLabel
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				font-weight: bold;
				color: #ab200a;
				height: 22px;
			}
			
			.ContentItemDetailFormBase .FormFieldBericht .Bericht
			{
				border: solid 1px #ab200a;
				padding-bottom: 10px;
			}

		.ContentItemDetailFormBase .FormFieldVerplicht { float: right; }

			.ContentItemDetailFormBase .FormFieldVerplicht .Verplicht
			{
				font-family: 'PT Serif', Arial, Helvetica, Serif;
				font-size: 90%;
				font-style: italic;
				color: #ab200a;
				padding: 5px 30px 20px 0;
				height: 22px;
			}

		.ContentItemDetailFormBase .FormFieldVersturen {}
		
			.ContentItemDetailFormBase .FormFieldVersturen .FormButton
			{
				border: solid 1px #ab200a;
				padding: 5px 15px;
				color: #ab200a;
			}

			.ContentItemDetailFormBase .FormFieldVersturen .FormButton:hover
			{
				border: solid 1px #FFF;
				background-color: #ab200a; 
				color: #FFF;
			}

		
		/* ///EINDE CONTACTFORMULIER/// */

    	#main5 { float: left; width: 62px; height: 447px; background: url(images/Main5.jpg) no-repeat; }

	#footer {}
		#footer1 { float: left; width: 48px; height: 53px; background: url(images/Foot1.jpg) no-repeat; }

		#footer2 { float: left; width: 192px; height: 43px; background: url(images/Foot2.jpg) no-repeat;
				padding-top:10px;
			}
			
			#BladerHome * { display: inline; }			
			
			#footer2 a
			{
				border-bottom-width: 0px;
			}		

		#footer3 { float: left; width: 65px; height: 53px; background: url(images/Foot3.jpg) no-repeat; }

		#footer4 { float: left; width: 135px; height: 43px; background: url(images/Foot4.jpg) no-repeat;
				padding-top:10px;
			}
			
			#BladerVorige * { display: inline; }			
			
			#footer4 a
			{
				border-bottom-width: 0px;
			}		

		#footer5 { float: left; width: 175px; height: 53px; background: url(images/Foot5.jpg) no-repeat; }
		#footer6 { float: left; width: 175px; height: 53px; background: url(images/Foot6.jpg) no-repeat; }

		#footer7 { float: left; width: 138px; height: 43px; background: url(images/Foot7.jpg) no-repeat;
				padding-top:10px;
				text-align: right;
			}
			
			#BladerVolgende * { display: inline;}			
			
			#footer7 a
			{
				border-bottom-width: 0px;
			}		

		#footer8 { float: left; width: 62px; height: 53px; background: url(images/Foot8.jpg) no-repeat; }
        
.clear { clear: both; }

#copyright {
	font-size: 70%;
	text-align: right;
	padding-right: 62px;
}
	#copyright a
	{
		border-bottom-width: 0px;
	}