/****************************************************************/
/* MEDIA      : screen                                          */
/* version    : 1.02                                            */
/* Last update: 06-02-2007                                      */
/****************************************************************/
/* Stylesheet for: www.automotiveschool.nl                      */
/* Written and Composed by <datube v1.00>                       */
/*                                                              */
/* (c) Fontys Automotive Center 2006                            */
/****************************************************************/
/* REMARKS: This CSS contains fixes/hacks for ie6 and below     */
/*    http://www.positioniseverything.net/explorer.html         */
/* 05-07-2006: Added CSS fixes/hacks for IE7                    */
/****************************************************************/


html{height:100.02%} /* force Mozilla to have scrollbars */
body {cursor:default;font:normal 8pt/12pt tahoma, sans-serif }
input, textarea, select {cursor:pointer;font:normal 8pt/12pt tahoma, sans-serif }
address{display:none;width:1px;height:1px;visibility:hidden}

#main a[href^="http://"], #note a[href^="http://"], 
#main a[href^="mailto:"], #note a[href^="mailto:"] 
{	background: url(plaatjes/externelink.gif) center right no-repeat;	padding-right: 8px }

*+html #main a[href^="http://"], *+html #note a[href^="http://"], 
*+html #main a[href^="mailto:"], *+html #note a[href^="mailto:"] 
{ background-image:none; padding:0 } /* ie7 fix: undo above; incorrect implementation attribute selectors */

.inv{display:none;width:1px;height:1px;min-height:1px}
.clear{clear:both}
.small{font-size:85%}
.pdisp{display:none;}
.photo img
{ float: left; margin:0 4pt 0 0; padding:0}  
img{border:0}
a{text-decoration:none}


#wrapper
{width:750px;margin-left:auto;margin-right:auto} 


#intropic
{background:#668 url('plaatjes/intropic-school.jpg') top left no-repeat;width:448px;min-height:211px;
 border-right:8px #757575 solid;padding:0;margin:0;float:left}
* html #intropic {height:211px} /* ie fix: 'simulate' min-height */


#pageheader
{border-bottom:7px #757575 solid;margin-bottom:0} /* last 1pixel line will be done by following element(s) */

#pageheader h1 
{background:url('plaatjes/pageheader.jpg') top center no-repeat;min-height:85px;
 border-bottom:8px #757575 solid;margin:0;padding:0}
* html #pageheader h1 {height:85px} /* ie fix: 'simulate' min-height */

#pageheader #edulinks
{margin:0;padding:0;float:right;list-style:none;width:285px;}

#pageheader #edulinks li
{margin:0;padding:0;white-space:nowrap;border-top:1px #636 solid}
* html #pageheader #edulinks li 
{ border-left:1px #fff solid;border-right:1px #fff solid;border-bottom:1px #fff solid } /* ie fix: weird paddings without these */

#pageheader #edulinks li a:hover,#pageheader #edulinks li a:visited:hover,
#pageheader #edulinks li.alternate a:hover,#pageheader #edulinks li.alternate a:visited:hover
{color:#000;}

#pageheader #edulinks li .alternate
{color:#a7a;}

#pageheader #edulinks li a
{color:#668;display:block;font:bold 14pt/18pt tahoma,sans-serif;margin:0;padding:0 0 2px 0}

*+html #pageheader #edulinks li a
{height:18pt} /* ie7 fix: ie7 adds an extra space after converting inline to block */

#pageheader #edulinks li .small
{font-size:70%;color:#668}

#pageheader #edulinks li span
{font: bold 9pt/10pt tahoma,sans-serif;margin:0;padding:0;color:#bbb}


#webring
{min-height:2em;padding:0.5em 0 0em 0;font: bold 9pt/10pt tahoma,sans-serif}
* html #webring {height:2em} /* ie fix: 'simulate' min-height */

#webring ul
{margin:0;padding:0;text-align:right;white-space:nowrap}

#webring h2
{float:left;padding:0;margin:0.7em 0 0 6pt;font-weight:bold;font-size:9pt;color:#bbb}
* html #webring h2{margin-left:2pt;} /* ie fix: make look nice */

#webring ul li
{margin:0;padding:0;display:inline}

#webring ul li a
{color:#a7a;margin:0;padding:0 2pt;white-space:nowrap;font:bold 8pt/8pt tahoma,sans-serif;border-right:1px #636 solid}
#webring ul li.alternate a
{color:#668;}


#pagefooter
{border-top:8px #757575 solid;margin-top:10px;padding-top:4pt;text-align:right;clear:both;}

#pagefooter hr
{display:none;width:1px;height:1px}
 
#pagefooter span
{float:left;padding:0;margin:-3pt 0 0 0;color:#bbb} 

#pagefooter a {color:#bbb}

*+html #pagefooter
{ padding:0 } /* ie7 fix: remove extra space (comes from..?) */


/* content section */

#main
{width:448px;float:left;margin:0;padding:0}

#note
{float:right;width:302px }

#main a:hover, #note a:hover{ color:#000 }

.readmore
{ display:block; margin-top:4pt }

#main h3, #note h4
{font:bold 15pt/15pt tahoma,sans-serif; margin:0;padding-top:10pt;padding-bottom: 4pt;
	border:0;border-top:1px #757575 solid; /* pageheader 1pixel 'fixer' */}

#main h3 span, #note h4 span
{color:#757575}

#main h3 
{ padding-left: 8pt;}

#note a.top
{display:none;width:1px;height:1px;}

#main p.top
{ float:right; margin-right:0pt;margin-top:-7pt }
#main p.top a
{ background:url(plaatjes/top.gif) center left no-repeat; float:left; width:7px; height:7px }

#main a, #note a
{color:#668;font-weight:bold}

#main p, #note p
{padding:2pt 0 4pt 0;margin:0}

#main p.table
{margin-top:-4pt;}
#main p.table strong
{ display:block; width:90px; margin:0; padding:0; float:left; clear:both; color:#757575 }

* html #main p.table { margin-top:-6pt }
*+html #main p.table { margin-top:-6pt }
* html #main p.table strong { position:relative; top:2px; } /* ie6 fix: position */
*+html #main p.table strong { position:relative; top:2px; } /* ie7 fix: position */


#main p em, #note p em
{font-style:normal;font-weight:bold}

#main ul
{padding:0;margin:-2pt 0 4pt 2em}


#note
{ background:#dcd }

#note p, #note ul, #note h5
{border-left:6pt #fff solid;padding:2pt 6pt 3pt 6pt}

#note h4, #note div
{padding-left:6pt;padding-bottom:4pt; border:0;border-top:1px #757575 solid; /* pageheader bottom-border 1pixel 'fixer' */
 background:#fff url('plaatjes/papercliptop.gif') bottom right no-repeat;}

#note div
{min-height:24pt;}
* html #note div 
{height:24pt} /* ie fix: 'simulate' min-height */

#note h5
{font:bold 8pt/12pt tahoma,sans-serif;margin:0;padding:0 6pt}

#note .paperclip
{float:right;position:relative; text-align:right;background:url('plaatjes/paperclipbot.gif');
 display:block;width:49px;min-height:37px;margin-right:7px}
* html #note .paperclip
{height:37px;margin:0 0.3em 0 0;border:1px #dcd solid;border-top:0;} /* ie-fix: make it fit too */	

#main, #note
{margin-bottom:8pt}
* html #main,* html #note
{margin-bottom:0} /* ie fix */

/* form element focus */
/* 'picked up' by javascript */
.focus{ background: #ffc }
.blur { background: #fff }