﻿/*
#0089cf = AVS huisstijl blauw
#66b7e2 = AVS huisstijl lichtblauw


*/



/*HELE PAGINA*/
.tabs{
	z-index:1;
	position:absolute;
	top:90px;
}
.errorfout{
	display:none;	
}
div#wrapper {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:925px;
    background-color: #FFF;
}
div.error.messages{
	display:none;	
}
body {				
font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
h2,h3 {
    margin-top: 0px;
    padding-top: 5px;
}
iframe{
	border:0px;
}
a:link
{				
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:none;
color:#000080;
font-weight:bold;
}

a:hover
{				
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:underline;
color:black;
font-weight:bold;
}

a:visited
{				
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:none;
font-weight:bold;
}

/*HEADER*/
div#content-header {
	background-image:url(http://www.avs.nl/sites/all/themes/AVS_2014/header_AVS_2014.jpg);
   /* position: absolute;*/
    width:800px;
    height:145px;
    left:0px;
    top: 0px;
    background-color:#FFF;
	clear:both;
	margin:0px;
	padding:0px;
}

div#topmenu {
   /* position: absolute;*/
    width:800px;
    height:30px;
    left:0px;
    top: 0px;
    background-color:#0089cf;
	clear:both;
	padding-left:6px;
	vertical-align:middle;
}
div#topmenu h3{
    float:left;
	color:#FFF;
}
div#topmenulinks{
    float:right;
	padding-right:6px;
}



div#logokop{
	margin-top:0px;
	vertical-align:top;
}
div#plaatjekop{
	margin-top:0px;
}
/*HOOFDMENU*/
.mega-group-title{
 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#036;
	display:none;	
}
.leaf{
	width:200px;
}
div#avsmenu{	
	height:30px;
	width:800px;
	top:150px;
   /* position: absolute;*/
	z-index:100;
}
div#block-search-form{
	position:absolute;
	top:40px;
	left:560px;
	width:230px;
	height:20px;
    background-color:#FFF;
	list-style-type:none;
	list-style-image:none;
	z-index:10;
}
.block-menu{
	width:25%;
	float:left;
}
.block-menu a:link
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:none;
color:navy;
font-weight:bold;
}

.block-menu a:visited
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:none;
color:navy;
font-weight:bold;
}

.block-menu a:hover
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 8pt;
text-decoration:underline;
color:black;
font-weight:bold;
}
.pane-search-form{
	background-color:#ececec;
}
div#block-menu-menu-professionalisering li{
	background-color:#f3e6ef;	
	list-style-type:none;
	list-style-image:none;
	margin:1px;
	padding:1px 2px 1px 3px;
}
div#block-menu-menu-vereniging li{
	background-color:#e7f8ff;	
	list-style-type:none;
	list-style-image:none;
	margin:1px;
	padding:1px 2px 1px 3px;
}
div#block-menu-menu-dossiers li{
	background-color:#eefcf2;	
	list-style-type:none;
	list-style-image:none;
	margin:1px;
	padding:1px 2px 1px 3px;
}
div#block-menu-menu-professionalisering .first{
	background-color:#be017f;	
}
div#block-menu-menu-vereniging .first{
	background-color:#006cae;	
}
div#block-menu-menu-dossiers .first{
	background-color:#32b557;	
}
div#block-search-form h2{
	background-color:#6b6b6b;
	display:none;	
}
.block-menu ul{
	list-style-type:none;
	list-style-image:none;
	text-indent:0px;
	padding:0px;
	margin:0px;
}
.block-search h2{
font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	color:#FFF;
	padding:1px;
	margin:1px;
	display:none;
}
.block-menu .first a{
font-family: Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	color:#FFF;
	margin-bottom:0px;
	padding:3px;
}
.block-menu h2{
	font-size:10px;
	font-weight:bold;
	color:#009;

}
.menublock-vast a {
  border-bottom: 1px solid #bcd1e0;
  padding: 2px 20px;
  text-shadow: none;
}
.menublock-vast li {
	list-style:none;
}
/*CONTENT*/
div.nieuws-accordeon{
height:247px;	
}
div.pane-nieuw-op-de-site, div.pane-aandacht-voor-2014, div.pane-aandacht-voor-homepage, div.pane-agenda{
	border:1px solid #9696E2;
	border:1px solid #daeef3;
	height:300px;
	padding-top:0px;
	
}



div.pane-nieuw-op-de-site a:link, div.pane-aandacht-voor-2014 a:link, div.pane-aandacht-voor-homepage a:link, div.pane-agenda a:link {
	display:inline-block;
	line-height:14px;
	background:url(http://www.avs.nl/icons_custom/itemarrow.png)  top left no-repeat;
	padding-left:10px;
	
}
div.pane-agenda span.date-display-single{
	padding-left:10px;
	font-style:italic;
	
}


div.pane-agenda a:link,div.pane-agenda a:visited,div.pane-nieuw-op-de-site a:link,div.pane-nieuw-op-de-site a:visited, div.pane-aandacht-voor-2014 a:link, div.pane-aandacht-voor-2014 a:visited{
	font-weight:normal;
	color:#21263A;
	font-size:12px;
}


div.pane-aandacht-voor-homepage a:link, div.pane-aandacht-voor-homepage a:visited{
	font-weight:normal;
	color:#21263A;
	font-size:12px;
}


div#content-area h2.pane-title{
font-family: Tahoma, Geneva, sans-serif;
	background-color:#daeef3;
	color:#000;
	font-size:12px;
	margin-top:0px;
}


h4{
	background-color:#daeef3;
	color:#000;
	font-weight:bold;
	font-size:16px;
	margin-top:0px;
	padding:2px;
}
div#content-area {
   /* position: absolute;*/
    width: 800px;
    top: 185px;
	bottom:200px;
    left: 0px;
    background-color: #FFFFFF;
}

div#content-area .blokblauw,.blokrood,.blokgrijs{
	border: 1px solid #e0e0e0;
	margin:1px;
	padding:2px;
	min-height:340px;
	width:100%;
	
}
div#content-area .view-footer{
	vertical-align:bottom;
	
}
.blokblauw{
	background-color:#f5fdff;	
}
.blokgrijs{
	background-color:#ececec;	
}
.blokrood{
	background-color:#fdf1fa;	
}

div#content-area  h2{
	background-color:#daeef3;
	color:#000;
	font-size:14pt;
	
	padding-left:5px;
	margin-bottom:0px;
}

div#content-area .view-content{
	margin-top:0px;
}

div#content-area .view-header{
	margin-bottom:0px;
	padding-top:0px;
}
div#content-area .view-header p{
	margin-top:0px;
	padding-top:0px;
}

div#content-area .menu{
	border: 1px solid #e0e0e0;
	background-color: #f4fdf8;
	margin:1px;
	height:100%;
	width:100%;
}

div#content-area .views-row{
	
	padding:3px;
}

div#content-area img{
	margin-top:0px;

}

div#content-area .panels-flexible-columnb{
	border: 1px solid #e0e0e0;
	background-color: #f4fdf8;
	
	margin:1px;
}


div#banner-area {
	display:none;
    position: absolute;
    width: 120px;
    height: 600px;
    top: 185px;
    left: 805px;
    background-color: #FFFFFF;
	border: 1px solid #CCC;
}

div#sitemap a:link,div#sitemap a:visited{
	font-weight:normal;
	color:#333;
	font-size:10px;
	background-color:transparent;
}
/*FOOTER*/

#footer{
	margin-top:2px;
	margin-left:auto;
    margin-right:auto;
    width:900px;
	float:left;
	width:800px;
	z-index:1000;
}

    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:925px;
/*OVERIG*/

#node-13352 h2{
	display:none;
}
.view-footer p{
	text-align:right
	
}
.view-footer a{
	background-color:#006cae;
	padding:4px;
	padding-right:4em;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	
}

.dossiertabel div{
	overflow-y:auto;
	overflow-x:hidden;
	width:190px;
}



blokhomepage {
height: 345px;
}

/*carousel styles*/
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/
.jcarousel-skin-default .jcarousel-navigation
{
  display:inline;
  left:120px;
}
.jcarousel-skin-default .jcarousel-navigation li
{
font-size:6px;	
background-color:#333;
  line-height: 8px;
  min-width: 8px;
  opacity: 0.5;
}
.jcarousel-skin-default .jcarousel-navigation a:link, .jcarousel-navigation a:visited
{
color:#333;
background-color:transparent;
}

.jcarousel-skin-default .jcarousel-navigation li.active
{
font-size:6px;	
background-color:#333;
  line-height: 8px;
  min-width: 8px;
  opacity: 1;
}

.view-carousel2 {
    position: relative;
    overflow: hidden;
    width: 600px;
    height: 400px;
}

ul.jcarousel {
    width: 100%;
	text-align:center;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.jcarousel li {
    float: left;
	font-size:0px;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
	width:100%;
	text-align:center;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 0px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 8px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}


/* TOEVOEGING ACCORDEON */

.nieuws-accordeon h3 {
		color:#000000;		
background-color:#ffffff;
padding-left:1em;
font-size: 8pt;	
font-weight: bold;
text-decoration:none;
background-image: none;
}

div.nieuws-accordeon a:link,div.nieuws-accordeon a:visited {
font-size: 8pt;
font-weight: bold;
color:#666;
}

.nieuws-accordeon h3 a:link {
		color:#000000;		
background-color:#ffffff;
	padding-left:1em;
font-size: 8pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.nieuws-accordeon h3 a:hover {
		color:#000000;		
background-color:#ffffff;
	padding-left:1em;
font-size: 8pt;
font-weight: bold;
text-decoration:none;	
background-image: none;
}

.nieuws-accordeon h3 a:visited {
color:#000000;		
background-color:#ffffff;
padding-left:1em;	
font-size: 8pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}


.nieuws-accordeon li {
		color:#000000;		
background-color:#ffffff;
background-image: none;
font-size: 8pt;
}

.nieuws2014 {
		color:#000000;		
background-color:#ffffff;
background-image: none;
font-size: 8pt;
}
.panels-flexible-region-201-nieuws{
height:267px;	
}


/* TOEVOEGING FOOTER VIEW */

.view-footer p{
	text-align:left
	
}
.view-footer a{
	background-color:#00000;
	font-weight:bold;
	text-decoration:none;
	
}

/* TOEVOEGING BANNERS */

iframe {

    padding: 0px !important;
    border: 0px !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
    margin-bottom:-10px !important;

}


.advertentieblok {
float: right;
width: 234px;
margin-left: 10px;
margin-bottom: 10px;	
background-color:#ececec;
border: 1px solid #bbbbbb;	
overflow: hidden;				
}

.advertentiekopje {
font-style:italic;		
font-size:x-small;
text-align:center;
overflow: hidden;
}

.advertentieblok2 {
float: right;
width: 240px;
margin-left: 10px;
margin-bottom: 10px;	
background-color:#ececec;
border: 1px solid #000;
overflow: hidden;						
}

/* TOEVOEGING KP COVER */
.coverblok {
float: right;
width: 156px;
margin-left: 10px;
margin-bottom: 10px;	
background-color:#ffffff;
border: 1px solid #bbbbbb;					
}


/* TOEVOEGING ACTUEEL */


.actueel {
color:#000080;		
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}


.actueel a:link {
color:#000080;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.actueel a:hover {
color:#000000;		
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:underline;	
background-image: none;
}

.actueel a:visited {
color:#79097f;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}

/* TOEVOEGING VIEW CONTENT LINKS */

.view-content a:link {
color:#000080;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.view-content a:hover {
color:#000000;		
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:underline;	
background-image: none;
}

.view-content a:visited {
color:#79097f;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}

/* TOEVOEGING VIEW HEADER LINKS */

.view-header a:link {
color:#000080;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.view-header a:hover {
color:#000000;		
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:underline;	
background-image: none;
}

.view-header a:visited {
color:#79097f;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}


/* TOEVOEGING PANE_CONTENT LINKS */

.pane-content a:link {
color:#000080;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.pane-content a:hover {
color:#000000;		
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:underline;	
background-image: none;
}

.pane-content a:visited {
color:#79097f;	
background-color:#ffffff;
font-size: 10pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}



/* LINKS NAAST ELKAAR */
.bef-select-as-links .form-item {
 float: left;
margin: 5px;
}


/* CEL */

.cel h3 {
color:#000000;		
padding-top:1em;
font-size: 11pt;	
font-weight: bold;
text-decoration:none;
background-image: none;
}


.cel h3 a:link {
color:#000000;		
padding-top:1em;
font-size: 11pt;
font-weight: bold;
text-decoration:none;
background-image: none;	
}

.cel h3 a:hover {
color:#000000;		
padding-top:1em;
font-size: 11pt;
font-weight: bold;
text-decoration:none;	
background-image: none;
}

.cel h3 a:visited {
color:#000000;		
padding-top:1em;
font-size: 11pt;
font-weight: bold;
text-decoration:none;
background-image: none;
}

.kpcover {
float:right;
margin: 10px;
}



.mmgblok {
float: right;
width: 180px;
margin-left: 10px;
margin-bottom: 10px;	
background-color:#ffffff;
border: 1px solid #ffffff;	
overflow: hidden;				
}

.mmgkopje {
font-size:x-small;
text-align:center;
overflow: hidden;
}

.mmgblok2 {
float: right;
width: 240px;
margin-left: 10px;
margin-bottom: 10px;	
background-color:#ffffff;
border: 1px solid #ffffff;
overflow: hidden;						
}


#wrapblok1 {
    width: 500px;
height: 250px;
  }
#blok1 {
    width: 250px;
float: left;
}
#blok2 {
     width: 20px;
float: left;
}
#blok3 {
     width: 250px;
float: left;
}
#wrapblok2 {
    width: 500px;
height:20px;
  }
#wrapblok3 {
    width: 500px;
  }