/*

	Stylesheet for sgkso - Scholengemeenschap Vlaamse Ardennen

	Media:      screen, projection
	Copyright:  Bubblefish - http://www.bubblefish.be
	Author:     Bram De Smijter - bram@bubblefish.be

*/

/*
	Reset
*/


body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table {  border-spacing: 1; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }
* { outline: 0 }
/*
	Algemeen
*/

body { font: 300 12px Arial, sans-serif; line-height: 1.5; color: #000; background: #f5f8f4 url(../images/bg-test.jpg) repeat-x ; }




#container { width: 980px; padding: 25px 0px; margin: 0 auto;  /*border: 1px solid #d8d8d8;*/  }
.wrapper { background: #FFF url(../images/wrapper-bg.jpg) repeat-y; border: 1px solid #d3d3c3; padding: 15px; width: 950px;  float: left; margin: 0 0 15px 0}
.wrapperhome { background: #FFF; border: 1px solid #d3d3c3; padding: 15px; width: 950px;  float: left; margin: 0 0 15px 0}
.header { width: auto; height: auto;  margin-bottom: 15px  }

	/*header titels*/
	.header h1 { float: left; width: 150px; height: 98px; margin-bottom: 15px; background: url(../images/sgkso-logo2.jpg)no-repeat top left; text-indent: -5000px; }
	.header h2 { float: right; margin: 65px 0 0 0; color: #10859a; }

	/*header nav*/	
	.header ul { clear: both;  padding: 0px 10px 0px 10px; margin: 0;  background:#11859a url(../images/nav-bg-over.jpg) repeat-x top left; height: 39px; border-bottom: 3px solid #065d6d}
	.header ul li {  padding: 0; float: left; margin: 0 1px 0 0;}
	.header ul li a  {  width: auto; display: block; border:0; color: #FFF; padding: 10px 10px; text-decoration: none; font-weight: bold; font-size: 13px;}
	.header ul li a:hover  { background:#63a216 url(../images/bg-button.jpg) repeat-x top left; }
	.header ul li a#current { background:#065d6d; margin: -10px 0 0 0 ; height: 30px; padding-top: 20px; padding-bottom: 0; }

.sidebar {width: 230px; height: auto;  float: left;  }
	.sidebar-inhoud { border-top: 1px solid #d3d3c3; margin: 15px 0; padding: 15px; color: #514c47;  }
	.sidebar dl dt { font-weight:bold; text-decoration: underline;}
	.sidebar dl dd { color: #726e6a; margin: 5px 0 5px 50px; }

	.box { background :#f4f5ed; padding: 10px; }
		ul#oscholen { width: 165px; margin: 0 auto}
		ul#oscholen ul li {}

.navigation { width: 230px; height: auto;}
	.navigation h1 { color: #FFF; background: #238298; width: auto; padding: 10px;  }	
	/*navigation list*/
	.navigation ul { padding: 0px 10px 10px 10px; background: #3194ab ; }
	.navigation ul li { border-bottom: 1px dotted #FFF; padding: 3px 0; }
	.navigation ul li a  {  width: 190px; display: block; border:0; color: #FFF; height: 25px; padding: 6px 10px 0 10px; text-decoration: none; font-weight: bold; font-size: 13px; }
		.navigation ul li a:link  { color: #FFF;}
		.navigation ul li a:visited  { color: #FFF;}
		.navigation ul li a:hover {  background: #43a6bd; color: #FFF;} 
		.navigation ul li a:active {  color: #FFF;} 
		.navigation ul li a.selected { background: url(../images/nav-bg-over.jpg) repeat-x left top; color: #FFF;}
		.current { background: #238298; }
		
.banner-titel { width: auto; height: auto; padding: 0 0 35px 0; margin: 0 0 0 -50px; background: url(../images/over.png) no-repeat -1px bottom ; }
	.banner-titel h1 { width: auto; display: block; border:0; color: #FFF; border-left: 6px solid #5b8918; border-right: 1px solid #7cb22d; border-bottom: 1px solid #70a129; border-top: 1px solid #70a129;  height: auto; padding: 7px 10px 7px 45px; text-decoration: none;  font-size: 16px; background: #8fbf35 }


.subnav{ width: 250px; height: auto; padding: 0 0 35px 0; margin: 0 0 0 -50px; background: url(../images/over.png) no-repeat -1px bottom ; }
	/*navigation list*/
	.subnav ul { padding: 0; background: #79b227 url(../images/sub1.jpg) repeat-x top left; border-top:1px solid #7cb22d;}
	.subnav ul li { padding: 0; }
	.subnav ul li a  {  width: auto; display: block; border:0; color: #FFF; border-left: 6px solid #5b8918; border-right: 1px solid #7cb22d; border-bottom: 1px solid #70a129;  height: auto; padding: 7px 10px 7px 45px; text-decoration: none; font-weight: bold; font-size: 13px; }
		.subnav ul li a:link  { color: #FFF;}
		.subnav ul li a:visited  { color: #FFF;}
		.subnav ul li a:hover {  background: #74a72e ; color: #FFF; border-left: 6px solid #699a22;} 
		.subnav ul li a:active {  color: #635e55;} 
		.subnav ul li a#current { color: #43a3b3; background: #FFF; border-right: 1px solid #FFF; border-left: 6px solid #69becc;  }





.inhoud { width: 665px; height: auto; padding: 20px; margin: 0 0 0 15px; float: right; overflow: auto;  }

		.inhoud ul li { margin: 10px 0 10px 20px; }

	
		.left{ float:left; width: 310px; }
		.right { float: right; width: 310px; }
			.school-block { clear: both; overflow: auto; margin-bottom: 15px; }


.school-slider { width: 688px; overflow: auto; padding: 15px; border: 1px solid #e4e4dc; background: #f7f7f4; float: left }
	.school-slider h1 { color: #106d7e  }
.school-slider img{  float: left; margin: 0 15px 0 0; height: 294px; }
.school-overzicht { width:  260px; height: auto; clear: both; }
	.school-overzicht ul { }
	.school-overzicht ul li{  margin: 0; border-right: 1px solid #FFF;}
	.school-overzicht ul li a { display: block; width:  240px; padding: 10px 10px 10px 10px; height: auto; color: #106d7e; font-variant: small-caps; text-decoration: none; font-weight: bold;}
	.school-overzicht ul li a:hover { display: block; width: 240px; padding: 10px 10px 10px 10px; height: auto; background: #FFF; font-variant: small-caps; text-decoration: none; font-weight: bold; color: #62a214;}
	.school-overzicht ul li a.tiolv { background: url(../images/bg-tiolv.gif) no-repeat;}	
	.school-overzicht ul li a.stl { background: url(../images/bg-stl.gif) no-repeat;}
	.school-overzicht ul li a.sbc { background: url(../images/bg-sbc.gif) no-repeat;}
	.school-overzicht ul li a.vlio { background: url(../images/bg-vlio.gif) no-repeat;}
	.school-overzicht ul li a.glorieux { background: url(../images/bg-glorieux.gif) no-repeat;}


.content { width: auto; overflow: auto; padding: 25px 0;  clear: both; }
	.content-lijn { border-bottom: 1px solid #e4e4dc; margin: 0 0 25px 0; }
	.content-left { float: left; width: 460px; padding: 0 10px 0 0; height: auto; border-right: 1px solid #e4e4dc; }
	.content-left .welkom img{ padding: 5px; background: #f0f4f7; border: 1px solid #e4e4dc; width: 430px;  margin: 0 0 15px 0; }
	.content-right { float: right; width: 460px; height: auto; }
		.content-right-algemeen { width: auto; clear: both;}
					.content-right-algemeen img, .inhoud img{ padding: 3px; background: #d9edf0; border: 1px solid #add7df; float: left; margin: 0 15px 5px 0;}
		.content-right-welkom { width: auto; clear:both; overflow: auto; margin: 0 0 20px 0 }
			.content-right-welkom blockquote{ width: auto; padding: 20px;  background: #11859a; color: #FFF; width: auto}	
				.content-right-welkom blockquote img{ padding: 0 0 5px 10px;}	
				.content-right-welkom blockquote span{ display: block; padding: 10px 0 0 0; font-weight: bold;}	
			.content-right-welkom img{ float: right;}

img.school { padding: 3px; background: #FFF; border: 1px solid #add7df; float: left; margin: 0 15px 5px 0;}

.footer-sitemap { background: #201c16; width: auto; height: auto; padding: 20px; color: #FFF; overflow: auto;}
	.footer-sitemap a{color: #FFF; text-decoration: none;}
	.footerlist { padding: 0px; width: 200px; float: left; margin: 0 20px 0 0;}
	.footerlist li { border-bottom: 1px dotted #FFF; padding: 3px 0; }
	.footerlist li a  {  width: auto; display: block; border:0; color: #c0b8ac; height: auto; padding: 3px; text-decoration: none; font-weight: bold; font-size: 10px; }
		.footerlist li a:link  { color: #c0b8ac;}
		.footerlist li a:visited  { color: #c0b8ac;}
		.footerlist li a:hover {  background: #322c24; color: #FFF;} 
		.footerlist li a:active {  color: #FFF;} 
		.footerlist li a.selected { background: url(../images/nav-bg-over.jpg) repeat-x left top; color: #FFF; }


.footer { width: auto; border-top: 1px solid #fff;padding: 20px 0 0 0; overflow: auto;}

	/*footer list*/
	.footer ul { width: auto; clear: both; }
	.footer ul li { float: right; }
	.footer ul li a  { display: block; border:0; color: #0a4e5a; height: 20px; text-align: center; padding: 3px 15px 0 15px;  text-decoration: none; font-weight: bold; }
		.footer ul li a:link,
		.footer ul li a:visited,
		.footer ul li a:hover,
		.footer ul li a:active { color: #0a4e5a;}
		.footer ul li a.selected { color: #62a314;}
	/*footer text*/
	.footer p { float: right; clear: both; padding: 15px 15px 0 15px; }

/*
	Typgrafie
*/

h1, h2, h3 { line-height: 1.1; font-family: Helvetica, Arial, sans-serif; font-weight: 300; }
h1 a, h2 a, h3 a, h4 a { border: 0;}

h1 { font-size: 18px; padding: 0 0 12px 0; }
	.content-left h1, .content-right h1 { background: ; padding: 5px; margin: 0 0 15px 0; }
	.post h1 { background: #fff; padding: 0;  }
	.inhoud h1 { background: #FFF; color: #3194ab; border-right: 4px solid #3194ab; margin: 0 0 20px 0; font-size: 22px; }
	.inhoud h2 { color: #3194ab; font-weight:normal; clear:both; border-bottom: 1px solid #bce3ec; margin-bottom: 20px;}
	.inhoud h3 { color: #4d810e; clear: both; font-weight:normal; /* border-bottom: 1px solid #d3dcab; margin-bottom: 15px; */}
	.inhoud ul { list-style-type: disc; }
	.sidebar h1 { color: #4b6916; margin: 20px 0 0 0; font-size: 18px; }
	h1.hometitle { background: #FFF; color: #3194ab; border-right: 4px solid #3194ab; margin: 0 0 20px 0; font-size: 22px; }


h2 { font-size: 16px; padding: 15px 0 15px 0;  }
h3 { font-size: 14px; padding: 12px 0 12px 0; font-weight:bold; }
h4 { font-size: 12px; padding: 0 0 6px 0; }

p { padding: 0 0 15px 0;}

a.meerinfo { background: #f2f2f2 url(../images/link-meer-bg.jpg) repeat-x top left; border: 1px solid #c8c8c8; padding: 8px 0; display: block; text-align: center; width: 112px; color: #41a0b2; float: right }
a.meerinfo:hover { color: #065d6d }

.crumb { font-size: 10px; display: block; clear: both; text-align: right; width: 100%; color:#201c16; }
.crumb a{ border-bottom: 1px dotted #201c16; text-decoration: none; color:#201c16 }
.crumb a:hover{ border-bottom: 1px solid #201c16;}

.table-overzicht { width:100%; border:1px solid #f5f8f4; }
	.table-overzicht th{ background: #f5f8f4;padding: 5px;}
	.table-overzicht td { padding: 5px; border: 1px solid #f5f8f4}

.error-logo { background: url(../images/404.jpg) no-repeat top; padding: 155px 0 0 0; }
.error-big { font-size: 36px; font-weight: 400; }
.error-small { font-size: 20px; color: #238298; }
.error-small a { font-size: 24px; color: #43a6bd; }

.inhoud blockquote { color: #635e55; background: #f5f5ef; padding: 20px; font-weight: bold; margin: 0 10px 15px 10px; }
.inhoud dl{ padding:  25px;  border: 1px dotted #cecdc8; margin: 0 0 15px 0; /*background: #f5f5ef; color: #635e55;*/ }
.inhoud dl dt { font-weight:bold; text-decoration: underline;}
.inhoud dl dd { margin: 5px 0 5px 50px; overflow: auto; clear: both;  }
.inhoud dl dd a { clear: both;  color: #62a314; text-decoration: underline; font-weight: bold; }

a.terugoverzicht { margin: 15px 0 0 0; background: #62a314 url(../images/bg-button.jpg) repeat-x top left; padding: 6px 10px; border: 0; font-weight: bold; text-align: center; color: #FFF; cursor: pointer; font-variant: small-caps; float:  right; clear: both }

.inhoud dl.dlimage { float: right; width: 390px; }

.bf { color: #0e859b; }
a.bf:hover { color: #43a8b4; }

/*
	Nieuws
*/

.post { width: auto; clear: both; padding: 0 0; }
a.more { float: right; padding: 0 35px 0 0; margin: 15px 0 0 0; background: url(../images/link-meer-bg.jpg) no-repeat top right; color: #11859a; line-height: 20px; }
	.postdate { color: #a9a9a9; padding: 0; font-size: 11px; }
	.post h1.head { color: #4d810e; clear: both; font-weight:normal;  border-bottom: 1px solid #d3dcab; margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; }

	.post ul { list-style-type: square; margin: 0 0 0 25px;}
		.post ul li { margin: 5px ; padding-left: 10px;}

.nieuwsoverzicht { clear: both; padding: 15px 0 0 0;}
		.nieuwsoverzicht li{  margin: 0; border-right: 4px solid #106d7e;}
		.nieuwsoverzicht li a { background: #f5f8f4; display: block; width:  auto; padding: 10px 10px 10px 10px; height: auto; color: #106d7e; font-variant: small-caps; text-decoration: none; font-weight: bold; margin: 0 0 1px 0}
		.nieuwsoverzicht li a:hover { display: block; width: 240px; padding: 10px 10px 10px 10px; height: auto; background: #FFF; font-variant: small-caps; text-decoration: none; font-weight: bold; color: #62a214;}


/* Welkom */


/* Scholen */




/* Contact */
.img-markup{ padding: 3px; background: #f0f4f7; border: 1px solid #e4e4dc; margin: 0; width: auto;}


/* Nascholing */

.nascholingsoverzicht { width: 100%; border-left: 1px solid #C1DAD7; }
.nascholingsoverzicht th {color: #4f6b72; border-right: 1px solid #C1DAD7;  border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #F5FAFA;}
.nascholingsoverzicht td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px; color: #4f6b72;}
.nascholingsoverzicht td.alt { background: #f8f8f8; }

.inschrijvenform { color: #635e55; background: #f5f5ef; padding: 20px; font-weight: bold; margin: 20px 0 0 0; }
.inschrijvenform input { width: 610px; }
.inschrijvenform .input-submit { margin: 15px 0 0 0; background: #62a314 url(../images/bg-button.jpg) repeat-x top left; width: 94px; height: 37px; border: 0; font-size: 0.8em; font-weight: bold; text-align: center; color: #FFF; cursor: pointer; font-variant: small-caps;}

.inschrijven { color: #FFF; font-size: 1px; background: url(../images/nascholing-insch.jpg) no-repeat; height: 20px; width: 20px; display: block; }

/* Forms */

.contactwrapper { height: auto; width: auto; overflow: auto; clear: both; border-bottom: 1px solid #e4e4dc; padding: 0 0 15px 0;  margin: 0 0 15px 0}
	.contactwrapper dl { border: 0; padding:0 0 0 10px; margin: 0}
	.contactwrapper dl dt { font-weight: bold; padding: 5px 0; margin: 0}
	.contactwrapper dl dd{ font-weight: normal; padding: 5px 0 5px 10px; margin: 0}
.contactoverzicht { float: left; width: 210px; height: 150px; border-right: 1px solid #ddd; padding: 0 10px 0 0; }
.contactadjust { float: left; width: 250px; height: 150px; padding: 0 0 0 10px; }
.contactmiddle { float: left; width: 150px; height: 150px; padding: 0 10px; border-right: 1px solid #ddd; }


form.contactform { overflow: hidden; margin: 0 0 20px 0; border-bottom: 1px solid #e4e4dc; padding: 0 0 15px 0;  margin: 0 0 15px 0 }
form.contactform label { display:block; width: 200px; padding: 3px; float: left; }
form.contactform .input-form, form.contactform textarea {  margin: 10px 0; width: 450px; padding: 3px; border: 1px solid #c6ccc9; }
form.contactform textarea { height: 100px; }
form.contactform .input-submit { margin: 15px 0 0 0; background: #62a314 url(../images/bg-button.jpg) repeat-x top left; width: 94px; height: 37px; border: 0; font-size: 0.8em; font-weight: bold; text-align: center; color: #FFF; cursor: pointer; font-variant: small-caps; float: right}


form {  overflow: hidden; margin: 0; background: ; }
label { clear: both; display:block; width: auto; padding: 3px; }
.input-form, textarea { clear: both; margin: 10px 0; width: 300px; padding: 3px; border: 1px solid #c6ccc9; }
textarea { height: 120px; }
.input-submit { margin: 15px 0 0 0; background: #62a314 url(../images/bg-button.jpg) repeat-x top left; width: 94px; height: 37px; border: 0; font-size: 0.8em; font-weight: bold; text-align: center; color: #FFF; cursor: pointer; font-variant: small-caps;}
.verplicht { color:  #f1001c; cursor: help; }
.warning { color: #ea2425; padding: 5px; font-weight: bold; font-variant: small-caps;  }
.berichtOK { color: #4f7918; padding: 5px; font-weight: bold; font-variant: small-caps; }
.error { background: #d24927;  width: auto; height: auto; padding: 10px 10px 10px 10px; margin: 0;}
.errorarrow { background: url(../img/error.jpg) no-repeat right top;margin: 0 0 25px 0; height: 15px; width: auto;}

.errorok { background: #80c443;  width: auto; height: auto; padding: 10px 10px 10px 10px; margin: 0;}
.errorokar { background: url(../img/error2.jpg) no-repeat right top;margin: 0 0 25px 0; height: 15px; width: auto;}


.aanbodzoeken label{ display: block; width: 150px; float: left;}
.aanbodzoeken select { float: left; width: 160px; padding: 3px; border: 1px solid #c6ccc9; margin: 0 0 5px 0;}
.input-zoeken { clear: both; float: left; margin: 15px 0 0 0; background: #62a314 url(../images/bg-button.jpg) repeat-x top left; width: 94px; height: 37px; border: 0; font-size: 0.8em; font-weight: bold; text-align: center; color: #FFF; cursor: pointer; font-variant: small-caps;} }