@charset "UTF-8";
/* import core styles */
@import url(yaml/core/base.css);

/* import screen layout */
@import url(yaml/navigation/nav_shinybuttons.css);

@import url(css/screen/basemod.css);
@import url(css/screen/content.css);

/* import print layout */
@import url(yaml/print/print_003_draft.css);

  .page_margins { text-align:left; margin:0 auto; }

  /* (en) Layout:width, background, borders */
  .page_margins { width:960px; background: transparent; }
  .pagetop { padding:0 10px;margin:0;height:20px;background: #fff url(images/bg-top.png) no-repeat 0 0; }
  .page { padding:0 10px;margin:0;background: transparent url(images/bg-middle.png) repeat-y 0 0; }
  .pagebottom { padding:0 10px;margin:0;height:20px;background: transparent url(images/bg-bottom.png) no-repeat 0 0; }
  #header {
    color:#000;
    background:#fff;
    width:940px;
    height:120px;
    padding:0;
    position:relative;
  }
#logo {
  background-image:url(images/ipsoc-bijscholing-logo.png);
  background-position:0 0;
  background-repeat:no-repeat;
  cursor:pointer;
  height:120px;
  overflow:hidden;
  text-indent:-999em;
  width:420px;
}
  #globalsearch {
  	position:absolute;
  	top:10px;
  	left:720px;
  }
  #globalsearch .searchbutton {
    background:url(images/go.png) no-repeat 0 0 transparent;
    border:medium none;
    float:left;
    font-size:0.875em;
    margin:0 0 0 6px;
    overflow:hidden;
    text-indent:-9999px;
    width:28px;
    height:28px;
    }
  #globalsearch #searchinput {
    float:left;
    font-size:0.875em;
    font-weight:bold;
    height:1em;
    line-height:1;
    margin:0;
    padding:5px 4px;
    width:15em;
  }
  #address {
  	position:absolute;
  	left:134px;
  	top:80px;
  	color:#585858;
  	font-size:1em;
  	font-family:Arial, Helvitica, sans-serif;
  	line-height:1.6;
  }
  #teaser {
    width:940px;
    height:275px;
    position:relative;
    margin:0;
    padding:0;
  }
  #teaser .teaserleft {
  	width:300px;
  	height:275px;
  	float:left;
  }
  #teaser .teaserleft-red {
  	width:300px;
  	height:275px;
  	float:left;
  	background:#cd071e;
  	position:relative;
  }
  #teaser .teaserleft-red.indent {
    width:260px;
    height:235px;
    background:#cd071e;
    padding:20px;
    overflow:hidden;
    color:#fff;
    font-size:1em;
    line-height:1.6;
  }
  #teaser .teaserleft-red.indent h2 {
  	font-family: Arial, Helvetica, sans-serif;
  	color:#fff;
  	font-size: 1.1667em;
  	line-height:1.6;
  }
  #teaser .teaserright {
    width:640px;
    height:275px;
    float:left;
    position:relative;
  }
  
#teaser:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.teaserleft img { border: 0 none; }
.teaserright img { border: 0 none; }
.clear {clear:both;}
.teasermenu {width:300px;height:275px;position:absolute;z-index:1000;top:0;left:0;overflow:hidden;}
ul#teasernav {width:100%;margin:0;padding:0;}
ul#teasernav li {list-style:none;margin:0;padding:0;font-size:1em;}
ul#teasernav li a {display:block;color:#fff;border-bottom:solid 1px #fff;background-color:#707070;padding:5px 20px;
	filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
}
ul#teasernav li a:hover {display:block;color:#fff;border-bottom:solid 1px #fff;background-color:#707070;padding:5px 20px;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1.0;      /* khtml, old safari */
	-moz-opacity: 1.0;       /* mozilla, netscape */
	opacity: 1.0;           /* fx, safari, opera */
}
ul#teasersubnav {width:100%;margin:10px 0 0 0;padding:0;}
ul#teasersubnav li {list-style:none;margin:0;padding:0;font-size:1em;}
ul#teasersubnav li a {display:block;color:#fff;border-bottom:solid 1px #fff;background-color:#cd071e;padding:5px 20px;
}
ul#teasersubnav li a:hover {display:block;color:#fff;border-bottom:solid 1px #fff;background-color:#e16a78;padding:5px 20px;}
ul#teasersubnav li.active a {display:block;color:#cd071e;border-bottom:solid 1px #fff;background-color:#fff;padding:5px 20px;
}

#nav div.hlist ul {
  float:right;
  margin:0 20px 0 0;
}
/* Clearfix-Hack */
#nav div.hlist ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul#leftsubmenu {
	width:100%;margin:0;padding:0;
}
ul#leftsubmenu {
	list-style:none;margin:0;padding:0;font-size:1em;
}
ul#leftsubmenu li {list-style:none;margin:0;padding:0;font-size:1em;}
ul#leftsubmenu li a {display:block;color:#fff;border-bottom:solid 1px #fff;background-color:#cd071e;padding:5px 20px;
}
ul#leftsubmenu li a:hover {display:block;color:#cd071e;border-bottom:solid 1px #fff;background-color:#fff;padding:5px 20px;
}

#main {
	background:#e9e9e9;
	padding:0;
}
#col1 {
	float:left;
	width:300px;
	min-height:400px;height:auto !important; height:400px;
}
#col1_content { padding:0;background:transparent;min-height:400px;height:auto !important; height:400px; }
#col3 { margin:0 0 0 300px; }
#col3_content { padding:10px;min-height:400px;height:auto !important; height:400px; }
#col3 h3 {font-family:Arial, Helvetica, sans-serif;}
#col3_content div.contentpane { background:#fff;padding:10px;min-height:380px;height:auto !important; height:380px;}
/*--- Headings ----*/

h1,h2,h3,h4,h5,h6 {
  font-family:"Arial", Helvetica, sans-serif;
  font-weight:normal;
  color:#222;
  margin:0 0 0.25em 0;
}

h1 { font-size:250%; }                       /* 30px */
h2 { font-size:200%; }                       /* 24px */
h3 { font-size:150%; }                       /* 18px */
h4 { font-size:133.33%; }                    /* 16px */
h5 { font-size:116.67%; }                    /* 14px */
h6 { font-size:108.33%; }                    /* 13px */

#col3 h1 {font-size: 123.08%; color:rgb(205, 7, 30); text-transform:uppercase;margin:0 0 0.75em 0;}
#col3 h2 {font-size: 115.38%; color:rgb(205, 7, 30); text-transform:uppercase;margin:0.75em 0 0.25em 0;}
#col3 h3 {font-size: 107.69%; color:rgb(0, 0, 0); font-weight:bold;margin:0.25em 0;}
#col3 h4 {font-size: 100.00%; color:rgb(0, 0, 0); font-weight:bold;margin:0.25em 0;}

#col3 div.row {}
.kolom { float:left; margin:8px 0; text-align:center;background:#fff;width:188px;height:210px;overflow:hidden;border:#ddd solid 1px;}
.kolom img {border:0 none;padding:6px;}
.kolom.first {margin: 8px 0 !important; }
.kolom.last {margin: 8px 0 !important;}
.kolom.middle { float:left; margin:8px 10px;text-align:center;} 
.kolom p.cursusreferentie {font-weight:bold;font-size:1.0833em;color:#cd071e;padding:0 6px;width:176px; }
.kolom a, .kolom a:visited, .kolom a:active {color:#CD071E;border:0 none;text-decoration:none;}
.kolom a:hover {color:#CD071E; text-decoration:underline;}
.kolom:hover {border:#CD071E solid 1px;}

#col1 img.sidebarimage {border:0 none;margin:10px;}

#teasersubscription {
  position:absolute;width:241px;height:96px;z-index:6000;top:173px;left:388px;background:transparent;overflow:hidden;
}
ul#teasersubscriptionnav {
  width:100%;margin:0;padding:0;
}
ul#teasersubscriptionnav {
  margin:0;padding:0;font-size:1.5em;
}
ul#teasersubscriptionnav li {
  list-style:none;margin:0;padding:0;line-height:1;
}
ul#teasersubscriptionnav li.first {height:48px;overflow:hidden;}
ul#teasersubscriptionnav li.first a {
  display:block;color:#fff;padding:21px 20px 5px 72px;background:url(http://www.ipsocbijscholing.be/images/btn-inschrijven.png) bottom right no-repeat;
}
ul#teasersubscriptionnav li.last {height:48px;overflow:hidden;}
ul#teasersubscriptionnav li.last a {
  display:block;color:#fff;padding:16px 20px 16px 72px;background:url(http://www.ipsocbijscholing.be/images/btn-cursuspakket.png) bottom right no-repeat;
}
blockquote, cite, q {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  margin: 1em 3em;
  padding: .5em 1em;
  border-left: 5px solid #b71542;
  background-color: #f8d1dc;
}
blockquote { margin:0 0 1em 0; color:#000; }
blockquote p { margin: 0;}
blockquote a {text-decoration:underline;}

/* Links naar andere pagina's */
ul.bullets {margin:0;}
ul.bullets li {list-style:none;}
ul.bullets li {
  background:url(http://www.ipsocbijscholing.be/images/list_arrow.gif) no-repeat scroll left center transparent;
  padding:3px 11px;
}