html {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;



}



body {
font-family: MetaOT-Light, Lato, Verdana, Helvetica, sans-serif;
  font-size: 16px; font-size: 1.6rem;
 line-height: 20px; line-height: 2.2rem;  
margin:0;
padding:0;
}

@font-face {
	font-family: MetaOT-Book;  
	src: url(/templates/schrijversvakschool/fonts/MetaOT-Book.otf);  
	font-weight: normal;  
}
@font-face {
	font-family: MetaOT-Light;  
	src: url(/templates/schrijversvakschool/fonts/MetaOT-Light.otf);  
	font-weight: normal;  
}
.container {
  margin-bottom: 30px;
  }

a, a.visited {
color: #444;
}
a:hover {
color: #fff;
    text-decoration: underline;
}
.row {
margin-bottom: 10px;
}


.toprechts {
margin: 40px 0px 0px 0px
}

#searchForm, .search-results {
padding: 50px;
}

span.highlight {
    background-color: #999;
    font-weight: bold;
    padding: 1px 4px;
}
ul#topmenu li {
position:relative;
float:left;
width: 70px;
}

#topmenu a:link, #topmenu a:visited {
color: #666;
padding:0;
margin:10px 0px 0px 0px;
width: 60px;
}
#topmenu a:hover {
color: #000;
background: transparent;
}
#topmenu a.eerste {
border-right: 1px solid #000;
}
.page-header {
margin:0;
padding:0;
}

.page-header h1 {
margin:0;
padding:0;
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
}
.page-header h2 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
margin:0;
padding:0;
 
}

h1 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size: 4rem;
 line-height: 4rem;
margin: 10px 0px 0px 0px;
}
h2 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size: 28px;
 line-height: 28px;
margin: 10px 0px;

}
h3 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size: 1.5rem;
 line-height: 2rem;
margin: 20px 0px
}
h4, h5, h6 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size: 1.2rem;
 line-height: 1.5rem;
margin: 20px 0px
}

.nav.menu li {
position:relative;
float:left;
width: 48%;
margin-bottom:20px;
}
.nav.menu li:nth-child(even) {
float:right;
}

.nav.menu li:nth-last-child(-n+2) {
margin-bottom:0px;
}

.delenmenu {
   position:relative;
float:left;
width: 100%;
 margin: 0px 0px 50px 0px;
padding:0px 0px 0px 0px;
}

.delenmenu .nav.menu li:nth-of-type(1), .delenmenu .nav.menu li:nth-of-type(2) {
    position: relative;
    float: left;
    width: 25%;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

.delenmenu .nav.menu li:nth-of-type(3), .delenmenu .nav.menu li:nth-of-type(4) {
    position: relative;
    float: left;
    width: 24.1%;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

.delenmenu a {

width: 100%;
 text-align:center;
}

.delenmenu .nav.menu li a:hover {
background: #000;
}

#groen li a {
background: #008D4C;
  color :#fff;
 padding: 30px;
font-size: 3rem
}
#groen li a.rood {
background: #E02E35;

}

#rood li a {
background: #E02E35;
  color :#fff;
 padding: 30px;
font-size: 3rem
}
#rood li a.groen {
background: #008D4C;

}
 

#geel li a {
background: #F9DF4B;
  color :#fff;
 padding: 30px;
font-size: 3rem
}
#geel li a.blauw {
background: #206AA1;

}
#blauw li a {
background: #206AA1;
  color :#fff;
 padding: 30px;
font-size: 3rem
}
#blauw li a.geel {
background: #F9DF4B;

}

.inhoud {
margin: 0px 0px 0px 0px;

}

.blog a.btn {
margin:0;
padding:0;
}
/* ++++++++++++++  blog  ++++++++++++++ */

.blog {
            position:relative;
    float:left;
  height: 100%;
  
  }

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1, {
    width: 48%;
    float: left;
}

.cols-2 .column-2 {
    width: 48%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
        position:relative;
    float:left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {

    width: 55%;
    margin-left: 4%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}
.blog .item {
        position:relative;
    float:left;
    width: 45%;
border: 1px solid #999;
padding: 5px 10px;
    margin: 0px 10px 10px 0px;
height: 250px;
}



.page-header {
color: #fff;
border-bottom: 0px;
  margin: 0px 0px 20px 0px
}
#sidebars {

    padding: 0px 0px 0px 20px;

}


.menuknop a {
	position:fixed;
	top:0;
	left;0;
	background: #999;
	width: 100%;
	height: 40px;
padding: 10px;
margin: -50px 0px 0px 0px;
color: #fff;
font-weight:bold;
z-index:9999;
text-align:center
}


.rij {
margin: 0px 0px 50px 0px
padding: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.custom {
padding: 0px;
}

.axionmodule {
margin: 0px 20px 0px 0px;
padding: 0px 20px 10px 20px;

}

.axionmodule.nieuwshome, .axionmodule.inschrijvenhome {
margin: 0px 20px 0px 0px;
padding: 25px 0px 0px 0px;
height: 70px;
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size: 3rem;
}
.axionmodule.nieuwshome a, .axionmodule.inschrijvenhome a{
color: #fff;
font-size: 3rem;
}


.rij a {
position:absolute;
top: 90%;
left: 5%;
}
.rij .axionmodule {
padding-bottom: 40px;
}

.axionmodule h2 {
font-family: MetaOT-Book, Lato, Verdana, Helvetica, sans-serif;
font-size:28px;
color: #fff;
padding: 10px 0px 14px 0px;
margin:0;
text-align:left;

}
.axionmodule.geel h2 {
color: #000;
}
.axionmodule.geel a {

color: #206AA1;
}
.axionmodule.rood a {
color: #fff;
}
.axionmodule.blauw a {
color: #F9DF4B;
}
.rood {
background: #E02E35;
color: #fff;
}
.geel {
background: #F9DF4B;
color: #444;
}
.blauw {
background: #206AA1;
color: #fff;
}
.groen {
background: #008D4C;
color: #fff;
}
.axion-component .component,
.axion-8 .item-page,
.axion-13 .item-page, .axion-13 .blog,
.axion-15 .item-page, .axion-15 .blog,
.axion-32 .item-page, .axion-32 .blog
 {
background: #008D4C;
padding: 20px;
         margin: 0px 20px 0px 0px;
color: #fff;
}

.axion-9 .item-page, .axion-9 .blog,
.axion-12 .item-page, .axion-12 .blog,
.axion-16 .item-page, .axion-16 .blog,
.axion-17 .item-page, .axion-17 .blog,
.axion-18 .item-page, .axion-18 .blog,
.axion-19 .item-page, .axion-19 .blog,
.axion-20 .item-page, .axion-20 .blog,
.axion-21 .item-page, .axion-21 .blog,
.axion-22 .item-page, .axion-22 .blog,

.contact-category {

background: #E02E35;
    margin: 0px 20px 0px 0px;
padding: 20px;
color: #fff;

}
.axion-9 .item-page a, .axion-9 .blog a,
.axion-12 .item-page a, .axion-12 .blog a,
.axion-16 .item-page a, .axion-16 .blog a,
.axion-17 .item-page a, .axion-17 .blog a,
.axion-18 .item-page a, .axion-18 .blog a,
.axion-19 .item-page a, .axion-19 .blog a,
.axion-20 .item-page a, .axion-20 .blog a,
.axion-21 .item-page a, .axion-21 .blog a,
.axion-22 .item-page a, .axion-22 .blog a,

.contact-category {
color: #aaa;

}

.axion-9 .item-page h2 a, .axion-9 .blog h2 a,
.axion-12 .item-page h2 a, .axion-12 .blog h2 a,
.axion-16 .item-page h2 a, .axion-16 .blog h2 a,
.axion-17 .item-page h2 a, .axion-17 .blog h2 a,
.axion-18 .item-page h2 a, .axion-18 .blog h2 a,
.axion-19 .item-page h2 a, .axion-19 .blog h2 a,
.axion-20 .item-page h2 a, .axion-20 .blog h2 a,
.axion-21 .item-page h2 a, .axion-21 .blog h2 a,
.axion-22 .item-page h2 a, .axion-22 .blog h2 a,

.contact-category {
color: #333;

}

.axion-10 .item-page, .axion-10 .blog,
.axion-14 .item-page, .axion-14 .blog,
.axion-23 .item-page, .axion-23 .blog,
.axion-24 .item-page, .axion-24 .blog,
.axion-25 .item-page, .axion-25 .blog {
background: #F9DF4B;
padding: 20px;
        margin: 0px 20px 0px 0px;
color: #444;
}
.axion-10 .item-page a, .axion-10 .blog a,
.axion-14 .item-page a, .axion-14 .blog a,
.axion-23 .item-page a, .axion-23 .blog a,
.axion-24 .item-page a, .axion-24 .blog a,
.axion-25 .item-page a, .axion-25 .blog a {

color: #888;
}

.axion-10 .item-page h2 a , .axion-10 .blog h2 a,
.axion-14 .item-page h2 a, .axion-14 .blog h2 a,
.axion-23 .item-page h2 a, .axion-23 .blog h2 a,
.axion-24 .item-page h2 a, .axion-24 .blog h2 a,
.axion-25 .item-page h2 a, .axion-25 .blog h2 a {

color: #444;
}

.axion-11 .item-page, .axion-11 .blog,
.axion-37 .item-page, .axion-37 .blog{
background: #206AA1;
padding: 20px;
        margin: 0px 20px 0px 0px;
color: #fff;
}

.axion-11 .item-page a, .axion-11 .blog a {
color: #aaa
}

.links {
    position:relative;
    float: left;
    height: 100%;
  padding-right: 10px;

}



.rechts {
  position:relative;
    float: left;
    height: 100%;
  padding-left: 10px;
  }
.homepage {
     position:relative;
    float: left;
margin:0px 20px 0px 0px;
padding:10px 20px 20px 20px;
background: #008D4C;
color: #fff;
height: 395px;
}

.nieuws, .inschrijven {

margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 100%;
}


.nieuws a:link , .inschrijven a:link {
padding:  0px;
  margin:0;

}
.rechts .nieuws .custom,.rechts .inschrijven .custom {
padding: 0px 0px 0px 0px;
font-size: 2rem;
  height: 100%;
}



.breadcrumb {
  color: #fff;
    background-color: transparent;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
}

.breadcrumb > .active {
    color: #fff;
}

@media all and (min-width: 992px) {

}

/* tablets */
@media (max-width: 991px) { 
.toprechts .custom {
position:relative;
float:left;
width: 30%;
text-align:center;
margin: 0px 20px 0px 0px;
}
.search {
position:relative;
float:left;
width: 30%;
text-align:center;
margin: 0px 20px 0px 0px;
}
#topmenu {
position:relative;
float:right;
width: 30%;
text-align:center;
margin: 0px 0px 0px 0px;
}


.nieuws, .inschrijven {

padding: 10px;

}
.rechts {
margin: 10px 10px 0px 0px;
padding:0;
}

}

/* really small screens */
@media all and (max-width: 760px) {
	html, body {
background: #fff ;
}
.toprechts .custom {
position:relative;
float:left;
width: 30%;
text-align:center;
margin: 0px 10px 0px 0px;
}
.toprechts .custom img {
width: 25%;
margin: 0;
}
.search {
position:relative;
float:left;
width: 30%;
text-align:center;
margin: 0px 10px 0px 0px;
}
#topmenu {
position:relative;
float:right;
width: 30%;
text-align:center;
margin: 5px 10px 0px 0px;
}

ul#topmenu li {
position:relative;
float:left;
width: 50%;
}

#topmenu a:link, #topmenu a:visited {
color: #666;
padding:0;
margin:0px 0px 0px 0px;
width: 40px;
  font-size: 12px;
  font-weight: bold;
}
#topmenu a:hover {
color: #000;
background: transparent;
}
#topmenu a.eerste {
border-right: 0px solid #000;
}

.links img {
display:none;
}

.axionmodule.nieuwshome, .axionmodule.inschrijvenhome {
    height: 50px;
    margin: 0 10px 0 10px;
    padding: 15px 0 0;
}
.homepage {
margin:0px 20px 0px 0px;
padding:10px 20px 20px 20px;
background: #008D4C;
color: #fff;
height: 640px;
}
.rij .axionmodule.rood, 
.rij .axionmodule.geel, 
.rij .axionmodule.blauw {
margin-left: 10px;
}

.nav.menu li {
position:relative;
float:left;
width: 48%;
margin-bottom:10px;
}
#groen li a {
background: #008D4C;
  color :#fff;
 padding: 10px;
font-size: 2rem
}
#groen li a.rood {
background: #E02E35;

}

#rood li a {
background: #E02E35;
  color :#fff;
 padding: 10px;
font-size: 2rem
}
#rood li a.groen {
background: #008D4C;

}

#geel li a {
background: #F9DF4B;
  color :#fff;
 padding: 10px;
font-size: 2rem
}
#geel li a.blauw {
background: #206AA1;

}
#blauw li a {
background: #206AA1;
  color :#fff;
 padding: 10px;
font-size: 2.3rem
}
#blauw li a.geel {
background: #F9DF4B;

}

.rechts .homepage {
margin: 10px 10px 0px 10px;

}
.rechts {
margin: 10px 10px 0px 0px;
padding:0;
}

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 98%;
    float: left;
margin: 0px 0px 20px 0px
}

.cols-2 .column-2 {
    width: 98%;
    float: left;
    margin: 0px 0px 20px 0px
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}
.blog .item {
border: 1px solid #999;
padding: 5px 10px;
}
.delenmenu  {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0;
}
.delenmenu .nav.menu li:nth-of-type(1), .delenmenu .nav.menu li:nth-of-type(2) {
    position: relative;
    float: left;
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

.delenmenu .nav.menu li:nth-of-type(3), .delenmenu .nav.menu li:nth-of-type(4) {
    position: relative;
    float: left;
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0;
}

}



.linkbox {

cursor: pointer;
}


.kalender {
    margin: 0px 20px 0px 0px;
    padding: 20px;
}
.pagination {
  position:relative;
  float:left;
  width: 100%;
 
}
.counter {
  position:relative;
  float:left;
  width: 100%;
  height: 20px;

  display:block;
}
.pagination li {
  position:relative;
  float:left;
  width: 30px;
list-style-type:none;

}

.pagination li a {
  position:relative;
  float:left;
  width: 30px;
list-style-type:none;

}