/* Dit bestand (design.css) is onderdeel van het basis ontwerp            */
/* voor het Smartsite 1-2-3 concept dat ontwikkeld is door                */
/* Imtech ICT Velocity te Den Haag.                                       */
/* Author: M. Hoefman - Date: july 10 2009                                */
* {
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
img {
       border: 0px;
       margin: 0px 5px 0px 0px;
}
h1 {
       font-size: 24px;
}
body {
       background: #dfced1 url(/Designs/AWVNinternet/images/body_bck.png) repeat-x;
}
.container .main .athome,
.container .main .atledenhome,
.container .main .notledenhome,
.container .main .atinsitehome,
.container .main .notinsitehome
 {
       display: none;
}
.d13456home .container .main .athome {
       display: block;
}
.d13456home .container .main .nothome {
       display: none;
}
.wpz1 {
       background: #dfced1 url(/Designs/AWVNinternet/images/page_bck.png) repeat-y;
}
.wpz1 .wplogo {
       background: #dfced1 url(/Designs/AWVNinternet/images/wpz1_bck.png) no-repeat;
       padding-left: 20px;
       margin-bottom: 21px;
}
.wpz1 .ultopnav {
       width: 301px;
       background: none;
       font-size: 12px;
       padding: 0px 10px;
       margin: 20px 20px;
       white-space:nowrap;
       list-style-type:none;
       float: right;
       text-align: right;
}
.wpz1 .ultopnav a:link, .wpz1 .ultopnav a:visited {
       color: #981f34;
       font-weight: normal;
       text-decoration: none;
}
.wpz1 .ultopnav a:hover, .wpz1 .ultopnav a:active {
       color: #981f34;
       font-weight: normal;
       text-decoration: underline;
}
.wpz1 .ultopnav li {
       display: inline;
}
.main .wpz3 .wp a:link, 
.main .wpz3 .wp a:visited,
.main .wpz4 .wp a:link, 
.main .wpz4 .wp a:visited,
.main .wpz6 .wp a:link, 
.main .wpz6 .wp a:visited {
       color: #981f34;
       text-decoration: none;
}
.main .wpz3 .wp a:hover, 
.main .wpz3 .wp a:active,
.main .wpz4 .wp a:hover, 
.main .wpz4 .wp a:active,
.main .wpz6 .wp a:hover, 
.main .wpz6 .wp a:active {
       color: #981f34;
       text-decoration: underline;
}
.container {
       text-align: center;
}
.container .wpz1, .container .wpz2, .container .wpz3, .container .wpz4, .container .wpz5, .container .wpz6 {
       text-align: left;
}
.container .main .wpz5 a:link, 
.container .main .wpz5 a:visited{
       color: #981f34;
       font-weight: normal;
       text-decoration: none;
}
.container .main .wpz5 a:hover, 
.container .main .wpz5 a:active{
       color: #981f34;
       font-weight: normal;
       text-decoration: underline;
}
.main {
       background: #dfced1 url(/Designs/AWVNinternet/images/main_bck.png) repeat-y;
       padding: 0px 0px 0px 0px;
       margin: 0px 0px 0px 0px;
       font-size: 12px;
}
.container .main hr {
	height: 1px;
	background-color: #981f34;
	border-width: 0px;
}
.container .main .wp .wphd {
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size: 25px;
       color: #981f34;
       font-weight: normal;
       border-top: 1px solid #981f34;
       border-left: 1px solid #981f34;
       border-right: 1px solid #981f34;
       padding-left: 4px;
}
.container .main .wp .wpft {
       font-size: 12px;
       border-bottom: 1px solid #981f34;
       border-left: 1px solid #981f34;
       border-right: 1px solid #981f34;
       padding-left: 5px;
}
.container .main .wp .wpbd .description {
       margin-top: 4px;
       font-weight: 900;
       line-height: 1.3em;
}
.container .main .wp .wpbd .content {
       margin-top: 4px;
       line-height: 1.3em; 
       padding-bottom: 6px;
       /* border-bottom: 1px solid #981f34; */
}
.container .main .wpspotlightnieuws {
       background: #fff url(/Designs/AWVNinternet/images/embleem_bck_pos.gif) no-repeat top left;
}
.container .main .latestnewsbox {
       background: #fff url(/Designs/AWVNinternet/images/embleem_bck_pos.gif) no-repeat top left;
}
.container .main .wpspotlightcursus {
       background-image: url(/Designs/AWVNinternet/images/embleem_bck_diap.gif);
       background-repeat: no-repeat;
       background-position: top left;
}
.container .main .wpspotlightnieuws .wpbd p, .container .main .latestnewsbox .wpbd p{
       padding: 10px 0px 0px 0px;
       margin: 0px 0px 0px 0px;
}
.container .main .wpz3 .wpspotlightnieuws .wpbd .image {
       overflow: hidden;
       width: 100%; /* veranderd: was 319px */
       height: 119px;
       margin: 0px 0px 0px 0px;
       background-position: center;
       background-repeat:  no-repeat;
       float: inherit;
}
.container .main .wpz4 .wpspotlightnieuws .wpbd .image {
       overflow: hidden;
       width: 284px;
       height: 117px;
       background-position: center;
       background-repeat:  no-repeat;
       float: inherit;
}
.container .main .wpz6 .wpspotlightnieuws .wpbd .image {
       overflow: hidden;
       width: 279px;
       height: 119px;
       background-position: center;
       background-repeat:  no-repeat;
       float: inherit;
}
.container .main .latestnewsbox .wpbd .image {
       overflow: hidden;
       width: 72px;
       height: 54px;
       background-position: center;
       background-repeat:  no-repeat;
       float: left;
       margin-right: 5px;
       border: 0px;
}
.thumb {
       width: 70px;
       height: 50px;
       overflow: hidden;
       float: left;
       margin-right: 4px;
       margin-top: 2px;
}
.main .more {
       width: 100%;
       position: relative;
       text-align: right;
}
.main .latestnewsbox .item{
       padding-bottom: 2px;
       border-bottom: 1px solid #981f34;
}
.main .latestnewsbox .item:first-child {
       padding-top: 2px;
       padding-bottom: 2px;
       border-top: 1px solid #981f34;
       border-bottom: 1px solid #981f34;
}
.main .wpspotlightcursus .item{
       padding-bottom: 2px;
       border-bottom: 1px solid #981f34;
}
.main .wpspotlightcursus .item:first-child {
       padding-top: 2px;
       padding-bottom: 2px;
       border-top: 1px solid #981f34;
       border-bottom: 1px solid #981f34;
}
.container .main .wplogocarrousel .wphd {      
       overflow: hidden;
}
.container .main .wplogocarrousel .wpbd {
}
.container .main .wplogocarrousel .wpft {
       height: 2px;
       overflow: hidden;
}
.container .main .wpz3 .wpkruimelpad .wphd,
.container .main .wpz3 .wpkruimelpad .wpft{
       display: none;
}
.container .main .wpz3 .wpkruimelpad .wpbd{
       border-top: 1px solid #981f34;
}
.container .main .wpz3 .wpkruimelpad {
       width: 100%;
}
.d13456home .container .main .wpz3 .wpkruimelpad {
       display: none;
}
.d1356 .container .main .wpz3 .wp .wphd,
.d1356 .container .main .wpz3 .wp .wpbd,
.d1356 .container .main .wpz3 .wp .wpft {
       border: 0px;
}
.d1356 .container .main .wpz3 .wpblokkenoverzicht {
       width: 728px;
}
.d1356 .container .main .wpz3 .wpblokkenoverzicht {
       border: 0px;
}
.d13456 .container .main .wpz4 .wppromoblokken .wphd,
.d13456 .container .main .wpz4 .wppromoblokken .wpbd,
.d13456 .container .main .wpz4 .wppromoblokken .wpft,
.d13456 .container .main .wpz6 .wppromoblokken .wphd,
.d13456 .container .main .wpz6 .wppromoblokken .wpbd,
.d13456 .container .main .wpz6 .wppromoblokken .wpft,
.d1356 .container .main .wpz6 .wppromoblokken .wphd,
.d1356 .container .main .wpz6 .wppromoblokken .wpbd,
.d1356 .container .main .wpz6 .wppromoblokken .wpft   {
       border: 0px;
}
.d1356 .container .main .wpz3 .wpblokkenoverzicht .wphd, 
.d1356 .container .main .wpz3 .wpblokkenoverzicht .wpbd {
       padding: 0px;
}


.container .main .wpz3 .wpblokkenoverzicht .blok {
       background:#FFFFFF url(/Designs/AWVNinternet/images/embleem_bck_pos.gif) no-repeat scroll left top;
       border:1px solid #981F34;
       padding: 5px;
       float: left;
       margin: 0px 10px 10px 0px;
}
.container .main .wpz3 .wpblokkenoverzicht .blok .image{
       padding: 0px;
       margin: 0px;
}
.container .main .wpz3 .wpblokkenoverzicht .blokmore {
       width: 100%;
       top: 250px;
       float: right;
       text-align: right;
}
.d1356 .container .main .wpz3 .wpblokkenoverzicht .wpft {
       float: left;
       
}
.d1356 .container .main .wpz3 .wpblokkenoverzicht .blok {
       width: 219px;
       height: 270px;
}


/* HIERONDER 8 APRIL GEWIJZIGD */
.container .wpz3 .wpblokkenoverzicht .blok .blokkop {
       font-size:16px;
	   font-weight:900;
	   color: #981F34;
}
.container .wpz3 .wpblokkenoverzicht .blok .blokcontent {
       border-bottom: 1px solid #981F34;
	   margin-top: 0px;
	   height: 254px;
}
.container .wpz3 .wpblokkenoverzicht .blok .blokcontent_np {
       border-bottom: 1px solid #981F34;
	   text-align: left;
	   margin-top: 0px;
	   height: 254px;
}

/* HIERBOVEN OP 8 APRIL GEWIJZIGD */


.d1356 .container .main .wpz6 .wp .wphd {
       font-size: 16px;
       font-weight: 900;
}
.d1356 .container .main .wpz6 .wp .wpbd a {
       font-weight: 100;
}

.d135 .container .main .wpz3 .wp {
       padding: 0px;
}
.d135 .container .main .wpz3 .wp .wphd,
.d135 .container .main .wpz3 .wp .wpbd,
.d135 .container .main .wpz3 .wp .wpft {
       border: 0px;
       padding: 0px;
       margin: 0px;
}
.d135 .container .main .wpz3 .wp .wpbd img {
       border: 0px;
       margin-right: 10px;
}


.zoek {
       display: none;
}
.wpz1 .zoek {
       display: block;
       margin: 0px 10px 0px 743px;
       position: absolute;
       top: 102px;
       width: 206px;
	   white-space: nowrap;
	   text-align: right;
}

.d13456 .container .main .wpz3 .wpblokkenoverzicht {
       width: 590px;
       float: left;
}
.d13456 .container .main .wpz3 .wpblokkenoverzicht .blok {
       width: 170px;
       height: 270px;
}

.d13456 .container .main .wpz3 .wpblokkenoverzicht .wphd,
.d13456 .container .main .wpz3 .wpblokkenoverzicht .wpbd,
.d13456 .container .main .wpz3 .wpblokkenoverzicht .wpft {
       border: 0px;
       width: 590px;
}
.d13456 .container .main .wpz3 .wpkruimelpad .wphd,
.d13456 .container .main .wpz3 .wpkruimelpad .wpbd,
.d13456 .container .main .wpz3 .wpkruimelpad .wpft {
       border: 0px;
}

.d1356 .wpz3 .image {
             margin-right: 10px;
             vertical-align: top;
}
.container .main .wpz4 .bannerbox .wpbd, .container .main .wpz6 .bannerbox .wpbd {
border:0px ;
}

.container .main .wpz3 .overview .wpbd .item .image {
       float: left;
}
.container .main .wpz3 .overview .wpbd .item .titlebox {
       font-size: 12px;
       font-weight: 900;
}
.container .main .wpz3 .overview .wpbd .item .date {
       font-size: 10px;
       font-weight: 100;
}
.container .main .wpz3 .overview .wpbd .item .description {
       font-size: 12px;
       font-weight: 100;
}
.container .main .overview H1 {
       color: #981F34;
}

.container .main .wpz3 .courseoverviewbox .wpbd .item .date {
       font-size: 14px;
}
.container .main .wpz6 .wppersondetails .wpbd p,
.container .main .wpz4 .wppersondetails .wpbd p {
       margin: 0px;
}.container .main .wpnews .datum {
       float: right;
       font-size: 11px;
       padding-top: 7px;
}
.container .main .wpnews H1 {
       margin-top: 0px
}


.container .main .wpcoursebox td {
       vertical-align: top;
}
.container .main .wpcoursebox .col1 {
       width: 80px;
}
.container .main .wpcoursebox th {
       font-weight: 900;
       text-align: right;
       padding-right: 10px;
       vertical-align: top;
       white-space: nowrap;
}
.centered {
    background-position: 50% 50%;    
}
br {
       padding: 0px;
       margin: 0px;
}

.container .wpz4 .categoriesbox .wpbd,
.container .wpz4 .calenderbox .wpbd,
.container .wpz6 .categoriesbox .wpbd,
.container .wpz6 .calenderbox .wpbd {
       padding-bottom: 4px;
       border-bottom: 1px solid #981F34;
}
.d13456home .container .wpz3 .pollbox .wpbd,
.container .wpz4 .pollbox .wpbd,
.container .wpz6 .pollbox .wpbd {
       border-bottom: 1px solid #981F34;
       border-top: 1px solid #981F34;
}
.d135 .container .wpz3 .wp,
.d135 .container .wpz3 .wp .wphd,
.d135 .container .wpz3 .wp .wpbd,
.d135 .container .wpz3 .wp .wpft,
.d1356 .container .wpz3 .wp,
.d1356 .container .wpz3 .wp .wphd,
.d1356 .container .wpz3 .wp .wpbd,
.d1356 .container .wpz3 .wp .wpft,
.d13456 .container .wpz3 .wp,
.d13456 .container .wpz3 .wp .wphd,
.d13456 .container .wpz3 .wp .wpbd,
.d13456 .container .wpz3 .wp .wpft,
.container .wpz .body2box .wpbd,
.container .wpz .body3box .wpbd,
.container .wpz .body4box .wpbd {
       border: 0px;
}

.d1356 .container .wpz6 .wp .wpbd p,
.d13456 .container .wpz4 .wp .wpbd p,
.d13456 .container .wpz6 .wp .wpbd p,
.d1356 .container .wpz6 .stats h2,
.d13456 .container .wpz4 .stats h2,
.d13456 .container .wpz6 .stats h2 {
       margin-top: 0px;
       margin-bottom: 0px;
}

.container .calender .topnav {
       background-color: #981F34;
       color: #fff;
}
.container .main .wpz .calender a:link, .container .main .wpz .calender a:visited {
       text-decoration: underline;
}
.searchresult .rankelement {
       background: #981F34;
       border: 1px solid #981F34;
}
.main .wpzoeken .searchrank .norankelement {
	background-color: #981F34;
       border: 1px solid #981F34;
}
.main .wpzoeken .searchrank .rankelement {
	background-color: #fff;
}
.searchresult tr td {
       background: #DFCED1;
       padding: 4px 10px;
}
.searchresult tr th {
       vertical-align: top;
}
.container .main .wpz .blue .smlboxcompacttop, .container .main .wpz .blue .smlboxcompacttop span {
       background-image: url(/Designs/AWVNinternet/images/boxctop_awvn.png);
}
.container .main .wpz3 .wpfotocarrousel .wpbd .bannertext.white {
       color: white;
}

.container .main .wpz3 .wpfotocarrousel .wpbd .innerfade img {
       width: 100%;
       height: auto;
}
.container .main .wpz3 .wplogocarrousel .wpbd .scrollwrapper {
       width: 100%;
}
.container .main .latestaddsbox .wphd {
       font-weight: 900;
}
.container .main .latestaddsbox .wpbd,
.container .main .latestaddsbox .wpbd a,
.container .main .latestaddsbox .wphd {
       font-weight: 100;
}
.container form fieldset {
       border: 0px;
}
.container form textarea {
       width: 100%;
}
.container table td {
       vertical-align: top;
}
.container .debug {
       background-color: #ff6 ;
}
.container .wpz .reagerenbox .wphd,
.container .wpz .reagerenbox .wpft,
.container .wpz .wppromoblokken .wphd,
.container .wpz .wppromoblokken .wpft {
       display: none;
}
.container .main .wpz4 .wpspotlightnieuws .wpbd .image,
.container .main .wpz6 .wpspotlightnieuws .wpbd .image {
       width: 100%;
}
.container .wpz4 .wp .wpbd,
.container .wpz6 .wp .wpbd,
.container .wpz4 .wp .wphd,
.container .wpz6 .wp .wphd {
       overflow: hidden;
       padding-right: 4px;
}

body {
       text-align: center;
}
body #debugtoggle:link,
body #debugtoggle:visited {
       color: buttonshadow;
       background-color: buttonface;
       padding: 2px 2px;
       text-decoration: none;
       border-top: 2px solid buttonhighlight;
       border-left: 2px solid buttonhighlight;
       border-bottom: 2px solid buttonshadow;
       border-right: 2px solid buttonshadow;
}
body #debugtoggle:hover,
body #debugtoggle:active {
       color: AppWorkspace;
       background-color: buttonface;
       padding: 2px 2px;
       text-decoration: none;
       border-top: 2px solid buttonhighlight;
       border-left: 2px solid buttonhighlight;
       border-bottom: 2px solid buttonshadow;
       border-right: 2px solid buttonshadow;
}
.container .wpz .wp .wpbd .category {
       padding-top: 0px;
       margin-top: 2px;
       font-size: 11px;
       color: #999; 
}
.container .wpz .wp .wphd h1 {
       padding-top: 4px;
       margin-top: 4px;
       padding-bottom: 0px;
       margin-bottom: 0px;
}
.container .main .wpz .personsoverviewbox .wpft  {
       clear: both;
}
.container .main .wpz .personsoverviewbox .wpbd  { 
       height: 700px;
}
.container .main .wpz .personsoverviewbox .wpbd .item { /* .imagerow */
       float: left;
       width: 120px; <--// veranderd-->
       height: 140px;
       margin-top: 10px;
}
.container .main .wpz .personsoverviewbox .wpbd .item a {/* .imagerow */
       margin-top: 4px;
       margin-bottom: 4px;
}
.container .main .wpz .personsoverviewbox .wpbd .item .imagebox {/* .imagerow */
       overflow: hidden;
       width: 75px;
       height: 110px;
}
.container .main .wpz .personsoverviewbox .wphd {
       display: none;
       margin-bottom: 10px;
}
.container .main .wpz .personsoverviewbox .wpft .listNav .content {
       margin-top: 10px;
       float: left;
       clear: left;
}
.container .main .wpz .personsoverviewbox {
       padding-bottom: 10px;
}
.container .main .wpz4 .wpmailafriend .wpbd,
.container .main .wpz6 .wpmailafriend .wpbd {
       background: url(/Designs/AWVNinternet/images/mailafriend.gif) top left no-repeat;
       padding-left: 25px;
}
.container .main .wpz3 table {
       width: 100%;
}
.container .main .wpz3 .wpcontact table .tdlabel {
       width: 100px;
}
/* JKA vacature form changes */
.wpz3 .wpcontact label {
		display: 	inline-block;
		width: 		200px;
}
.wpz3 .wpcontact span label {
		display: 	inline;
		width:		auto;
}
.container .main .wpz3 .wpcontact .TextareaWrapper {
    margin-left: 204px;
    width: 50%;
}
.wpcontact .submit {
    margin-left: 204px;
	margin-top: 20px;
}
.container .main .wpz3 input[type="file"] {
       width: 50%;
}

/* /form changes see next: */


.container .main .wpz3 .wpmailafriend table .tdlabel {
       width: 100px;
}
.d1356 .container .main .wpz3 table .tdfield {
       width: 650px;
}
.d135 .container .main .wpz3 table .tdfield {
       width: 870px;
}
.container .main .wpz3 textarea {
       width: 99%;
}
.container .main .wpz3 input[type="text"] {
       width: 50%;
}
.container .main .wpz3 input[name="onderwerp"] {
       width: 99%;
}

.container .wpz input[type="text"],
.container .wpz textarea {
       border: 1px solid #CCC;
}
.container .wpz input[type="text"]:focus,
.container .wpz textarea:focus {
       border: 1px solid #981f34;
}
/* JKA vacature form changes 
.container .wpz input.error {
	border: 1px solid red;
}
*/
.container .wpz label.error { 
       float: none; 
       color: red; 
       padding-left: .5em; 
       text-decoration: superscript;
}

table {
       padding: 0px;
       margin: 0px;
       border: 1px solid  #981f34;
       border-collapse:collapse;
}
table.noborder,table.noborder tr th, table.noborder tr td {       
       border: 0px;       
}  
table.bottomborder ,table.bottomborder tr th, table.bottomborder tr td {
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #c7707f;
} 
table.bottomborder .RoleSortListDocuments {
	border-bottom: 1px solid #e1b1ba;
}
table tr th {
       background-color:  #981f34;
       margin: 0px;
       padding: 2px 2px 2px 2px;
       color: white;
       font-weight: bold;
       border: 1px solid  #fff;
}

.container .main .wpzoeken th {
	border: 1px solid #981f34;
}
table tr td {
       margin: 0px;
       padding: 2px 2px 2px 2px;
       border: 1px solid  #981f34;
}
body.internet .bordertop {
       border-top: 1px solid #981f34;
	   padding-top: 5px;
}
body.internet .borderright {
       border-right: 1px solid #981f34;
	   padding-right: 5px;
}
body.internet .borderbottom {
       border-bottom: 1px solid #981f34;
	   padding-bottom: 5px;
}
body.internet .borderleft {
       border-left: 1px solid #981f34;
	   padding-left: 5px;
}
body.leden .bordertop {
       border-top: 1px solid #205386;
	   padding-top: 5px;
}
body.leden .borderright {
       border-right: 1px solid #205386;
	   padding-right: 5px;
}
body.leden .borderbottom {
       border-bottom: 1px solid #205386;
	   padding-bottom: 5px;
}
body.leden .borderleft {
       border-left: 1px solid #205386;
	   padding-left: 5px;
}
body.leden .fifty {
	width: 48%;
}
body.leden .inline {
	display: inline;
}

body.leden .zestigbreed {
	width: 60px;
	height: auto;
}

.displayinline {
	display: inline;
}

.padleft80 {
	padding-left: 80px;
}

body.leden .container .wpz3 .passwordnew,
body.leden .container .wpz3 .equaltopasswordnew {
	margin-left: 80px;
}
.left,
.floatleft {
       float: left;
}
.right,
.floatright {
       float: right;
}
.absmiddle {
		vertical-align: middle;
		margin-bottom: .25em;
		margin-right: 0px;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
body .container .main .wpz .noborder,
body .container .main .wpz .noborder .wphd,
body .container .main .wpz .noborder .wpbd,
body .container .main .wpz .noborder .wpft {
	border: 0px;
}