/*

	STUDIOWEB.NL
	VERSION 1.0
	MODIFIED : April 1, 2009
	
	CONTENTS ----------
	
	   BODY
	   LAYOUT
	   DEFAULT STYLING
	   FORMS
	   LINKS
	   HEADINGS
	   NAVIGATION
	
    -------------------
    
    COLOURS -----------
    
        yellow #f6c013
        blue #005ca4
        white #ffffff
    
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(fancybox.css); /* RESET CSS */

/* BODY
---------------------------------------------------------------------- */

/* LAYOUT BASIC */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0;
	padding: 0;
	min-width: 1069px;
	text-align: left;
	background: #32b3dd url('../img/body.png') top left repeat-x;
}

/* LAYOUT
---------------------------------------------------------------------- */
#wrapper {
	position: relative;
	background: url('../img/wrapper.png') top left repeat-y;
	margin:0px auto;
	padding:0px auto;
	width: 1069px;
/*	min-height: 100%;
	height: auto;*/
}/*
* html #wrapper {
	height: 100%;
}
html>body #wrapper {
	height: auto;
}*/

#header {
	position: relative;
	width:1029px;
	padding:0;
	margin:0 0 0 20px;
	border:0;
	height: 140px;
	background: url('../img/header.png') top left repeat-y;
}
#footer{
	background: url('../img/footer.png') top left no-repeat;
	width: 1069px;
	height: 68px;
	margin:0;
}
#footer-inner{
	font-size: 12px;
	
}
#top {
	width:1029px;
	height:140px;
	background: url('../img/top.png') top left no-repeat;
}
#side-left, #side-right {
	position: absolute;
	top: 0; left: 0;
	width: 20px;
	height: 763px;
	background: url('../img/sides.png') top left no-repeat;
}
#side-right {
	left: auto; right: 0px;
	background-position: -20px 0px;
}
#pagebody{
	width: 1029px;
	min-height: 623px;
	margin:0 0 0 20px;
}


#logo{
	position:absolute;
	top:42px;
	left:20px;
	width:358px;
	height:81px;
	background: url('../img/logo.png') no-repeat;
}
#logotext{
	display: none;
	position:absolute;
	top:67px;
	left:260px;
}

#bannerinfo {
	position:absolute;
	top:130px;
	left:40px;
	width:176px;
	height:39px;
	background: url('../img/banner_info.png') no-repeat;
}

#col-left {
	float:left;
	width:257px;
}
#col-left-inner {
	padding-top: 60px;
}
#col-right {
	background: url('../img/contentright.png') top left no-repeat;
	float:left;
	width:751px;
}
#pagebody.home #col-right {	background-image: url('../img/contentright2.png');}
#pagebody.faq #col-right {	background-image: url('../img/contentright3.png');}

#col-right-inner {
	padding: 5px 8px;
}

#leftmenu {
	background: url('../img/header.png') top left repeat-y;
	min-height: 100px;
	padding-top: 60px;
	padding-bottom: 30px;
}
#leftmenu-bottom {
	background: url('../img/leftmenu_bottom.png') top left no-repeat;
	width: 257px;
	height: 33px;
}

#sidebar-inner {
	margin-left: 15px;
	height:auto;
}

.content {
	clear: both;
	background: url('../img/dot_grey.png') 245px 0px repeat-y;
	margin:0;
	padding:0;
	text-align: left;
}
.content-left {
	float:left;
	width:256px;
}
.content-left-small {
	float:left;
	width:256px;
}
.content-right {
	float:left;
	padding: 2px 0 0 0;
	width:479px;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0;
}

#gallery-wrapper {
	position: relative;
	background: #005ca4 url('../img/gallery.png') no-repeat;
	width:734px;
	height:162px;
	margin-bottom: 18px;
	overflow:hidden;
}
#gallery {
	position: relative;
	margin-left: 20px;
	width:714px;
	height:162px;
	overflow:hidden;
}
#gallery a {
	background: url('../img/gallery_arrow.png') 0px 20px no-repeat;
	position: relative;
	width:714px;
	height:162px;
}
#gallery a img{}
#gallery span.text{
	position: absolute;
	left: 37px;
	top: 19px;
	width: 200px;
	text-align: left;
	color: #ebf0f5;
	font-size: 16px;
	line-height: 20px;
}
#gallery span.link{
	position: absolute;
	left: 37px;
	top: 140px;
	width: 186px;
	text-align: right;
	color: #ebf0f5;
	font-size: 13px;
	line-height: 15px;
}
#gallery div.image{
	float: right;
	width: 480px;
	height:162px;
	overflow:hidden;
}
#gallery a:hover span {
	color: #f6c013;
}
#gallery-overlay{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}


/* DEFAULT STYLING
---------------------------------------------------------------------- */
body {
	font: normal 12px "Trebuchet MS", Arial, sans-serif;
	line-height: 18px;
	color: #18469d;
}
body table, table p {
	font-size: 100%;}
	
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {	
	margin: 1px 0 1px 0;
	display: block;
	font-size: 20px;
	line-height: 22px;
	color: #11529d;
}
h2 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 17px;
	line-height: 19px;
	color: #11529d;
}
h3 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 15px;
	line-height: 17px;
	color: #11529d;
}
h1 a, h2 a, h3 a { color: #11529d; font-weight: bold;}
h4 {
	margin: 1px 0 1px 0;
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #69897f;
}
h5 {	
	margin: 1px 0 1px 0;
	border-bottom: 1px #11529d solid;
	display: block;
	letter-spacing: 0;
	font-weight: bold;
	color: #11529d;
}
h6 {
	margin: 1px 0 1px 0;
	border-bottom: 1px #11529d solid;
	display: block;
	letter-spacing: 0;
	font-weight: bold;
	color: #69897f;
}
small {
	font-size: 11px;
	line-height: 12px;
}
.class1 {
	font-size: 11px;
	line-height: 13px;
}
.class2 {
	font-size: 12px;
}
.class3 {
	font-size: 12px;
	font-weight: bold;
}
.class4 {
	font-size: 16px;
}
.class5 {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
}
.red, .red * {
	color: #a80916;
	font: inherit;}
.yellow, .yellow * {
	color: #f6c013;
	font: inherit;}
.blue2, .blue2 * {
	color: #32b3dd;
	font: inherit;}

a {
	/*color: #a80916;*/
	color: #11529d ;
	text-decoration: none;
}
a:hover {
	color: #f6c013;
	text-decoration: none;
}
.content a {text-decoration: underline;}

a.btn1 {
	background: url("../img/arrow_blue_s.png") 0px 2px no-repeat; 
	padding: 0 2px 0 21px;
	display: block;
	color: #11529d;
	font-weight: bold;
	text-decoration: none;
}
a.btn1:hover {
	background-image: url("../img/arrow_yellow_s.png"); 
	color: #f6c013;
	text-decoration:none;
}

a.btn-back {
	float: right;
	margin: 0 5px 3px 3px;
}

ul, ol {
	margin: 9px 0 9px 22px;
	padding: 0;
	line-height: 15px;
	list-style: circle;
}
ol {
	list-style: lower-alpha;
}

ul li{
	line-height: 20px;
}


ul.button-list a:hover { 
	background: url("../img/li_over.png") left top no-repeat; 
} 

.action-buttons p {
	float: left;
	display: block;
	background: url("../img/action_button.png") left top no-repeat; 
	margin: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 240px;
	height: 32px;
}
.action-buttons p:hover {
	background-position: 0px -32px; 
}
.action-buttons a {
	display: block;
	margin: 0;
	padding: 6px 4px 0 4px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
}
.action-buttons p.blue, .action-buttons p.blue:hover {
	background: url("../img/action_button_blue.png") left top no-repeat; 
}

blockquote, pre {
	padding: 10px 30px;
}
blockquote {
	font: italic 12px Georgia, Times, serif;
	margin: 8px 0;
}
* html ul, * html ol {
	margin-left: 22px;
}
img {
	margin: 0;
	padding: 0;
	border-color: #bce3e7;
}
.content-image {
	position: relative;
	margin-bottom: 14px;
}
.content-image img {
	display: block;
}
.image-corner-top, .image-corner-bottom {
	position: absolute;
	background: url("../img/image_corner.png") left top no-repeat; 
	width: 240px; height: 10px;
}
.image-corner-bottom {
	background-position: 0px -10px;
	bottom: 0px;
}

.blueborder {
	border-top: 1px #bce3e7 solid !important;
	border-bottom: 1px #bce3e7 solid !important;
}
.pointerhand {
	cursor: pointer;
}
/* NAVIGATION
---------------------------------------------------------------------- */
#topmenu1 {
	position: absolute;
	top: 32px;
	right: 21px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
}
#topmenu1 span.corner{
	display: block;
	float: right;
	margin: 0;
}
#topmenu1 span.delim{
	display: block;
	float: right;
	padding: 8px 3px 7px 3px;
	line-height: 12px;
	color: #07903a;
}
#topmenu1 a{
	display: block;
	float: right;
	margin: 0;
	padding: 7px 3px 7px 3px;
	color: #07903a;
	line-height: 12px;
}
#topmenu1 img{
	display: block;
	float: right;
}

#bottommenu {
	position: absolute;
	bottom: 33px;
	left: 300px;
	margin: 0;
	padding: 0;
	width: 730px;
	color: #07903a;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}
#bottommenu a{
	color: #07903a;
}


#topmenu2 {
	position: absolute;
	top: 113px;
	left: 257px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
}
#topnav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	height:28px;
}
#topnav li {
	display: block;
	float:left;
	list-style: none; 
	list-style-image: none;
}
#topnav li a {
	margin: 0 2px 0 0; padding: 0;
	display: block;
	width: 90px;
	height: 28px;
	color: #fff;
	text-decoration: none; 
	background: url('../img/topnav_nl.png') 0px -28px no-repeat;
}	
#topnav li a span{
	display: none;
}
#topnav li#topbutton1 a{ width: 123px;}
#topnav li#topbutton2 a{ width: 198px; background-position: -125px -28px;}
#topnav li#topbutton3 a{ width: 128px; background-position: -325px -28px;}
#topnav li#topbutton4 a{ width: 170px; background-position: -455px -28px;}
#topnav li#topbutton5 a{ width: 124px; background-position: -627px -28px; margin-right: 0;}

#topnav li#topbutton1 a.active{ background-position: 0px 0px;}
#topnav li#topbutton2 a.active{ background-position: -125px 0px;}
#topnav li#topbutton3 a.active{ background-position: -325px 0px;}
#topnav li#topbutton4 a.active{ background-position: -455px 0px;}
#topnav li#topbutton5 a.active{ background-position: -627px 0px;}


#navleft {
	position: relative;
	left: 26px;
}
#navleft h3{
	display: block;
	padding: 0 0 5px 2px;
}
#navleft h3 a{
	color: #005ca4;
	font-weight: bold;
	font-style: italic;
}
#navleft ul{
	position: relative;
	list-style-image: none;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
	border-top: 1px #b1b3b4 solid;
	width: 215px;
	text-align: left;
}
#navleft ul li {
	float:left;
	margin:0;
	padding:0;
	width: 215px;
	list-style: none;
}
#navleft ul li a {
	display: block;
	margin: 0;
	padding: 4px 2px 4px 2px;
	border-bottom: 1px #b1b3b4 solid;
	color:#8e8f91; 
	font-size: 13px;
	text-decoration: none; 
	text-align: left;	
	background: none;
}
#navleft ul li:hover a, #navleft ul li a.active {
	color: #a80916;
}
	

/* second sub ul */
#topnav li:hover ul, #topnav li:hover li:hover ul { 
	display: block !important;
}
	
#topnav li ul ul, #topnav li:hover ul ul {
	display: none !important;
}


/* FORMS
---------------------------------------------------------------------- */
form {
	margin: 0; 
}
form {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
form p {
	margin-bottom: 1px;
}
form fieldset {
	clear: both;
	font-size: 100%;
	border-color: #005ca4;
	border-width: 1px 0 0;
	border-style: solid none none;
	padding: 3px 10px;
	margin: 0;
	font-size: 12px;
}
form fieldset legend {
	margin-left: -2px;	
	font-size: 16px;
	font-weight: normal;
	color: #005ca4;
	margin: 0 0 0 0;
	padding: 0 2px;
}
label.float-left{
	float: left;
	clear: left;
	text-align: left;
	width: 180px;
	font-size: 12px;
	padding-top: 1px;
}
label {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 100%;
}
label.error {
	color: red;
}
label u {
	font-style: normal;
	text-decoration: underline;
}
input, select, textarea {
	font-family: Verdana, Arial, sans-serif;
	color: #11529d;
	margin: 1px 2px;
	padding: 2px 3px;
	font-size: 12px;
	border: 1px #5685bd solid;
}
input.error, input.error:focus {
	border: 1px #f6c013 solid;
}
input:focus, select:focus, textarea:focus {
	border-color: #f6c013;
	color: #11529d;
}
textarea {
	overflow: auto;
}
input.input-text, textarea.textarea-input {
	width: 200px;
}
input.input-text-30 {
	width: 30px;
}
input.input-text-50 {
	width: 50px;
}
.comment-form {
	width: 460px;
}
.input-comment {
	width: 460px;
}
.text-format {
	background: transparent;
	margin: 0;
	padding: 0;
	border: none;
}

/* MISCELLANEOUS
---------------------------------------------------------------------- */

.sidebox1 {
	width:235px;
	margin-bottom: 20px;
	height:auto;
	background: url('../img/sidebox.png') top left repeat-y;
}
.sidebox2 {
	width:235px;
	margin-bottom: 20px;
	height:auto;	
	background: url('../img/sidebox2.png') top left repeat-y;
}

.sidebox1 .sidebox-top{
	background: #f6c013 url('../img/sidebox_title.png') top left no-repeat;
	padding: 5px 5px 5px 25px;
}
.sidebox1 .sidebox-top span{
	color: #005ca4;
	font-weight: bold;
	font-style: italic;
}
.sidebox1 .sidebox-body{}
.sidebox1 .sidebox-delimiter{
	margin: 0 11px;
	border-bottom: 1px #e5e8ee solid;
	height: 0px;
	line-height: 0px; font-size: 0px;
}
.sidebox1 .sidebox-item{
	display: block;
	padding: 4px 10px;
	font-size: 14px;
}
.sidebox1 .sidebox-item a{ 
	display: block;
	padding: 4px 10px 4px 29px;
	background: url('../img/arrow_blue.png') 0px 5px no-repeat;
	color: #005ca4;
}
.sidebox1 .sidebox-item a:hover {
	color: #11529d;
} 
.sidebox1 .sidebox-item a.active{ 
	background: url('../img/arrow_yellow.png') 0px 5px no-repeat;
	color: #11529d;
}
.sidebox1 .sidebox-item.firstitem{
	padding: 8px 10px 4px 10px;
	background: url('../img/sidebox_Rtop_corner.png') top left no-repeat;
}
.sidebox1 .sidebox-item.lastitem{
	padding: 5px 10px 8px 10px;
	background: url('../img/sidebox_bottom_corner.png') bottom left no-repeat;
}

.sidebox2 .sidebox-top{
	background: #b13366 url('../img/sidebox2_title.png') top left no-repeat;
	padding: 5px 5px 5px 25px;
}
.sidebox2 .sidebox-top span{
	color: #fff;
	font-weight: bold;
	font-style: italic;
}
.sidebox2 .sidebox-body{}
.sidebox2 .sidebox-delimiter{
	margin: 0 11px;
	border-bottom: 1px #e5e8ee solid;
	height: 0px;
	line-height: 0px; font-size: 0px;
}
.sidebox2 .sidebox-item{
	display: block;
	padding: 4px 10px;
	font-size: 14px;
}
.sidebox2 .sidebox-item a{ 
	display: block;
	padding: 4px 10px 4px 29px;
	background: url('../img/arrow_blue.png') 0px 5px no-repeat;
	color: #005ca4;
}
.sidebox2 .sidebox-item a:hover {
	color: #11529d;
} 
.sidebox2 .sidebox-item a.active{ 
	background: url('../img/arrow_yellow.png') 0px 5px no-repeat;
	color: #11529d;
}
.sidebox2 .sidebox-item.firstitem{
	padding: 8px 10px 4px 10px;
	background: url('../img/sidebox2_top_corner.png') top left no-repeat;
}
.sidebox2 .sidebox-item.lastitem{
	padding: 5px 10px 8px 10px;
	background: url('../img/sidebox2_bottom_corner.png') bottom left no-repeat;
}


/* frontpage */
#frontpage{}
#frontpage h1 {
	margin-bottom: 1px;
}

#frontpage .col-s {
	width: 170px;
	margin-right: 15px;
}
#frontpage .col-s p{
	margin-bottom: 0px;
}


/* arrangements */
.arrangements{}
.arrangement-item {
	display: block;
	margin-bottom: 15px;
}
.arrangement-image {
	position: relative;
	float: left;
	width: 256px;
	min-height: 80px;
	padding: 0;
	overflow: hidden;
}
.arrangement-image img{
	display: block;
	border: none;
}
.arrangement-body {
	float: left;
	padding: 0;
	width:479px;
	color: #8e8f91;
}
.arrangement-title {
	background: url('../img/arrow_blue2.png') center left no-repeat;
	padding: 2px 0 2px 26px;
}
.arrangement-title:hover {
	background: url('../img/arrow_yellow.png') center left no-repeat;
}

.arrangement-price{
	float: right;
	width: 110px;
	margin: 4px 0 10px 15px;
	padding: 1px;
	border: 1px #5685bd dotted;
}
.arrangement-price div { 
	background: #005ca4;
	margin: 0;
	padding: 8px;
	color: #fff;text-align: center;
}
.arrangement-price span { 
	font-size: 21px;
	font-weight: bold;
	color: #fff;
}

.arrangement-detail-images {
	position: relative;
	margin-bottom: 6px;
	padding: 0;
}
.arrangement-detail-images img{
	display: block;
	border: none;
}


/* news */
.news{}
.news .news-item {
	display: block;
	background: #fff;
	margin-bottom: 15px;
	height: auto;
}
.news .news-item.firstitem {
	width: 491px;
	height: 238px;
	float: left
}
.news .news-item-inner {
	padding: 10px 15px;
}
.news .news-item-image {
	float: left;
	width: 270px;
	min-height: 150px;
	padding: 0;
}
.news .news-item-body {
	padding: 0;
}
.news .news-item.odd {
	margin-left: 0;
	clear: left;
}
.news .news-item img.news-image{
	border: none;
}
.news .news-item .news-image:hover{}
.news-photo{
	float: left;
	width: 150px;
}
.news-description{
}
.news .news-item .news-body.long{
	width: auto;
}
.news-item h4 a{
	text-decoration: none;
}
.news .news-item .news-date{
	font-weight: bold;
}



/* pagination */
.pagination {
	float: right;
	margin: 0 0 2px 0;
	font-size: 12px;
	color: #005ca4;
	text-align: left;
}
.pagination.float-right {
	float: right;
}
.pagination a {
    display: block;
    text-decoration: none;
}
.pagination a:hover {
	background-color: white;
	color: #11529d;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 3px 5px;
    background: #11529d;
    border: 1px #11529d solid;
    margin-left: 2px;
    margin-right: 2px;
    color: #fff;
}
.pagination span.current_page {
	background-color: #f6c013;
	color: white;
	border-color: #f6c013;
}
.pagination .current.next, .pagination .current.prev {
	color: #005ca4;
}
#laagsteprijs{
	position:absolute;
	top:190px;
	right:-40px;
	z-index: 1000;

}
#sfeer{
	position: relative;
	margin:0;
	padding:0;
	width: 734px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 25px;
	z-index: 1;
}
#sfeer-left{
	position: absolute;
	margin:0;
	padding:0;
	width: 11px;
	height: 200px;
	top:0px;
	left:0px;
	background:  url('../img/sfeer-left.png') top left no-repeat;
	z-index: 100;
}
#sfeer-right{
	position: absolute;
	margin:0;
	padding:0;
	width: 11px;
	height: 200px;
	top:0px;
	right:0px;
	background:  url('../img/sfeer-right.png') top left no-repeat;
	z-index: 20;
}
#sfeerslider {
	position: relative;
	width: 734px;
	height: 200px;
	overflow: hidden;
	background: white url(../img/nivo-slider/loading.gif) no-repeat 50% 50%;
	z-index: 20;
}

/* Caption styles */
#sfeerslider div .caption {
	position:absolute;
	left:20px;
	top:45px;
	background:#000;
	color:#fff;
	width:204px;
	height: 77px;
	z-index:100;
	font-size: 16px;
	padding: 20px;
	background: url('../img/caption.png') top left no-repeat;
}

#sfeerslider div .caption a{
	position: absolute;
	color:white;
	font-size: 16px;
	bottom: 10px;
	right:10px;
}
#sfeerslider div .caption:hover a{
	color: #f6c013;
}