@import url(reset.css);
strong {font-weight:bold;}
em { font-style:italic;}


h1 { color:#22B8DB;
     font-size:22px;
     line-height: 22px;
     font-weight:bold;
}

h2 {
    color:#22B8DB;
    font-size:105%;
}

h2.alt { 
     color:#22B8DB;
     font-size:18px;
     font-weight:bold;
}


h3 {
    color:#22B8DB;
    font-size:115%;
    font-weight:bold;
    margin-bottom:4px;
}


h3.upper {
    font-weight:normal;
    text-transform:uppercase;
    font-size:110%;
}

.widget h4 {
    margin-left:-12px;
    color:#fff;
    background-image:url('/img/widget-header.png');
    background-repeat:no-repeat;
    width:264px;
    height:21px;
    font-size:110%;
    font-weight:bold;
    padding:4px 10px 0 10px;
}


p {
    margin-bottom:5px;
}



body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8333em;
    background:#fff;
    background-image:url('/img/background.gif');
    background-position:center top;
    line-height:1.3;
}

#top-container {
    margin-top:22px;
    min-height:500px;
}

#bottom-container {
    background-color: #00ADD6;
    min-height:200px;
    color:#22B8DB;
}

#footer {
    color:#fff;
    font-size:10px;
    background:#42C3E2;
    padding:15px 0 15px 0;
    text-align:center;
}

#footer a{
	color:#fff;	
}


.wrapper {
    width:965px;
    margin:auto;
}


#header {
    
}   

#header a#home {
    float:left;
}

/* home */
#header ul {
    font-size:110%;
    font-weight:bold;
    margin-left:-2px;
    float:left;
    margin-top:28px;
}

#header ul li {
    float:left;
    margin-right:1px;
}
#header ul li a {
    text-decoration:none;
    background:#00ADD6;
    color:#fff;
    display:block;
    height:30px;
    padding:5px 10px 5px 10px;

}

#header ul li a:hover,#header ul li a.active {
    background:#42C3E2;
}

#header ul li a.selected {
    background:#42C3E2;
}

#header ul.submenu {
    background:#42C3E2;
    font-size:11px;
    position:absolute;
    color:#fff;
    font-weight:normal;
    margin-top:68px;
    margin-left:94px;
    height:13px;
    padding:2px 0 4px 0;
    width:530px;

}

#header ul.submenu li {
    padding:0 12px 0 12px;
    border-right:1px solid #fff;
}

#header ul.submenu li a {
    padding:0;
    margin:0;
    height:auto;
    background:#42C3E2;
    color:#fff;
    display:block;
}


#header img#tekstballon {
    position:absolute;
    float:right;
    width:205px;
    margin-left:-135px;
    margin-top:-10px;
    z-index:20;
}

/***/

#content-corner {
    background-image:url('/img/content-top.png');
    height:9px;
}

#content-middle {

    height:auto;
}

.content-550 {
    width:550px;
    margin-left:95px;
    margin-top:0;
    float:left;
}

#column-corner {
    background-image:url('/img/column-top.png');
    height:9px;
}
#column-middle {
    background:#fff;
}

.column-300 {
    width:300px;
    float:left;
    margin-left:20px;
    margin-top:0px;
}

#content-bottom {
    background:#D8F2F8;
    margin-top:0px;
    min-height:185px;
    padding-top:15px;
}

#column-bottom {
    margin-top:0px;
    min-height:185px;
    background:#D8F2F8;
    padding-top:15px;
}

.wrap {
    padding:0px 20px 0px 20px;
    background-color:#fff;
}

#breadcrumb {
    color:gray;
    font-size:10px;
    margin-bottom:5px;
}

#breadcrumb span {
    margin-right:4px;

}

#breadcrumb a {
    text-decoration:none;
    color:#00ADD6;
}


#breadcrumb a.level1 {
    text-decoration:underline;
    margin-right:4px;
	background-image:url(/img/crumb-arrow.png);
    background-position:right;
    background-repeat:no-repeat;
	 padding-right:8px;
    margin-right:4px;
}
#breadcrumb a.endlevel {
    
    padding-right:8px;
    margin-right:4px;
}


.text,
.textfield {
    color:#8D9093;
    margin-top:20px;
}

.text img,
.textfield img {
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}

div.link {
    text-align:right;
}
div.lied div.flsh {
	display: block;
	float: left;
	height: 50px;
}
div.lied div.link {
	margin-top: 17px;
	margin-left: 0px;
	display: block;
	float: left;
	height: 20px;
vertical-align:middle;
}

div.link a.red-link {
    background-image:url(/img/red-arrow.png);
    background-position:right;
    background-repeat:no-repeat;
    padding-right:10px;
    color:#E81220;
}


div.col {
    float:left;
    margin-right:5%;
    width:45%;
}
a.button-xl {
    padding-top:10px;
    display:block;
}

div.cite {
    font-style:italic;
}

.number {
    background:#E81220;
    color:#fff;
    padding:5px 3px 0px 1px;
    width:16px;
height:20px;
    float:left;
    text-align:center;
    margin-right:10px;
    font-size:11px;
    font-weight:bold;
}

div.selector {
    padding-bottom:3px;
    background:#D9F3F9;
    color:#00ADD6;
    font-weight:bold;
    margin-bottom:2px;
}

div.selector .header {
    padding:3px 0 3px 0;
    cursor:pointer;
}

#accordion .text,
#accordion .textfield {
    padding:10px 10px 10px 30px;
    margin:0;
}

div.blue-text {
    color:#22B8DB;
    margin-bottom:30px;
}

div.youtube {
    margin-top:10px;
}

div.flash {
    background-image: url(/img/sterretjes.png);

    background-repeat:no-repeat;
    padding-top:20px;
}

.widget .text {
    padding:5px 10px 5px 10px;
    margin:0px;

}

#menu2 li ul {
display:none;
}

#myContent {
  margin-top:-50px;
  margin-left:-10px;
  position:absolute;
  z-index:10;
}

#visielijst table
{
	width:100%;
}

#visielijst th
{
	font-weight:bold;
	color:#22B8DB;
	padding:5px;
	padding-right:10px;
}

#visielijst td
{
	padding:5px;
	padding-right:10px;
}

div.clear {
	clear: both;
}

#visielijst table.namefilter td
{
	text-align: center;
	padding: 0px 0px 10px 0px;

}
#visielijst table.namefilter td a
{
	text-decoration: none;
	display: block;
	padding: 5px 0px;
	outline: none;
}
#visielijst table.namefilter td a:hover 
{
	text-decoration: none;
	background-color: #42c3e2;
	color: white;
}
#visielijst table.namefilter td a:hover h2
{
	color: white;
	font-weight: bold;
}
#visielijst table.namefilter td a h2
{
	font-weight: bold;
}









#submitStoryForm ul
{
	margin-top: 10px;
	display: block;
	width: 100%;
}

#submitStoryForm ul.namerow li
{
	width: 165px;
	height: 25px;
}
#submitStoryForm ul.namerow input:focus
{
    	background:#D8F2F8;
}

#submitStoryForm ul.namerow input
{
	border: 1px solid #42c3e2;
	padding: 2px 3px;
	width: 154px;
	color: black;
}

#submitStoryForm ul.namerow input.watermark
{
	color: gray;
	font-style: italic;
}

#submitStoryForm ul.namerow select
{
	border: 1px solid #42c3e2;
	height: 22px;
	width: 160px;
	*margin-top: 1px;
}

#submitStoryForm ul.namerow label
{
	display: none;
}

#submitStoryForm ul.namerow
{
	height: 25px;
}

#submitStoryForm ul li
{
	display: block;
	float: left;
}

#submitStoryForm ul.messagerow li.message
{
	width: 381px;
}
#submitStoryForm ul.messagerow li.message textarea.txtSlot
{
	padding: 5px;
	width: 355px;
	height:	90px;
	border: 1px solid #42c3e2;
}

#submitStoryForm ul.messagerow li.msgsubmit
{
	width: 106px;	
	text-align: center;
}

#submitStoryForm ul.messagerow li.msgsubmit span
{
	color: #8d9093;
	font-size: 11px;
	display: block;
	margin-top: 15px;

}

#submitStoryForm ul.messagerow li.msgsubmit span.characters
{
	background: #FFFFFF;
	border: 1px solid #42c3e2;
	width: 51px;
	font-size: 18px;
	color: #42c3e2;
	padding: 0px 3px;
	margin: 5px auto 10px auto;
	font-weight: bold;
}

#charCounter.limitReached
{
	border-color: red;
	color: red;
}

#submitStoryForm ul.messagerow li.msgsubmit input.btnsubmit
{
	background: url(/images/btnsubmit.png) no-repeat;
	width:103px;
	height:39px;
	border-width: 0px;
}

#submitStoryForm ul.messagerow
{
	height: 120px;
}

a.buttonToSlot
{
	background: url(/images/btnstuurjeslot.png) no-repeat;
	display:block;
	width:104px;
	height: 39px;
	float:right;
	margin-left: 10px;
}
a.buttonRegelement
{
	float:right;
	margin-left: 10px;
}

span.author
{
	font-weight: normal;
}

a.lnkMeer
{
	float: right;
	display: block;
	width: 150px;
	text-align: right;
	height: 22px;
	padding: 0px 10px 0px 0px;
	margin-top: 10px;
    	background-image:url(/img/red-arrow.png);
    	background-position:right;
    	background-repeat:no-repeat;
    	color:#E81220;
}




/* wijzigingen vermeyen maarten hieronder */

#searchholder {
	margin-top:10px;
}

#search{
	margin-top:20px;
	padding:10px;
	padding-bottom:5px;
	vertical-align:text-top;
	background-color:#d9f3f9;
}

#searchField,
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolderDefault_VIPS_3_searchField
{ 
    	border:1px solid #00ADD6; 
    	font-family:arial, sans-serif;
    	font-size:13px;
	padding:7px;
	width:274px;
	float:left;
	margin-right:10px;
}

#searchButton{
	background-color:#d9f3f9;
}



#VIPgallery{
	margin-top:20px;
	width:510px;
}

#VIPgallery li {
	display: block;
	float: left;
	width: 100px;
	height: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:0.8333em;
	text-align: center;
	color:#00BADB;
}


#VIPgallery li a {
	text-decoration: none;
	color:#00BADB;
}

#VIPgallery li a:hover {
	color: #545454;
}

#VIPgallery li a img {
	text-decoration: none;
}

.galleryDetailPhoto{
	width:224px;
	height:229px;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:20px;
}

h2.middle {
    color:#22B8DB;
    font-size:105%;
	margin-top:20px;
}



#column-bottom h4 {
    margin-left:8px;
    color:#fff;
    background-image:url('/img/widget-header.png');
    background-repeat:no-repeat;
    width:264px;
    height:21px;
    font-size:110%;
    font-weight:bold;
    padding:4px 10px 0 10px;
}

.gallery li li {
	margin-left: 20px;
}

.gallery li a {
	display: block;
	padding-left: 28px;
	line-height: 21px;
	background-color: #d9f3f9;
	margin-bottom: 3px;
	/*background-image: url(../img/qa-number.png);
	background-position: left top;
	background-repeat: no-repeat;*/
	text-decoration: none;
	color: #22B8DB;
	*margin-top:-17px;
	*padding:3px 0 0 28px;
}

/*
#gallery a.li_close {
	background-image: url(../img/qa-number-close.png);
	color: #F00;
}
#gallery a.li_open {
	background-image: url(../img/qa-number-open.png);
	
}*/

.gallery div.hitarea,
.gallery div.up,
.gallery div.right,
.gallery div.expandable-hitarea,
.gallery div.collapsable-hitarea {
	/*display:block;*/
	width:22px;
	height:21px;
	cursor:pointer;
	float:left;
	*position:relative;
	*bottom:-3px;
	*left:0;
}

.gallery div.hitarea {
	background-image: url(../img/qa-number.png);
}
.gallery div.expandable-hitarea {
	background-image: url(../img/qa-number-open.png);
}
.gallery div.collapsable-hitarea {
	background-image: url(../img/qa-number-close.png);
}
.gallery div.up {
	background-image: url(../img/qa-up.png);
	width:22px;
}
.gallery div.right {
	background-image: url(../img/qa-right.png);
	width:22px;
}

.thumb
{
	margin-bottom:5px;
	margin-left:5px;
}

/* pager */
div.pager {
	clear:both;
	margin:0 0 30px 0;
	width:510px;
	text-align:center;
	padding:5px 0;
}

div.pager a {
	color:#00ADD6;
	text-decoration:none;

}
div.pager a, 
div.pager span a ,
div.pager span span {
	border:1px solid #00ADD6;
	padding: 3px;
	/*display:block;*/
	margin:0 1px;
	/*float:left;*/
}

div.pager span span.selected {
	background-color:#00ADD6;
	color:#fff;
}

div.pager a:hover {
	background-color:#00ADD6;
	color:#fff;
}

/* extra button */
#column-middle .button-xl {
	position:absolute;
	top:300px;
}


/*ADD 1301*/
#bottom-container {
    	background-color: #00ADD6;
    	min-height:200px;
    	color:#22B8DB;
}

.wrap {
	padding:0px 20px 0px 20px;
    	padding:0px 8px 0px 20px;
    	background-color:#fff;
    	float:left;
}
#content-bottom .wrap{
	background:none;
}

div#accordion div.text,
div#accordion div.textfield{
	height:auto;
}

div.holder-bg-content{
	float:left;
	margin-top:29px;
	background:url(../img/holder-bg-content.gif) repeat-y 0 0;
	border:0px solid red;
	width:965px;
	*float:none;
	*height:100%;
}

#content-corner {
    	background-image:url('/img/content-top.png');
   	height:9px;
	position:relative;
	top:-9px;
}

#column-corner {
    	background-image:url('/img/column-top.png');
    	height:9px;
	position:relative;
	top:-9px;
}

div.pager {
	clear:both;
	width:510px;
	text-align:center;
}

a:hover{text-decoration:none;}


span.caption{
	display:block;
}

div.col-wrapper{
	*width:235px;
}

















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
