/* GENERAL STYLES
---------------------------------------------------------------------------------------------- */
html { background: url("/img/bg-lines.gif") left top; margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: 100%/130% "Arial", "Helvetica", sans-serif; color: #666; }

a { color: #C40000; }
a:link { color: #C40000; }
a:active { color: #C40000; }
a:hover { color: #666; }

address { font-style: normal; margin-bottom: 20px; padding: 30px; border: 1px dotted #ccc; background: #fff; }
    
.clear { clear: both; height: 1px; font-size: 1px; border: none; margin: 0; padding: 0; background: transparent; }
.current, .current a:visited, .current a:link { color: #7C7565; text-decoration: none; border: none; }
  
hr { color: #999; height: 1px; }
img { border: none; }
p { margin: 8px 0 20px 0; }

h1 { margin: 0 0 0.8em 0; font: 300%/100% "Arial Narrow", "Arial", "Helvetica", sans-serif; }
h2 { font: 180%/120% "Arial", "Helvetica", sans-serif; margin: 0; }
h3 { font: bold 150%/100% "Arial", "Helvetica", sans-serif; }
h4 { font-size: 140%; font-weight: normal; line-height: 120%; }
h5 { font-size: 110%; font-weight: bold; line-height: 120%; margin: 1em 0 0.3em 0; }

* html h5 { font-size: 95%; }

	
/* NAVIGATION
---------------------------------------------------------------------------------------------- */
#post-it { background: url("/img/post-it.png") left top no-repeat; width: 372px; height: 283px; position: absolute; top: 0; left: 50px; }
#post-it h1 { display: none; }


/* FRIES, NEDERLANDS SUBNAV
---------------------------------------------------------------------------------------------- */
#subnav {
	position: absolute;
	right: 20px;
	top: 47px;
	font-size: 80%;
	}

	
/* SIDEBAR LEFT NAVIGATION
---------------------------------------------------------------------------------------------- */
#sidebar { position: absolute; width: 200px; padding-top: 230px; margin-top: 70px; }

/* hides it from mac ie5 only */
/* commented backslash hack v2 \*/
#sidebar { position: absolute; width: 200px; left: 0; margin-top: 230px; margin-top: 0; }
/* end hack */
	
/* ie windows */
* html #sidebar { margin-top: 105px; }
	
#sidebar span { display: none; }
#sidebar ul { margin-top: 36px; }
#sidebar li { list-style: none; margin-bottom: 13px; margin-left: 30px; }
#sidebar a { display: block; }

li#contact a { background: url("/img/contact.gif") left top no-repeat; width: 88px; height: 21px; }
li#colofon a { background: url("/img/colofon.gif") left top no-repeat; width: 88px; height: 29px; }
	
/* MAIN CONTENT
---------------------------------------------------------------------------------------------- */
#main {
	margin-left: 194px;
	background: #fff;
	margin-top: 71px;
	font-size: 90%;
	background: #fff url("/img/dropshadow.png") 0px 2px repeat-y;
	}

/* Type gifs kolommen */
#main h2 span { display: none; }
#main h2 { background: url("/img/leven-lang-leren.gif") 255px 15px no-repeat; height: 101px; margin-right: 54px; padding-top: 15px; }

/* Contact, Colofon onderaan page */
#anchor-contact span, #anchor-colofon span { display: none; }
#anchor-contact, #anchor-colofon { margin-left: 50px; margin-top: 25px; }
#anchor-contact h2 { background: url("/img/contact.gif") left top no-repeat; height: 21px; padding: 0; }
#anchor-colofon h2 { background: url("/img/colofon.gif") left top no-repeat; height: 29px; padding: 0; }

#main .intro { margin-left: 280px; margin-right: 54px; color: #777; }
.inleiding { font-weight: bold; }

/* FRIESE VARIANT
---------------------------------------------------------------------------------------------- */

#fries #main h2 { background: url("/img/libben-lang-leare.gif") 255px 15px no-repeat; height: 101px; margin-right: 54px; padding-top: 15px; }

#fries .column-left h3 { background: url("/img/leer-voor-beroep-fries.gif") 0px 5px no-repeat; width: 313px; height: 48px; }
#fries .column-right h3 { background: url("/img/leer-voor-plezier-fries.gif") 0px 5px no-repeat; width: 311px; height: 48px; }

#fries li#contact a { background: url("/img/kontakt.gif") left top no-repeat; width: 88px; height: 21px; }
#fries li#colofon a { background: url("/img/kolofon.gif") left top no-repeat; width: 88px; height: 29px; }

#fries #anchor-contact h2 { background: url("/img/kontakt.gif") left top no-repeat; height: 21px; padding: 0; }
#fries #anchor-colofon h2 { background: url("/img/kolofon.gif") left top no-repeat; height: 29px; padding: 0; }
	
	
/* MAIN COLUMNS
---------------------------------------------------------------------------------------------- */
.column-left, .column-right {
	float: left;
	display: block;
	width: 377px;
	margin-left: 20px;
	font-size: 90%;
	background: #fff;
	padding-bottom: 13px;	
	}
	
*html .column-left, *html .column-right {
	width: 370px;
	margin-left: 20px;	
	}
	
/* commented backslash hack v2 \*/
.column-left, .column-right { width: 40%; min-width: 360px; }
/* end hack */

.column-left h3 span, .column-right h3 span { display: none; }
.column-left h3 { background: url("/img/leer-voor-beroep.gif") 0px 5px no-repeat; width: 313px; height: 58px; }
.column-right h3 { background: url("/img/leer-voor-plezier.gif") 0px 5px no-repeat; width: 316px; height: 58px; }


/* Corners Columns */
.innerdiv { border: 1px solid black; margin: 10px 11px 12px 10px; background: #FDF8D5; padding: 0 15px 15px 15px; }

.c1, .c2, .c3, .c4 { position: relative; }

.c1 { background: url("/img/hoeken/top-left.gif") 1px 0px no-repeat; }
.c2 { background: url("/img/hoeken/top-right.gif") right top no-repeat; }
.c3 { background: url("/img/hoeken/bottom-left.gif") left bottom no-repeat; right: -1px; }
.c4 { background: url("/img/hoeken/bottom-right.gif") right bottom no-repeat; border: 1px solid #fff; bottom: -1px; }


/* Banner blokken instanties */
.banner { border: 1px solid #F9DD1F; background: #fff; padding: 10px 15px 10px 15px; margin: 15px 0 0 0; line-height: 120%; }
.banner img { float: left; margin: 0 15px 5px 0; vertical-align: top; position: relative; }
.banner h4 { color: #C40000; margin: 0; padding: 0; }
.banner p { padding: 5px 0 8px 0; margin: 0; }

.text { clear: left; }
.align-right { text-align: right; }

/* Friese banners highlight */
#fries .banner { color: #999; }	
#fries .banner h4 { color: #666; }

/* Friese styles */
#fries .fries { color: #000; background: #fff; border: 1px solid #C40000; }
#fries .fries h4 { color: #C40000; margin: 0; padding: 0; }
#fries .fries a { color: #C40000; }
#fries .fries a:hover { color: #666; }

#fries .highlight a, #fries .highlight a:link, #fries .highlight a:active { color: #C40000; }
#fries .highlight a:hover { color: #666; }

#fries a, #fries a:link, #fries a:active { color: #666; }
#fries a:hover { color: #999; }