/* ----------------  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,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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}

/* ----------------  general  -------------------- */

html {background:#AEA497;}
body {background:url(images/bg.jpg) top center repeat-x; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica; font-size:10pt; }

#container {background:#303030 url(images/top.jpg) top left no-repeat; text-align: left; margin: 0px auto; width: 960px; min-height:500px; }
#logo {float:left; margin-right:180px;}
#footercontainer {background:#AEA497 url(images/footer.jpg) top center no-repeat; text-align:center; padding:40px 0 40px 0; color:#4C4741; }
#footercontainer p a {color:#4C4741; }
#footercontainer p a:hover {color:#fff; }



h1 {color:#79a0c2; font-family:Helvetica, "Microsoft Sans Serif"; font-size:16pt; font-weight:100; text-align:right; padding-right:30px;} 
h2 {color:#BB5657; margin:26pt 0 14pt 0; font-size:11pt; font-weight:700;}


/* -------------  nav en subnav  ----------------- */

#navcontainer {}
#navlist {font-size:11pt; font-weight:700;}
#navlist li {float:left; text-align:center; }
#navlist li a {text-decoration:none; color:#303030; display:block; height:80px; width:101px; padding-top:67px; background:url(images/nav.jpg) top left no-repeat;}
#navlist li a:hover,#navlist li a#currentpage {background:url(images/nav_over.jpg) top left no-repeat;}

#subnavcontainer {background:url(images/subnav.jpg) top center repeat-y; padding:10px 26px 20px 26px; margin-bottom:30px;}
#subnavlist li {margin-bottom:3px;}
#subnavlist li a {color:#ccc2b8; display:block; padding:2px 0 2px 26px; text-decoration:none;}
#subnavlist li a.hoofdcat {padding:2px 0 2px 14px; color:#6b91b2; margin-top:15px;}
#subnavlist li a:hover {background:#2b2b2b;}
#subnavlist li a#currentsubpage {background:#8c1c1c; color:#fff;}

/* ----------------    left    -------------------- */

#left {float:left; width:270px; padding-top:20px;}

#coordinaten {background:url(images/subnav.jpg) top center repeat-y; padding:20px 26px 12px 26px;}
#coordinaten p {color:#ccc2b8; padding:0 0 0 19px; margin-bottom:10pt; line-height:150%; }
#coordinaten p em , #coordinaten p a {color:#6b91b2; font-style:normal;}
#coordinaten p a:hover {color:#fff;}

#leftquote {background:url(images/subnav.jpg) top center repeat-y; padding:20px 26px 12px 26px; margin:30px 0 10px 0;}
#leftquote p {color:#ccc2b8; padding:0 16px 0 19px; margin-bottom:10pt; line-height:150%; text-align:justify; }
#leftquote p em , #coordinaten p a {color:#6b91b2; font-style:italic;}
#leftquote p a:hover {color:#fff;}



/* ----------------  content  -------------------- */

#content {margin-left:290px; padding:20px 27px 0 7px; text-align:justify; color:#D4CEC8; font-size:10pt; min-height:580px; }
#content em {font-weight:700; color:#fff; font-style:normal;}

#content p {margin-bottom:9pt; line-height:150%;}
#content p.last {margin-bottom:0pt;}
#content a {color:#79a0c2;}
#content a:hover {color:#fff;}


#content a#praktischlink {margin-top:20px; float:right; background:url(images/praktisch_link.jpg) top right no-repeat; padding:21px 100px 25px 50px; display:block; color:#fff; text-decoration:none;}
#content a#praktischlink:hover {background:url(images/praktisch_link_hover.jpg) top right no-repeat; text-decoration:underline;}

#content a#praktischlink2 {margin-top:5px; float:right; background:url(images/praktisch_link2.jpg) top right no-repeat; padding:21px 30px 18px 100px; display:block; color:#fff; text-decoration:none;}
#content a#praktischlink2:hover {background:url(images/praktisch_link2_hover.jpg) top right no-repeat; text-decoration:underline;}



#quote {background:url(images/quote1.jpg) top right no-repeat; padding:24px 16px 24px 290px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote2 {background:url(images/quote3.jpg) top right no-repeat; padding:24px 16px 24px 290px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote p, #quote2 p  {margin-bottom:7pt; line-height:140%;}
#quote p strong, #quote2 p strong {font-weight:700;}


#quote_training {background:url(images/quote_training.jpg) top right no-repeat; padding:24px 175px 24px 30px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote_training p {color:#fff; margin-bottom:7pt; line-height:140%;}
#quote_training p strong {font-weight:700;}

#quote_coaching {background:url(images/quote_coaching.jpg) top right no-repeat; padding:24px 16px 24px 300px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote_coaching p {color:#fff; margin-bottom:7pt; line-height:140%;}
#quote_coaching p strong {font-weight:700;}


#quote_relaties {background:url(images/quote_relaties.jpg) top right no-repeat; padding:40px 16px 24px 275px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote_relaties p {color:#4C4E4C; margin-bottom:7pt; line-height:140%;}
#quote_relaties p strong {font-weight:700;}



#quote_nlp {background:url(images/quote_nlp.jpg) top right no-repeat; padding:24px 16px 24px 300px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote_nlp p {margin-bottom:7pt; line-height:140%;}
#quote_nlp p strong {font-weight:700;}

#quote_marleen {background:url(images/quote_marleen.jpg) top right no-repeat; padding:24px 16px 24px 300px; color:#4C4E4C; margin-bottom:20pt; display:block; height:140px; overflow:hidden;}
#quote_marleen p {margin-bottom:7pt; line-height:140%;}
#quote_marleen p strong {font-weight:700;}



#content ul {list-style:disc; margin:0 0 20px 12px; }
#content ul li {padding-left:20px; margin-bottom:6px; text-align:left; line-height:150%;}

#piramide {background:url(images/piramide.jpg) top right no-repeat; padding:30px 16px 24px 280px; margin:20pt 0 10pt 0; }
#piramide p.piramides {margin-top:16pt;}
#piramide p a {color:#D4CEC8; text-decoration:none; border-bottom:1px solid #303030;}
#piramide p a:hover {color:#D4CEC8; text-decoration:none; border-bottom:1px solid #d1c9c2;}


#col31, #col32 {width:198px; margin-right:20px; float:left; text-align:left; overflow:hidden; display:block; background:url(images/subnav.jpg) top center repeat-y;}
#col33 {width:198px; float:left; text-align:left; overflow:hidden; display:block; background:url(images/subnav.jpg) top center repeat-y;}

#col31 a, #col32 a, #col33 a {color:#D4CEC8; text-decoration:none; border-bottom:1px solid #303030; display:block; height:280px; padding:7pt;}
#col31 a:hover, #col32 a:hover, #col33 a:hover {background:#212121 url(images/diensten_over.jpg) bottom left repeat-x;}

#content a span.linktitle {color:#BB5657; font-size:11pt; font-weight:700; margin-bottom:20pt; display:block;}
#content a span.linktext {display:block; margin-bottom:10pt; }

img.dienstenthumb {margin-bottom:10pt;}

/* ----------------  forms  -------------------- */

#praktischform input {background:#232323; border:0; width:150px; margin: 5pt 20pt 0 0; font-size:8pt; padding:4px; color:#D4CEC8;}
#praktischform textarea {background:#232323; border:0; width:400px; margin: 5pt 20pt 0 0; font-size:8pt; padding:4px; color:#D4CEC8; overflow:hidden; height:90px;}
#submitpraktisch {cursor:pointer;}

div.val, input.val {display:none;}



/* ----------------  footer  -------------------- */

span.webdesign {margin-left:350px;}