html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0 auto;
	padding: 0;
}

body {  
	background-image: url(images/background.jpg); 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-position: 0 0; 
}

#languages_block_top { 
	background-color: #999; 
	position: relative; 
	top:-180px; 
	left: 0; 
	width: 70px; 
	height: 20px; 
	z-index: 9; 
	float: right; 
	padding-top: 0px;
	padding-left: 5px;
	
}

#languages_block_top ul#first-languages li { 
	list-style-type: none;
	float:left;
	padding-left: 2px; 
}

#languages_block_top ul#first-languages li img { 
	width:18px; 
	height:12px;
	margin:4px 0 0 2px; 
	z-index: 0;
	
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

p {
	text-align: justify;
}


/* Trainingsdata) ----------------------------------------------------------------------------------------------------*/

.trainingsdatakop { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color:#545454; font-weight: bold; background-image: url(images/marker.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 4px; float: left; clear: right; margin-bottom: 5px; margin-left: 0; padding-left: 18px; }
.italic { font-style: italic; margin-bottom: 12px; }

.buttonaanmelding { color: #fff; background-image: url(images/button.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width:218px; height: 30px; float: left; margin-top: 23px; border: solid 1px #545454; }
.buttonaanmeldinggrijs { color: #fff; background-image: url(images/button2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width:218px; height: 30px; float: left; clear: right; margin-top: 23px; border: solid 1px #545454; }
/* Nieuw toegevoegde items Arjan)
----------------------------------------------------------------------------------------------------*/
.subkop { line-height:12px; color:#8b0478; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-bottom: 10px; }
.plat { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#545454; float: left; clear: left; }
.intro { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color:#545454; font-weight: bold; float: left; clear: left; margin-bottom: 25px; }
.platfooter { font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; font-size:12px; line-height:18px; color:#545454; position: relative; top: 40px; left: 20px; float: left; clear: left; }

.main { margin:0 auto; position: relative; width:950px; height: auto;}
.panel { background-color: #fff; background-image: url(images/button.jpg); background-repeat: no-repeat; background-attachment: scroll; position: relative; width:218px; height: 230px; float: right; border: solid 1px #545454; }
.panel_2 { background-color: #fff; background-image: url(images/button.jpg); background-repeat: no-repeat; background-attachment: scroll; position: relative; width:218px; height: 130px; float: right; margin-top: 15px; border: solid 1px #545454; }
.panel_3 { background-image: url(images/testimonial.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative; width:218px; height: 166px; float: right; margin-top: 15px; }
.paneltitel { line-height:22px; color:#ffffff; font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-top: 2px; margin-left: 12px; }
.paneldatum { line-height:12px; color:#999; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-style: oblique; margin-top: 25px; margin-left: 12px; }
.panelomschrijving { line-height:12px; color:#8b0478; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-top: 2px; margin-left: 12px; }
.panelplatklein { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#545454; float: left; clear: left; margin: 12px 12px 20px; }

.tussenruimte { margin:0 auto; position: relative; width:950px; height: 60px; }
.footerblok { 
	background: url(images/footer.jpg) repeat-x; 
	color:#b0afb3; 
	position: relative; 
	width:950px; 
	height: 204px; 
	float: left; 
	margin-top: 20px;
}

.blokleft { font-size: 12px; position: relative; width:680px; height: 100%; float: left; }
.blokleftinside { font-size: 12px; position: relative; width: 660px; height: 100%; float: left; clear: left; }

.blokright { 
font-size: 12px; 
position: relative; 
width:250px; 
height: 100%; 
float: right;
}
.blokrightinside { font-size: 12px; position: relative; top: 20px; width: 250px; height: auto; float: left; clear: left; padding-top: 12px; padding-bottom: 12px; }

.blokleftfooter { font-size: 12px; position: relative; width:300px; height: auto; float: left; }
.blokrightfooter { font-size: 12px; position: relative; width:650px; height: auto; float: left; }

.bg{ background:url(images/tail.gif) top left repeat-y}
.bg1{ background:url(images/tail1.gif) top left repeat-y}
/*----- links -----*/
a {color:#8b0478; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }

a.linkwit      {color: #ffffff; text-decoration: underline;}
a:hover.linkwit {color: #ffffff; text-decoration: none;}

a.linkwitbutton      { color: #ffffff; font-size: 18px; font-family: georgia; font-style: normal; line-height: 22px; margin-left: 22px; }
a:hover.linkwitbutton { color: #ffffff; font-size: 18px; font-family: georgia; font-style: normal; line-height: 22px; margin-left: 22px; }
#midtopflash { height: 203px; width: 950px; float: left; padding: 0px 0 0 0px; }

#imageswap { float:left; position:relative; width: 950px; height: 100%; }
#imageswap img {
	position:absolute;
	z-index:1;
}

/*  Header styles */
h1, h2, h3, h4, h5, h6 { line-height:12px; color:#8b0478; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h1 { font-size:30px; line-height: 30px; margin-bottom:42px ; margin-left: 25px; } 
h2 { font-size:23px; line-height: 20px; margin-bottom: -10px; } 
h3 { font-size:18px; line-height: 18px; margin-bottom: -10px; } 
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#545454; font-weight: bold; margin-bottom: -13px; }
h5 {	font-size:24px; color:#fff; margin-bottom:27px } 
h6 {	font-size:20px; color:#fff;}
/* Paragraph styling */
p {margin-bottom:19px;}
.p { margin-bottom:0;}
.p1 { margin-bottom:17px;}
.p2 { margin-bottom:30px;}
.p3 { margin-bottom:9px;}
.p4 { margin-bottom:40px;}

/* link */

.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}

.link2{ color:#4e4e4e; text-decoration:none}
.link2:hover{ text-decoration:none; color:#8b0478}

.button{color:#2b2826; background:#e8e7eb; border:solid 1px #bcbbbe; padding:0 9px; line-height:28px; display: inline-block; text-decoration:none; font-size:13px; cursor:pointer  }
.button:hover{text-decoration:none; color:#fff; background:#414449; border: 1px solid #000 }
.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
/*  Horizontal divider */
.hr {display:block; position:relative; padding:55px 0 35px 0; border:none; background:url(images/hr.gif) 0 50% repeat-x; height:2px; overflow:hidden; font-size:11px; margin:0 10px 0 0; }
.hr a { position:absolute; right:0; top:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(images/arrow-top.png) no-repeat 0 6px; padding-left:13px; color:#6b6a6a; }
.hr a:hover { color:#000;}
/* Global Structure
---------------------------------------- */
/* Header */
/* header{	height:139px; background:url(images/top.gif) top left repeat-x; position:relative; z-index:900;  }*/
header .inside{top:0px; left:0px; position:relative; padding:0; width:990px; z-index:900;}
.bg-top{ 
	background:url(images/top1.gif) top left repeat-x; 
	height:330px; 
	position:relative; 
	z-index:900;
	cursor:pointer;
}
nav{position:relative; z-index:900;}
/*--- superfish dropdown menu begin ---*/
.sf-menu { margin:0; padding:0; list-style: none; position:relative ; z-index: 8; } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left}
.sf-menu li a{color:#ebeaed; text-decoration:none; display:block; float:left; line-height:111px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serifm; text-transform:uppercase; padding:4px 17px 0px 17px;} 
.sf-menu li a:hover {color:#ebeaed;  text-decoration:none; background:#7e0a65  }
.sf-menu li a.current{ color:#ebeaed; text-decoration:none; background:#7e0a65}

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:115px; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:170px;  background:#ffffff; border:1px solid #d4d4d4; padding:10px 0px 10px 0px; display:block}
.sf-menu ul ul{ margin-left:170px; margin-top:-11px}
.sf-menu ul li {  text-align:left; line-height:25px; padding:0;  z-index:9;  display:block }
.sf-menu ul li a {line-height:25px; text-align:left; padding:0 0 0 15px; font-size:12px; color:#4e4e4e; text-transform:uppercase; z-index:9; background:#fff; width:155px}
.sf-menu ul li a:hover { color:#fff; background:none;  background:#8b0478; }
.sf-menu ul li a.current{ color:#fff; background:#8b0478 }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0; z-index: 99;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

.sf-sub-indicator {	position: absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em; overflow:hidden;}

/* Unordered list style
---------------------------------------- */

/* List */
.plat ul {margin:0; padding:0; list-style:none;}
.plat ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 2px; padding-left:22px; overflow:hidden; padding-bottom:6px }
.plat ul li a{color:#4e4e4e; text-decoration:none; line-height:18px} 
.plat ul li a:hover { text-decoration:none; color:#8b0478; }

/* List1 */
ul.list1{margin:0; padding:0; list-style:none;}
ul.list1 li a{color:#b0afb3; text-decoration:none; line-height:24px} 
ul.list1 li a:hover { text-decoration:none; color:#fff; }
/* List2 */
ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li{background:url(images/marker2.gif) top left no-repeat; background-position:0 6px; padding-left:11px; overflow:hidden; padding-bottom:6px }
ul.list2 li a{color:#b0afb3; text-decoration:none; line-height:18px} 
ul.list2 li a:hover { text-decoration:none; color:#fff; }
/* List3 */
ul.list3{margin:0; padding:0; list-style:none;}
ul.list3 li{color:#4e4e4e; background:url(images/marker.gif) left no-repeat; background-position:0 2px; padding-left:22px; overflow:hidden; padding-bottom:7px; float: left; padding-top:2px;
width: 170px; }
ul.list3 li a{color:#545454; text-transform:uppercase; font-size:12px; text-decoration:none; line-height:12px; display:block; margin-bottom:2px} 
ul.list3 li a:hover { text-decoration:none; color:#fff; }
/* List_2 */
ul.list_2{margin:0; padding:0; list-style:none;}
ul.list_2 li{background:url(images/marker_2.gif) top left no-repeat; background-position:0 5px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_2 li a{color:#888484; text-decoration:none; line-height:18px} 
ul.list_2 li a:hover { text-decoration: underline; }

/* Ordered list style */
ol li {list-style-position:inside;	list-style-type:decimal; margin-left:25px; padding-bottom:6px; font-size:14px; color:#727171; }
ol li a{ font-size:14px; color:#727171;	text-decoration:none}
ol li a:hover{ text-decoration: underline}


#clickruimte {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 250px;
	z-index: 99999;

}