
/* ----- ||||| GLOBAL RESET ||||| ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal; font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1.0em;}
a {text-decoration:none;}

/* ----- ||||| ALGEMEEN ||||| ----- */
html {width:100%; height:100%;}
body {width:100%; height:100%; background:url(../__images/body_back.gif) repeat-x #fff; text-align:center; font-family:arial,sans-serif; font-size:12px; line-height:15px; color:#505050;}

#wrapper {margin:0px auto; padding:0; width:960px; text-align:left; position:relative;}
#aapjes {margin:0px auto; padding:0; width:960px; text-align:left; position:relative;}
#content {margin:0 0 10px 230px; min-height:350px; background:url(../__images/lijn.gif) repeat-x; border-bottom:1px solid #fff; zoom:1; overflow:hidden;}
/* for Internet Explorer */
* html #content {height: 350px; overflow:visible;}
#footer {margin:0 0 20px 230px; padding:17px 0 10px 86px; display:block; background:url(../__images/lijn.gif) repeat-x; zoom:1; overflow:hidden;}

h1 {margin:0; padding:0; height:0px; height:94px; background:url(../__images/h1_back.gif) no-repeat 10px 40px;}
h1 a {display:block; width:450px; height:30px; position:absolute; top:40px; left:10px;}
h1 a b {display:none;}

h2 {color:#f70; font-size:24px; font-family:times,serif; font-weight:bold; line-height:25px; margin:0; padding:1px 280px 0px 10px;}
h3 {color:#f70; font-size:18px; font-family:times,serif; font-weight:bold; line-height:1px; margin:0; padding:0px 280px 0px 10px;}
h4 {margin:0 10px; padding:0; font-weight:bold; font-size:1em;}

p {margin:0 260px 1.55em 10px; padding:0; /*text-align:justify*/; overflow:hidden;}
p.image {background:url(../__images/image_back.gif); margin:0 0 1.55em 0; padding:10px; line-height:1px;}
p.quote {background:url(../__images/quote_back.gif); margin:0 0 1.55em 0; padding:15px 10px 15px 10px; line-height:1px;}
p.bijschrift {display:block; width:225px; line-height:1.55; text-align:left; color:#8caac0; font-style:italic; position:absolute; margin:14px 0 0 490px;}

ul {margin:0 280px 1.55em 0; padding:0; list-style:none;}
ul li {margin:0; padding:0 0 0 10px; background:url(../__images/bullet.gif) 1px 5px no-repeat;}
ul.no_top {margin:-1.55em 280px 1.55em 0;}

ol {margin:0 280px 1.55em 0; padding:0 0 0 10px;}
ol li {margin:0;}
ol.no_top {margin:-1.55em 280px 1.55em 0;}
ol li ul {margin:0; padding:0;}

a {color:#f70; text-decoration:underline;}
a:hover {color:#505050; text-decoration:underline;}
a:visited {color:#963; text-decoration:underline;}
a.home_link {color:#505050; text-decoration:underline; padding:0 0 0 10px; background:url(../__images/pijltje_grijs.gif) 0px 5px no-repeat;}
a.home_link:hover {color:#f70; text-decoration:underline; background:url(../__images/pijltje_oranje.gif) 0px 5px no-repeat;}
a.solo_link {color:#f70; text-decoration:underline; padding:0 0 0 10px; background:url(../__images/pijltje_oranje.gif) 0px 5px no-repeat; float:right;}
a.solo_link:hover {color:#505050; text-decoration:underline; background:url(../__images/pijltje_grijs.gif) 0px 5px no-repeat;}


/* ----- ||||| REFERENTIES ||||| ----- */
ul#referentie {margin:0 240px 1.55em 0; padding:0; list-style:none; background:none;}
ul#referentie li {margin:0; padding:0 0 0 20px; display:inline; background:none; line-height:0;}
ul#referentie li.first {padding:0 0 0 10px;}


/* ---||||| GENERIEK MENU |||||--- */
#generiek_menu {margin:0; padding:0; list-style:none; position:absolute; top:40px; left:0; margin:0 0 0 723px; width:238px;}
#generiek_menu li {margin:0; padding:0; float:right; list-style:none;}

#generiek_menu li#home {background:url(../__images/generiek_home.gif) 0px 2px no-repeat; padding:0 19px 0 14px;}
#generiek_menu li#taal {background:url(../__images/generiek_taal.gif) 0px 4px no-repeat; padding:0 19px 0 15px;}
#generiek_menu li#disclaimer {background:url(../__images/generiek_disclaimer.gif) 0px 5px no-repeat; padding:0 9px 0 15px;}

#generiek_menu li a {font-size:0.9em; color:#969696; padding:0; margin:0; text-decoration:none;}
#generiek_menu li a:hover {color:#f70; text-decoration:underline;}

/* ---||||| HOOFD MENU |||||--- */
#menu {margin:0; padding:1px 0 0 0; list-style:none; width:190px; position:absolute; top:94px; left:0; background:url(../__images/lijn.gif) repeat-x; z-index:2000;}
#menu li {width:190px; margin:0; padding:0; float:left; background:none;}
#menu li ul {width:190px; margin:0; padding:0;}
#menu li ul li {min-height:18px; background:none;}

#wie {background:url(../__images/menu_en.gif) 0px 0px no-repeat;}
#trainingen {background:url(../__images/menu_en.gif) 0px -40px no-repeat;}
#agenda {background:url(../__images/menu_en.gif) 0px -80px no-repeat;}
#contact {background:url(../__images/menu_en.gif) 0px -120px no-repeat;}
#referenties {background:url(../__images/menu_en.gif) 0px -160px no-repeat;}

#wie:hover {background:url(../__images/menu_en.gif) -189px 0px no-repeat;}
#trainingen:hover {background:url(../__images/menu_en.gif) -189px -40px no-repeat;}
#agenda:hover {background:url(../__images/menu_en.gif) -189px -80px no-repeat;}
#contact:hover {background:url(../__images/menu_en.gif) -189px -120px no-repeat;}
#referenties:hover {background:url(../__images/menu_en.gif) -189px -160px no-repeat;}

#menu li.active_level_0 {background:url(../__images/lijn.gif) repeat-x bottom; padding:0 0 7px 0;}
#menu li a {display:block; height:40px;}
#menu li a b {display:none;}
#menu li ul li a {height:auto; padding:0 0 5px 22px; background:none; color:#505050; text-decoration:none; background:url(../__images/pijltje_grijs.gif) 10px 5px no-repeat;}
#menu li ul li a:hover {height:auto; padding:0 0 5px 22px; background:none; color:#f70; text-decoration:none; background:url(../__images/pijltje_oranje.gif) 10px 5px no-repeat;}
#menu li ul li a.active_level_1 {height:auto; padding:0 0 5px 22px; background:none; color:#f70; text-decoration:none; background:url(../__images/pijltje_oranje.gif) 10px 5px no-repeat; font-weight:bold;}

#menu li#also a {display:block; background:url(../__images/also_in_english.gif) no-repeat; margin:55px 0 0 0; width:189px; height:78px;}
#menu li#also a b {display:none;}

#menu li#also_nl a {display:block; background:url(../__images/ook_in_het_nederlands.gif) no-repeat; margin:55px 0 0 0; width:189px; height:78px;}
#menu li#also_nl a b {display:none;}


/* ---||||| FOOTER |||||--- */
#footer li {background:none; float:left; border-right:1px solid #a7a7a7; color:#a7a7a7; font-size:0.9em; margin:5px 0 0 0; padding:0 7px 0 7px; line-height:10px;}
#footer li a {color:#a7a7a7;}
#footer li a:hover {color:#f70;}

#footer li.ita {position:relative; background:url(../__images/logo_ita.gif) no-repeat; border-right:none; padding:0px; margin:-7px 0 0 -76px;}
#footer li.ita a {display:block; height:53px; width:70px; margin:0; padding:0;}
#footer li.ita a b {display:none;}


/* ---||||| KOLOM RECHTS |||||--- */
#rechts {position:absolute; top:94px; margin:0 0 0 500px; padding:10px;}
#rechts p {margin:0; padding:0; /*text-align:justify*/; overflow:hidden;}

/* ---||||| FORMULIER |||||--- */
form {margin:0; padding:0; clear:both;}

/* form label {width:123px; float:left; text-align:left; clear:left;} */
form label {width:123px; text-align:left; clear:left;}

form input.error {border:1px solid #f00;}
form span.error {display:inline-block; margin-left:123px; margin-bottom:10px; color:#f00; float:left; clear:left;}

/*
form input {margin:2px 0; width:230px; border:1px solid #a7a7a7; color:#505050; padding:1px 4px 2px 4px; display:inline;}
form input.button {background:#f70; color:#fff; padding:0; margin-top:20px; margin-bottom:20px; display:inline; text-align:center;}
form textarea {margin:2px 0; width:230px; font-family:arial,sans-serif; border:1px solid #a7a7a7; color:#505050; height:100px; margin-bottom:7px; padding-left:4px; padding-right:4px; overflow:auto;}
form label {width:123px; text-align:left; clear:left;}
*/
 
form input {margin:2px 0; width:230px; float:left; border:1px solid #a7a7a7; color:#505050; padding:1px 4px 2px 4px; display:inline;}
form input.button {float:left; background:#f70; color:#fff; padding:0; margin-top:20px; margin-bottom:20px; display:inline; text-align:center;}
form textarea {margin:2px 0; width:230px; font-family:arial,sans-serif; float:left; border:1px solid #a7a7a7; color:#505050; height:100px; margin-bottom:7px; padding-left:4px; padding-right:4px; overflow:auto;}
form label {width:123px; float:left; text-align:left; clear:left;}

form br {clear:left;}

form input.button:hover {background:#505050; color:#fff; border:1px solid #fff;}
form #submit {width:80px; margin-left:123px; margin-right:10px; padding:1px 4px 2px 4px;}
form input.hidden {display:none;}

form textarea.error {border:1px solid #f00;}

form .radio {width:20px; clear:none; background:none; border:none; display:inline;}
form .dhr {margin-left:123px; margin-bottom:7px;}
form .ding {margin-right:15px;}


/* ---||||| AGENDA FACTS |||||--- */
dl.info_agenda {padding:0 10px 1.55em 10px; margin:-15px 0 0 0; zoom:1; overflow:hidden;}
dl.info_agenda dt {padding:15px 0 0 0; margin:0; float:left; clear:left; width:65px; color:#a7a7a7;} 
dl.info_agenda dd {padding:15px 0 0 0; margin:0; float:left; width:385px;}

dl.agenda {padding:0 10px 1.55em 10px; margin:0; zoom:1; overflow:hidden;}
dl.agenda dt {padding:0; margin:0; float:left; clear:left; width:65px; color:#a7a7a7;} 
dl.agenda dd {padding:0; margin:0; float:left; width:385px; font-weight:bold;}

dl.agenda_vol {padding:0 10px 1.55em 10px; margin:0; zoom:1; overflow:hidden; background:url(../__images/vol_en.png) no-repeat 325px 20px;}
dl.agenda_vol dt {padding:0; margin:0; float:left; clear:left; width:65px; color:#a7a7a7;} 
dl.agenda_vol dd {padding:0; margin:0; float:left; width:385px; font-weight:bold;}

dl.agenda_korting {padding:0 10px 1.55em 10px; margin:0; zoom:1; overflow:hidden; background:url(../__images/korting_en.png) no-repeat 360px 20px;}
dl.agenda_korting dt {padding:0; margin:0; float:left; clear:left; width:65px; color:#a7a7a7;} 
dl.agenda_korting dd {padding:0; margin:0; float:left; width:385px; font-weight:bold;}

dl.contact {padding:0 10px 1.55em 10px; margin:-15px 0 0 0; zoom:1; overflow:hidden;}
dl.contact dt {padding:0; margin:0; float:left; clear:left; width:123px; color:#a7a7a7;} 
dl.contact dd {padding:0; margin:0; float:left; width:385px;}


/* ---||||| KNOPPEN |||||--- */
.awesome, .awesome:visited {
	/* background: #222 url(../__images/alert-overlay.png) repeat-x; */
	display: inline-block; 
	padding: 5px 10px 6px;
	margin: 0 0 4px 0;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover {background-color:#111; color:#fff; text-decoration:none;}
.awesome:active {top:1px;}
.awesome, .awesome:visited {font-size:13px; font-weight:bold; line-height:1; text-shadow:0 -1px 1px rgba(0,0,0,0.25);}

form .awesome, form .awesome:visited {margin:10px 0 0 123px;}

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #f93; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }

/* ---||||| HOME |||||--- */
#ankeiler1, #ankeiler2 {width:360px; float:left; background:url(../__images/lijn.gif) repeat-x; margin:15px 0 0 0;}
#ankeiler1 {margin-right:10px;}
#ankeiler1 h2, #ankeiler2 h2 {padding:1px 0 0 10px;}
#ankeiler1 p, #ankeiler2 p {margin:0 10px 1.55em 10px;}
p#ankeiler1_inl, p#ankeiler2_inl {margin:0 10px;}

h3 {color:#f70; font-size:18px; font-family:times,serif; font-weight:bold; line-height:1px; margin:0; padding:0px 280px 0px 10px;}

#twit {width:230px; background:url(../__images/lijn.gif) repeat-x; margin:15px 10px 0 0; padding:1px 0 0 0; float:left; clear:left;}
#twit h3 {color:#f70; font-size:18px; font-family:times,serif; font-weight:bold; line-height:1px; margin:0; padding:0 0 0 10px;}

#tube {width:290px; background:url(../__images/lijn.gif) repeat-x; margin:15px 0 0 0; padding:1px 0 0 0; float:left;}
#tube p {width:130px; margin:9px 0 0 0; padding:1px 0 0 10px; float:left;}
/* #tube p img {padding:1px; border: 1px solid #505050;} */
#tube a.tube_title {color:#f70; font-weight:bold; text-decoration:none;}
#tube a:hover.tube_title {color:#505050; font-weight:bold; text-decoration:none;}
#tube h3 {color:#f70; font-size:18px; font-family:times,serif; font-weight:bold; line-height:1px; margin:0; padding:0 0 0 10px;}

#quote {width:187px; background:url(../__images/lijn.gif) repeat-x; margin:15px 0 0 10px; padding:1px 0 0 0; float:left;}
#quote p {font-weight:bold; margin:0px; padding:30px 25px 0 25px; background:url(../__images/quote_back.png) no-repeat; height:211px;}
#quote #fb {display:block; width:114px; height:40px; background:url(../__images/facebook_en.png) no-repeat;}
#quote #fb b {display:none; }

strong {font-weight:bold;}
em {font-style:italic; color:#f70;}

.orange_bold {font-weight:bold; color:#f70;}
