body {
	background-color	: #dcddde;
	color				: #000000;
	font-family			: Arial, Verdana, sans-serif;
	font-size			: 9pt;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;	
	text-align			: center;
}

body {
	text-align			: -moz-center;
}

h1 {
	color				: #cc0000;
	font-family			: "Arial Black", Arial, Verdana, sans-serif;	
	font-size			: 12pt;	
}

a, a.visited {
	color				: #000000;
	text-decoration		: none;
}

.addressbar a {
	color				: #ffffff;
}

a:hover, .addressbar a:hover {
	color				: #cc0000;
	text-decoration		: none;
}

.main_layout {
	background-image	: url(../images/zipwall-achtergrond.jpg);
	background-repeat	: no-repeat;
	height				: 600px;
	margin-left			: auto;
	margin-right		: auto;
	text-align			: left;
	vertical-align		: top;
	width				: 1000px;
}

.menu {
	color				: #ffffff;
	font-family			: "Arial Black", Arial, Verdana, sans-serif;	
	font-size			: 8pt;
	height				: 120px;
	left				: 328px;
	position			: relative;
	top					: -11px;
	width				: 670px;
	z-order				: 20;
}

.ie .menu {
	top					: -14px;
}

.menu_item {
	cursor				: pointer;
}

.menu_item a {
	color				: #ffffff;
}

.sidebar {
	color				: #000000;
	/*float				: left;*/
	font-family			: Arial, Verdana, sans-serif;	
	font-size			: 8pt;
	height				: 425px;
	left				: 3px;
	line-height			: 11px;
	top					: -140px;
	position			: relative;
	width				: 70px;	
}

.ie .sidebar {
	top					: -90px;
}

.sidebar_spacer {
/*
	height				: 4px;
	width				: 70px;
*/
}

.sidebar_header {
	color				: #cc0000;
}

.sidebar_sub1 {
	font-size			: 7pt;
}

.content {
	clear				: both;	
	font-size			: 8pt;	
	float				: left;
	height				: 400px;
	margin-left			: 80px;
	margin-top			: -518px;
	overflow			: auto;
	width				: 525px;	
}

.content_intro {
	font-weight			: bold;
}

.sloganbar {
	color				: #000000;
	font-family			: Arial, Verdana, sans-serif;	
	font-size			: 8pt;
}

.sloganbar_header {
	color				: #000000;
	font-family			: "Arial Black", Arial, Verdana, sans-serif;	
	font-size			: 8pt;
}

.addressbar {
 	clear				: both;
	color				: #ffffff;
	font-family			: Arial, Verdana, sans-serif;	
	font-size			: 7pt;
	height				: 40px;
	margin-left			: 80px;
	top					: 517px;
	position			: absolute;
	width				: 800px;	
}

.ie .addressbar {
	margin-left			: -525px;
}
.addressbar_header {
	font-family			: "Arial Black", Arial, Verdana, sans-serif;	
	font-size			: 8pt;
}

.menublok1, .menublok2, .menublok3, .menublok4, .menublok5, .menublok6, .menublok7 {
	background-color	: #ffffff;
	border-bottom		: 1px solid #ee3d45;
	border-left			: 1px solid #ee3d45;
	border-right		: 1px solid #ee3d45;	
	color				: #000000;
	float				: left;
	font-family			: "Arial Black", Arial, Verdana, sans-serif;	
	font-size			: 8pt;	
	/*height			: 100px;*/
	padding-left		: 5px;
	visibility			: hidden;
	width				: 160px;
	z-index				: 100;
}

.menublok1 {
	margin-left			: 7px;
}

.menublok2 {
	margin-left			: -58px;
}

.menublok3 {
	margin-left			: -91px;
}

.menublok4 {
	margin-left			: -90px;
}

.menublok5 {
	margin-left			: -108px;
}

.menublok6 {
	margin-left			: -94px;
}

.menublok7 {
	margin-left			: -84px;
}

.mediabox {
	height				: 250px;
	margin-left			: 618px;
	margin-top			: -365px;
	text-align			: center;
	width				: 230px;	
}

.videobox {
	height				: 265px;
	margin-left			: 0px;
	margin-top			: 0px;
	text-align			: center;
	width				: 330px;	
}

.usp_rood {
	color				: #cc0000;
	font-weight			: bold;
}

.usp_item {
	cursor				: pointer;
}

.uspblok1, .uspblok2, .uspblok3, .uspblok4, .uspblok5, .uspblok6, .uspblok7, .uspblok8, .uspblok9, .uspblok10, .uspblok11, .uspblok12, .uspblok13 {
	background-color	: #ffffff;
	border-bottom		: 1px solid #ee3d45;
	border-top			: 1px solid #ee3d45;
	border-right		: 1px solid #ee3d45;
	color				: #000000;
	font-family			: Arial, Verdana, sans-serif;	
	font-size			: 8pt;	
	font-weight			: normal;	
	height				: 75px;
	margin-left			: 70px;
	padding				: 5px;
	position			: absolute;
	visibility			: hidden;
	width				: 500px;
	z-index				: 100;	
}

.ie .uspblok1, .ie .uspblok2, .ie .uspblok3, .ie .uspblok4, .ie .uspblok5, .ie .uspblok6, .ie .uspblok7, .ie .uspblok8, .ie .uspblok9, .ie .uspblok10, .ie .uspblok11, .ie .uspblok12, .ie .uspblok13 {
	margin-left			: -535px;
}

.uspblok1 {
	margin-top			: -450px;
}

.uspblok2 {
	margin-top			: -427px;
}

.uspblok3 {
	margin-top			: -395px;
}

.uspblok4 {
	margin-top			: -372px;
}

.uspblok5 {
	margin-top			: -353px;
}

.uspblok6 {
	margin-top			: -327px;
}

.uspblok7 {
	margin-top			: -297px;
}

.uspblok8 {
	margin-top			: -264px;
}

.uspblok9 {
	margin-top			: -242px;
}

.uspblok10 {
	margin-top			: -210px;
}

.uspblok11 {
	margin-top			: -185px;
}

.uspblok12 {
	margin-top			: -156px;
}

.uspblok13 {
	margin-top			: -130px;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background: url(../images/upperrightfade.png) right top no-repeat;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(../images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */