@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: VVTN
Theme URI: http://www.gyzerwebdesign.nl
Description: Theme voor vvtn.eu
Version: 1.0
Author: Gyzer Webdesign
Author URI: http://www.gyzerwebdesign.nl/

*/

html, body{ margin: 0; padding: 0; font-family: Arial; font-size: 14px; }
p{ margin: 0; padding: 0; }
a img, img{ border: 0; }
a{ color: #133e58; }
a:hover { color: #133e58; text-decoration: none; }

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; overflow-x: hidden; -ms-overflow-x: hidden; }

#wrapper{
}

#cleardiv{ padding-bottom: 50px; }
.cleardiv{ clear: both; }

#footer{ position: relative; margin-top: -30px; height: 30px; clear: both; line-height: 30px; font-size: 11px; }
#footer .center{ width: 500px; position: relative; left: 50%; margin-left: -93px; }
#footer a{ color: #000; }

.alignleft{ float: left; }
.alignright{ float: right; }
img.alignleft{ margin-right: 10px; margin-bottom: 10px; }
img.alignright{ margin-left: 10px; margin-bottom: 10px; }

#header{ 
	width: 1524px; height: 338px; position: relative; left: 50%; margin-left: -762px; z-index: 4;
	background-repeat: no-repeat; 
}

#header .background img{ position: absolute; z-index: 1; }
#header .background img.active{ z-index: 2; }

#header .left_cover{ height: 338px; width: 543px; background: url('images/left_cover.png'); position: absolute; z-index: 12; }
#header .left_cover .logo{ width: 213px; height: 87px; float: right; padding-top: 30px; }
#header .right_cover_wrap{ 
	height: 338px; position: absolute; z-index: 16; right: 0; width: 800px;
}
#header .right_cover_wrap .right_cover_fill{ 
	background: url('images/right_cover_fill.png'); background-repeat: repeat-x; height: 338px; width: 327px; float: right;
}
#header .right_cover_wrap .right_cover_expand{ 
	width: 84px; height: 338px; background: url('images/right_cover_expand.png'); background-repeat: no-repeat; float: right;
}
#header .right_cover_wrap .right_cover_expand ul{ 
	width: 28px; height: 170px; float: right; margin: 30px 0 0 0 ; padding: 0; list-style: none; 
}
#header .right_cover_wrap .right_cover_expand ul li{ width: 28px; height: 29px; margin-bottom: 40px; padding: 0; cursor: pointer; }
#header .right_cover_wrap .right_cover_fill .expanded{ 
	height: 240px; width: 190px; float: left; display: none; margin: 30px 0 0 25px; color: #000; overflow: hidden;
}

#header .title{ 
	width: 478px; height: 74px; z-index: 11; position: absolute; top: 111px; left: 539px; display: block; background: url('images/title.png'); 
	background-repeat: no-repeat;
}
#header .title2{ 
	width: 478px; height: 74px; z-index: 11; position: absolute; top: 236px; left: 461px; display: block; background: url('images/title2.png'); 
	background-repeat: no-repeat;
}
#header .title3{ 
	width: 478px; height: 74px; z-index: 11; position: absolute; top: 33px; left: 535px; display: block; background: url('images/title3.png'); 
	background-repeat: no-repeat;
}

#content_wrap{ width: 870px; position: relative; left: 50%; margin-left: -435px; position: relative; z-index: 12; top: -85px; margin-bottom: -85px; }
#menu_wrap{ width: 241px; height: 590px; background: url('images/bg_menu.png'); background-repeat: no-repeat; float: left; overflow: visible; }
#content_inner_wrap{ 
	width: 629px; min-height: 590px; background: url('images/bg_content.png'); background-repeat: no-repeat; float: left; 
	position: relative; z-index: 10;
}
#content{ margin: 114px 0 0 100px; width: 529px; line-height: 18px; }

p.title{ font-size: 32px; color: #0b2b3e; margin-bottom: 23px; line-height: 32px; }
p{ margin-bottom: 15px; }


#menu{ width: 184px; float: right; margin-top: 116px; position: relative; overflow: visible; }
#menu > ul{ width: 184px; margin: 0; padding: 0; list-style: none; overflow: visible; }
#menu > ul > li{ float: left; position: relative; cursor: pointer; margin-bottom: 1px; overflow: visible; }
#menu > ul > li > a, #menu > ul > li > span{ 
	height: 30px; width: 174px; padding-left: 10px; line-height: 30px; background: #4683a8; float: left; 
	font-weight: bold; text-decoration: none; color: #fff; cursor: pointer; overflow: visible;
}
#menu > ul > li > ul{ width: 184px; margin: 0; padding: 0; list-style: none; display: none; }
#menu > ul > li.active > ul{ display: block; }
#menu > ul > li > ul > li{}
#menu > ul > li > ul > li > a{ 
	height: 30px; width: 169px; padding-left: 15px; line-height: 30px; float: left; margin-bottom: 1px; 
	text-decoration: none; font-size: 13px; color: #fff; cursor: pointer;
}
#accordion li .arrow{ 
	width: 16px; height: 30px; position: absolute; background: url('images/bg_arrow.png'); top:0; left: 184px;
	z-index: 999; display: none;
}
#accordion li.current_page_item .arrow, #accordion li.current_page_ancestor .arrow, #accordion li.current_page_parent .arrow{ display: block; }
#accordion > li.current_page_item a, #accordion li.current_page_ancestor > a, #accordion li.current_page_parent > a{ text-decoration: underline; } 


form{ width: 100%; }
form input.wpcf7-text{ border: #133e58 1px solid; padding: 10px; margin: 0; width: 290px; }
form textarea{ border: #133e58 1px solid; padding: 10px; margin: 0; width: 290px; }

.kjo-link{ display: none; }

.expanded_calendar > ul{ float: left; margin: 0; padding: 0; list-style: square; }
.expanded_calendar > ul > li{ margin-bottom: 15px; }