/*---- BROWSER RESET -----------*/

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, font, img, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* horizontale lijsten */
.Horizontal { display:block;}
.Horizontal ul {}
.Horizontal ul li {list-style:none; display:inline-block; float:left;}
.Horizontal ul li a { text-decoration:none;}


/* verticale lijsten */
.Vertical {}
.Vertical ul {}
.Vertical ul li {list-style:none; display:block;}
.Vertical ul li a{ text-decoration:none;}

/* ----------(  GENERAL  )---------------- */

    * {
        padding:0;
        margin:0;
    }
    a{
        outline:none;
        color:#fff;
		text-decoration:underline;
    }
    body {
        font-size:12px;
        font-weight:normal;
        font-family: Tahoma, Arial, sans-serif;
        color: #FFFFFF;
		
    }

/* -------(  FORCE SCROLLBAR IN FX/SF  )------- */

    html { 
        min-height: 100%; 
        margin-bottom: 1px;
		background:#000000;
    }
	
	
	
/* -------(  switchable bg contentimage depend on pageselection  )------- */	

	#content #contentbox {
	width:750px;
	background:url(images/BGcontent/wielmonteur.png) 4px 1px no-repeat;
	}
					
	#content #contentbox.Home, #content #contentbox.Stagesopwielen, #content #contentbox.unstagequiroule {
	background-image:url(images/BGcontent/voltmeter.png);
	}
				/*classenaam is SEO title van de snip!!!!! -> #content #contentbox.SEOtitle*/
	#content #contentbox.Voordelen, #content #contentbox.Avantages {
	background-image:url(images/BGcontent/uitlaat.png);
	}
	
	#content #contentbox.Voorwaarden, #content #contentbox.Conditions {
	background-image:url(images/BGcontent/vergaderzaal.png);
	}
	
	#content #contentbox.Ondersteuning,#content #contentbox.Assistance {
	background-image:url(images/BGcontent/glazenier.png);
	}
	
	#content #contentbox.Stagetypes, #content #contentbox.Typesdestages {
	background-image:url(images/BGcontent/fronswenkbrauw.png);
	}
	
	#content #contentbox.Hoedeelnemen, #content #contentbox.Commentparticiper {
	background-image:url(images/BGcontent/koptelefooon.png);
	}
	
	#content #contentbox.Downloads, #content #contentbox.Telechargements {
	background-image:url(images/BGcontent/polijster.png);
	}
	
	
/* ----------(  COMMON CLASSES  )---------------- */	

.center {
	width:990px;
	overflow:hidden;
	
}

.fullBG {background:#b11013 url(images/BGhtml.png) top left repeat-x ; position:absolute; top:50%; left:50%; margin:-333px 0 0 -492px; }

.clear {clear:both; display:block;}

.leftboxes {}

.introtekst {margin: 0 0 30px; }

.span-700-w {padding:0 0px 30px 30px !important;}
.span-250-w {width:250px;}

.hide {display:none;}
.show {display:block;}

/* ----------(  MAIN LAYOUT  )---------------- */
    
    #wrapper_header {
	overflow:hidden;
	height:170px;
	}
    
    
    h1 a {
        text-indent:-9999px;
        background:url(images/logoSOWanimatie.gif) left top no-repeat;
        width:430px;
        height:170px;
        display:block;
		float:left;
    }
	
	h1 a.SQR {
	background:url(images/logoSQRanimatie.gif) left top no-repeat;
	}
	
	#inlog {
	display:block;
	float:right;
	width:184px;
	height:170px;
	background:url(images/BGlogin.png) top left repeat-x;
	margin:0 35px 0 0;
	}
	
	    
    /* Content */
	
	#wrapper_content{ width:964px;
	}
    
    #content  {
	overflow:hidden;
	width:750px;
	float:right;
	color:#000000;
	line-height:1.3em;
	}
	
	#content #mainnav ul.mainNav {
	float:right;
	width:745px;
	display:block;
	height:34px;
	overflow:hidden;
	}
	
	#content #mainnav ul.mainNav li {
	margin:0;
	padding:0;
	width:92px;
	height:34px;
	position:relative;
	background:url(images/menutab2.png) top left no-repeat;
	}
	
	#content #mainnav ul.mainNav li a {
	margin:0 0 0 2px;
	width:83px;
	display:inline-block;
	display:-moz-inline-box;
	color:#e3cdce;
	font-size:1em;
	text-align:left;
	position:absolute;
	bottom:0;
	padding:25px 0 2px 5px;
	text-transform:uppercase;
	}
	#content #mainnav ul.mainNav li.current {background:url(images/menutabCurrent.png) top left no-repeat;}
		
	#content #contentBG {
	margin:34px 0 10px;
	background:url(images/BGcontentrepeat.png) right top  repeat-y;
	}
	
	
	#content #mainnav ul.mainNav ul {
	position:relative;
	top:0;
	left:0;
	width:730px;
	height:22px;
	background:#999999;
	margin:2px 0 0 5px;
	overflow:hidden;
	}
	#content #mainnav ul.mainNav ul li { background:none; }
	#content #mainnav ul.mainNav ul li a {
	height:20px;
	border-right:#FFFFFF 3px solid;
	padding:4px 10px;
	line-height:20px;
	color:#FFFFFF;
	}
	#content #mainnav ul.mainNav li.current a, #content #mainnav ul li a:hover {color:#fff;}
	#content #mainnav ul.mainNav li.greybtn {background:url(images/menutabgrijs.png) top left no-repeat;}
	#content #mainnav ul.mainNav li.greybtn a {color:#959595;}
	#content #mainnav ul.mainNav li.greybtn a:hover, #content #mainnav ul li.current.greybtn a {color:#fff;}
	#content #subnav{}
	#content #subnav ul /*, #content #mainnav ul.mainNav ul*/  {
	position:relative;
	top:0;
	left:1px;
	display:block;
	width:735px;
	height:22px;
	background:#999999;
	margin:2px 0 0 5px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	}
	
	#content #subnav li {border-right:#FFFFFF 3px solid; height:100%; }
	#content #subnav li a /*, #content #mainnav ul.mainNav ul li a */{
	height:20px;
	padding:4px 10px;
	line-height:20px;
	color:#FFFFFF;
	}
	#content #subnav li a:hover , #content #mainnav ul.mainNav ul li a:hover, #content #subnav li.current  {background:#666666;}
	
	
	#content #contenttext {
	padding:30px 0 30px 15px;
	clear:both;
	min-height:240px;
	background:url(images/BGcontentbottom2.png) bottom right no-repeat;
	
	}
	
	.contenttextpage{width:445px;overflow:auto;height:240px;display:block; padding:0 20px 0 20px;}
	
	#content #contenttext h1 {
	 color:#B11013;
       font-size:1.4em;
	   margin:0 0 20px;
    }
    
    #content #contenttext h2 {
       font-size:1.6em;
	   margin:0 0 25px;
	   line-height:1.2em;
    }
	
	 #content #contenttext h2.marginL-20 {margin-left:20px;}
    
    #content #contenttext h3 {
       font-size:1.2em;
	   color:#B11013;
	   margin:0 0 10px; 
    }
    
    #content #contenttext p {margin:0 0 15px 10px; text-align:justify;}
	#content #errors, .errors {color:#B11013; margin:5px;}
    
    #contenttext ul {margin:0 0 0 30px; width:350px;}
	#contenttext ul li { background:url(images/listarrow.gif) top left no-repeat; line-height:1em; margin:10px 0 10px 0; padding-left:15px; }
	#contenttext ul li a {}
	
	#contenttext h3 + ul {margin:0 0 20px 35px;}
	#contenttext h3 + h4, ul + h4 {margin:0 0  0 15px;}
	#contenttext h4 + ul {margin:0 0 15px 50px;}
    
    #content ol {
       
    }
	
	#content a {
	color:#B11013;
	}
	
	#contentfootermenu {
	width:750px;
	height:50px;
	float:right;
	}
	
	#contentfootermenu ul {
	}
	
	#contentfootermenu ul li {
	
	}
	
	#contentfootermenu ul li.first {
	}
	
	#contentfootermenu ul li a{
	text-decoration:underline;
	text-transform:capitalize;
	padding:5px;
	margin:5px;
	color:#FFFFFF;
	}
    
    /* sidebar */
    
    #leftcolumn {
	width:160px;
	float:left;
	margin-left:30px;
    }
	
	#leftcolumn #language ul{
	overflow:hidden;
	margin:0 0 15px;
	font-weight:bold;
	border-bottom:1px dashed #FFFFFF;
	padding:0 0 10px;
	display:block;
	height:30px;
	}
	#leftcolumn #language li {}
	#leftcolumn #language li a{ margin:5px; color:#B78384; display:inline-block; }
	#leftcolumn #language li a.current, #leftcolumn #language li a:hover {color:#FFFFFF;} 
	
	#leftcolumn #welkom {
	margin:0 0 0px;
	font-weight:bold;
	font-size:1.1em;
	clear:both;
	height:30px;
	width:175px;
	}
    
	.melding {
	margin:0 0 30px;
	min-height:115px;
	padding:10px 15px 0;
	background:url(images/leftbox1.png) top left no-repeat;
	line-height:1.3em;
	width:135px;
	}
    
	.melding h2 {
	font-size:1.3em;
	margin:0 0 15px;
	line-height:1.3em;
	}
	
	.melding h3 {
	font-size:1.2em;
	margin: 0 0 5px;
	line-height:1.2em;
	}
   
    /* footer */
    
    #TOW {
        background: url(images/logoTOW.png) right bottom no-repeat;
		width:984px;
		height:78px;
		display:block;
		text-indent:-9999px;
		float:right;
       
    }
	#TOWfr {
		background: url(images/logoAQR.png) right bottom no-repeat;
		width:984px;
		height:78px;
		display:block;
		text-indent:-9999px;
	}
    
    #footer #innerFooter {
        
    }
    
    #footer #secundaryNavigation {
       
    }
    
    #footer #secundaryNavigation li {
     
    }
    
    #footer #secundaryNavigation li a {
     
    }
    
    #footer #secundaryNavigation li a:hover {
       
    }
    
 
	
	/* view inlog */
	
.inlogmelding {
padding:100px 0 0;
text-align:center;
font-size:1.1em;
display:block;
background:url(images/BGloginwaarschuwing.jpg) top left no-repeat;
width:404px;
height:182px;
color:#FFFFFF;
overflow:visible;
font-weight:bold;
}

.inlogmelding p {
margin:0 0 20px;
}

#content .inlogmelding ul {margin:0 0 0 115px;}
#content .inlogmelding ul li {margin:0 5px 0 0; float:left;}

#content .inlogmelding a {color:#FFFFFF; text-decoration:underline;}
#content .inlogmelding a:hover {text-decoration:none;}


		/*view zoek bedrijf / opleindingscentrum */

#map {
	/*float:left;
	overflow:hidden;*/
	width:297px;
	height:250px;
	margin:0 0 30px;
	background-image:url(images/belgium.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	}

#zoek { float:left; margin:0 20px 0;}

		/* view opgehaalde bedrijven lijst */
		
#provinciezoek {
margin:0 0 30px;
}
.itemlijstbedrijven {
border-top:dashed 1px #B11013;
padding:10px 0 0 15px;
overflow:visible;
}

#content #contenttext .itemlijstbedrijven h3 {color:#000000; margin:0 0 20px 0;}
#contenttext .itemlijstbedrijven ul.lijststagezoek {margin:0 0 30px 0 ; }
#contenttext ul.lijststagezoek li {background:none !important;}
.itemlijstbedrijven ul.lijststagezoek li.itemstagezoek a { font-size:1.2em; font-weight:bold; margin:0 0 10px; text-decoration:none; background:url(images/pijlwit.png) left 3px no-repeat; padding:0 0 0 25px; display:block; line-height:1.2em;}
.itemlijstbedrijven ul.lijststagezoek li.itemstagezoek a:hover {background:url(images/pijl.png) center left no-repeat;}

ul.ul-pager {overflow:auto; display:block;}
ul.ul-pager li {float:left; margin:0 5px; display:inline-block; background:none !important;}
ul.ul-pager li.disabled , ul.ul-pager li.current {color:#B78384;}


		/* view opgehaald bedrijf/opleidingscentrum */
		
		.samenvattingbedrijf {margin:0 0 30px 20px; border-bottom:1px dashed #B11013;border-top:1px dashed #B11013;padding:20px 0 20px;}
		.samenvattingschool {margin:0 0 30px 20px; border-bottom:1px dashed #B11013;border-top:1px dashed #B11013;padding:20px 0 20px;}
		#contenttext .samenvattingbedrijf ul {margin: 0 0 20px;}
		#contenttext .samenvattingbedrijf li {margin: 0 0 7px; padding:0;background:none; }
		#content #contenttext ul.adres {font-size:1.2em; text-transform:capitalize; margin:0 0 25px 0;}
		#content #contenttext ul.adres li {background:none !important; padding:0;}
		.adres .naam {font-weight:bold; font-size:1.2em; color:#B11013;}
		.adres .Stext { font-size:0.9em; font-weight:bold;}
				
		.itemsubtitel {font-weight:bold; font-size:1.1em; margin:0 0 10px 0; display:block; }
		.itemnolist {float:left; margin:0 5px 0 0;}
		#contenttext .samenvattingbedrijf ul.specificatielijst {margin:0 0 20px 15px !important;}
		#contenttext .samenvattingbedrijf ul.specificatielijst li {background:url(images/icon_vinkje.gif) top left no-repeat !important; margin:0 0 7px; padding:0 0 0 25px;}
		
		#contenttext .samenvattingbedrijf .itemblock {display:block; margin:0 0 12px; padding:0;}