@import url(http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise);
@import url(http://fonts.googleapis.com/css?family=Judson:700);

body {
background:#fff url('../img/var-background-main.jpg') repeat 0px 0px;
}

/*
    Mainstyle
*/

.main  {
 background: url('../img/container-001.png') repeat-y 0px 0px;
}

.header {}

.main .visual {
}

.main .visual .topic {
  display: block;
  background: url('../img/main-visual.png') no-repeat 52px 0px;
  height: 560px;
}

.visual .title , .subvisual .title {
    margin:180px 0px 0px 50px;
    padding:0px 10px 0px 0px;
    display:block;
    width:420px;
    height:122px;
    background: url('../img/title_box.png') no-repeat 0px 0px;
    float:left;clear:none;
    text-align:right;
 }

.visual .title .themebox , .subvisual .title .themebox {
	display: block;
	width:420px;
	height:102px;
    background: #ca6f18 url('../img/bullets-theme.png') repeat-x 0px 0px;
}

.title a {text-decoration: none;}
 
.visual .title h1, .subvisual .title h1 {
    font-family: 'Judson', serif;
    font-size: 2.5em;
    line-height: 300%;
    letter-spacing: 5px;
    margin:0px 10px 0px 0px;
    color:#fff;
    text-transform: uppercase;
}

.visual .price, .subvisual .price {
    margin:180px 0px 0px 30px;
    display:block;
    width:320px;
    height:100px;
    float:left;clear:right;
 }

.visual .price p, .subvisual .price p  {
    font-family: 'Waiting for the Sunrise', cursive;
    font-weight:normal;
    color:#fff;
    font-size: 2.6em;
    line-height: 1.2em;
}


.visual .subtext {
    margin:0px 0px 0px 120px;
    padding:0px 0px 0px 0px;
    display:block;
    float: left;clear:none;
    width:260px;
    height:240px;
    overflow: hidden;
}

.visual .follow {
    margin:30px 20px 0px 210px;
    display: block;
    float: left; clear:none;
    width: 150px;
    height:100px;
}

.visual .follow a {
    text-decoration: none;
    padding: 20px 0px 0px 25px;
    font-family: 'Waiting for the Sunrise', cursive;
    color:#fff;
    font-size:2.5em;
    line-height:1em;
    display:block;
    width: 150px;
    height:100px;
    background: url('../img/follow-blob.png') no-repeat 0px -120px;
}

.visual .follow a:hover { 
  color:#ec008c;
  background: url('../img/follow-blob.png') no-repeat 0px 0px;
}


/*
    .bradcrumbs
*/

.breadcrumbs {
}

.breadcrumbs ul {list-style: none;margin-top:10px;}
.breadcrumbs ul li {display: block; float:left; height:20px;}

.breadcrumbs a {
    font-size: .8em;
    line-height: 1em;
    text-transform: uppercase;
    color:#e1d1ba;
    padding-right: 15px;
}
.breadcrumbs a:hover {
   color:#ca6f18;
}

.breadcrumbs span {}


/*
subvisual
*/

.subvisual .topic {
  display: block;
  background: url('../img/sub-visual.png') no-repeat 40px 0px;
  height: 308px;
}

.subvisual .title {
	margin: 110px 0px 0px 50px;
}

.subvisual .price {
    margin:110px 0px 0px 50px;
    }

/* boeken */

.book ul {list-style: none;}
.book ul li {display: block; float:left; clear:both;}

.book ul li a {
    display: block;
    width:230px;
    height:80px;
    background: url('../img/book-now-3.gif') no-repeat 0px 0px;
    padding:30px 0px 0px 40px;
    color:#ffffff;
    font-size: 1.5em;
    line-height: 1em;
    overflow: wrap;
}

.book ul li a:hover {
    background-position: 0px -117px;
    color:#ff0066;
}

.book ul .details {
margin-top:5px;
width: 170px;
margin-left: 40px;
font-weight: bold;
font-size: .9em;
line-height: 1.6em;

}

.book ul .details p {
}

/*
    Content 
*/

.main .content {margin-top:-30px;}
.main .subcontent {margin-top:-19px;}

.content h2, .subcontent h2, .title h2 {
  font-family: 'Waiting for the Sunrise', cursive;
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: normal;
  color:#ca6f18;
}

.content a, .subcontent a {
    text-decoration: none;
}

.content p, .subcontent p {
    color:#444;
}

.content ul li, .subcontent ul li {
    list-style: none;
    padding:0;
    margin:0px;
}

/*
intro 
*/

.main .content .intro, .main .subcontent .intro {
    margin-top: 20px;
}

.main .subcontent .intro {
	background: url('../img/side-shim.gif') repeat-y top right;
}


.main .content .intro h2, .main .content .intro p, .main .subcontent .intro h2, .main .subcontent .intro p {
    margin-left: 80px;
    width:330px;
}

.main .content .intro h2, .main .subcontent .intro h2 {
    font-size: 2.2em;    
}

.main .subcontent .subimage {margin-top:20px;

}


/*usp's*/
.main .content .usp, .main .subcontent .usp {
    height: 250px;
    background: url('../img/writers-tape.gif') no-repeat 0px 0px;
    padding:10px 0px 0px 0px;
    overflow: hidden;
    margin-top: 0px;
}

.main .subcontent .usp {
    margin-top: -30px;
}

.main .content .usp h3, .main .subcontent .usp h3 {
    font-size: 1em;
    margin:0px 0px 0px 15px;
}
.main .content .usp ul, .main .subcontent .usp ul {margin:0px 0px 0px 15px;}

.main .content .usp li, .main .subcontent .usp li  {
	width:165px;
  font-family: 'Waiting for the Sunrise', cursive;
  font-size: 1.3em;
  word-spacing: -2px;
}
.main .content .usp span, .main .subcontent .usp span {color:#ec008c;font-weight: bold;}

.usp a {color:#ec008c;}

/*
  segments
*/
.main .content .segments h2 {margin: 30px 0px 15px 0px;}
.main .content .segments ul li a{
display: block;
height:30px;
text-transform: uppercase;
font-family: 'Judson', serif;
font-size:1.5em;
letter-spacing: 1px;
padding: 0px 0px 0px 10px;
color: #fff;
}


/*seizoenen*/


.segments .voorjaar a {
  background: url('../img/nav-voorjaar.gif') repeat-x 0px 0px;
}

.segments .zomer a {
  background: url('../img/nav-zomer.gif') repeat-x 0px 0px;
}

.segments .herfst a {
  background: url('../img/nav-herfst.gif') repeat-x 0px 0px;
}

.segments .winter a {
  background: url('../img/nav-winter.gif') repeat-x 0px 0px;
}

.segments .feestdagen a {
  background: url('../img/nav-feestdagen.gif') repeat-x 0px 0px;
}


.main .content .segments ul li a:hover {
    background-position: 0px -31px;
}


/*arrangementen*/

.arrlist .title {
  background: url('../img/hor-line-neutral.gif') repeat-x bottom left;
}

.arrlist .title h2 {	
	padding:0px 0px 0px 0px;
	margin:20px 0px 10px 0px;
}

.arrlist .arrbox .arrtile {
	display:block;
	float:left;
	width:270px;
	height:207px;
	padding:0;margin:5px 0px 0px 5px;
	background:#ca6f18;
}

.arrlist .arrbox .arrtile a {
	display:block;
	width:270px;
	height:207px;
	float:left;
	clear:none;
	background: url('../img/arr-tile.png') no-repeat top left;
	text-decoration:none;
	color:#444;
}

.arrlist .arrbox .arrtile a:hover h2, .arrlist .arrbox .arrtile a:hover h2 span {color:#ec008c;}
.arrlist .arrbox .arrtile a:hover p {}

.arrlist .arrbox .arrtile .titlebox {
margin:55px 0px 0px 10px;
display: block;
width: 192px;
height:81px;
}

.arrlist .arrbox .arrtile .titlebox h2 {
	padding:0;margin:0;
	font-weight:normal;
	letter-spacing: 1px;
	font-size:1.5em;
	line-height:.8em;
	text-transform:uppercase;
	font-family: 'Judson', serif; 
	color:#ca6f18;
}

.arrlist .arrbox .arrtile  .titlebox h2 span {
	color:#000;
}

.arrlist .arrbox .arrtile  .titlebox p {
	margin-top:4px;
	font-size:0.9em;
	line-height:110%;
	color:#009ee0;
	text-transform:uppercase;
}

.arrlist .arrbox .arrtile .book {
	position:relative;
	z-index: 200;
	left:160px;
	top:-20px;
	width:79px;
	height:63px;
	background: url('../img/follow-blob-small.png') no-repeat bottom left;
    font-family: 'Waiting for the Sunrise', cursive;
	color:#fff;
	font-size:1.5em;
}

.arrlist .arrbox .arrtile .book p {
	padding:10px 0px 0px 10px;
	color:#fff;
}

.arrlist .fotobox {margin:10px 0px 10px 0px;}

.arrlist .fotobox img {display: block; width: 150px; height:120px; margin-top:8px; border: 1px solid #e1d1ba;padding: 1px;}

/*side menu*/

.side-menu {margin-top:20px;}
.side-menu h3 {
    font-family: 'Waiting for the Sunrise', cursive;
	color:#ca6f18;
	font-weight: normal;
	padding:0;
	margin:0px 0px 10px 0px;
}
.side-menu ul {}
.side-menu ul li {list-style:none;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
font-family: 'Judson', serif;   background: url('../img/hor-line-neutral.gif') repeat-x bottom left;
font-size:1.2em;
letter-spacing: 1px;
}

.side-menu ul li a {
text-indent:10px;
display:block;
height:30px;
text-decoration:none; text-transform: uppercase; color:#ca6f18;
}


/*detailpagina*/

.arrlist .inhoudbox {background:#ccc;}

.arrlist .inhoudbox .bijschrift {
	position:absolute;
	display: block;
	overflow: wrap;
	z-index: 200;
	width:150px;
	height:30px;
	left:418px;
	top:150px;
}

.subimage .bijschrift, .arrlist .inhoudbox .bijschrift {    font-family: 'Waiting for the Sunrise', cursive;
	font-size: 1.2em;	
}

.subimage .bijschrift {margin-top: 5px;}

.arrlist .inhoudbox .inhoud {
	display:block;
	width:100%;
	height: 225px;
	background:url('../img/inhoudbox.png' ) no-repeat -5px 0px;
}

.arrlist .inhoudbox .inhoud a {color:#ec008c;}

.arrlist .inhoudbox .inhoud ul {
	padding:30px 0px 0px 10px;
	list-style-type:square;
	list-style-position: outside;
		
	}

.arrlist .inhoudbox .inhoud ul li {
	width:320px;
	padding-bottom: 3px;
	line-height: 140%;
}

.arrlist .voorwaarden {
	font-size:0.8em;
	line-height:1.5em;
	color:#999;
}

/*
Footers
*/

.trail {
   margin:10px 0px 10px 0px;
   height:70px;
   background: url('../img/footer-bg.gif') repeat-x 0px 0px; 
}

.trail .navbar {}
.navbar ul {margin:22px 0px 0px 0px;}
.navbar ul li {list-style:none; float:left;padding:0;margin:0;height:30px;}
.navbar ul li a {text-decoration: none;text-transform: uppercase;font-size:.8em; color:#009ee0; margin:0px 0px 0px 11px;}
.navbar ul li a:hover {color:#ec008c;}

.trail .logobar {}
.trail .logobar a {
margin: 20px 0px 0px 22px;
display: block; width:146px; height:29px;overflow:hidden;
background: url('../img/vvv-logo.gif') no-repeat 0px 0px;
text-decoration: none;
text-indent: -8000px;
}

.footer {
  background: url('../img/footer-main.png') no-repeat 30px 0px; 
  height:60px;
}

.footer iframe {
    margin:10px 10px 0px 100px;
}

/*
    Seizoens tricks
    Kleursets
    
    herfst
    #FFEECC | #EE9924 | #EEDD86 | #BBBB53 | #665530
    winter
    #B0CCD6 | #8ABED1 | #BFAB8C | #B899CC | #655470
    zomer
    #F3D45C | #D76A09 | #A8CAE6 | #577A9E | #7F4C33
    voorjaar
    #D4EF6A | #87C851 | #FFC6C8 | #F7F1CD | #A5D4F1
    feestdagen
    #D89437 | #AD5526 | #886939 | #9D2019 | #6E2719
    
    zuidwester
    

*/

/*body*/

body.zuidwester {background:#fff url('../img/zuidwester-bg.jpg') no-repeat 50% 0px;
}


/*themebox*/
.herfst .title .themebox {background-color: #EEDD86;}
.winter .title .themebox {background-color: #B0CCD6;}
.zomer .title .themebox {background-color: #F3D45C;}
.voorjaar .title .themebox {background-color: #D4EF6A;}
.feestdagen .title .themebox {background-color: #9D2019;}
.zuidwester .title .themebox {background-color: #f1cb08;}

/*koppen*/
.herfst .title h2,.herfst .intro h2, .herfst .side-menu h3 {color:#EE9924;}
.winter .title h2, .winter .intro h2, .winter .side-menu h3 {color:#8ABED1;}
.zomer .title h2, .zomer .intro h2, .zomer .side-menu h3 {color:#D76A09;}
.voorjaar .title h2, .voorjaar .intro h2, .voorjaar .side-menu h3 {color:#87C851;}
.feestdagen .title h2, .feestdagen .intro h2, .feestdagen .side-menu h3 {color:#6E2719;}
.zuidwester .title h2, .zuidwester .intro h2, .zuidwester .side-menu h3 {color:#f1cb08;}

/*side-menu links*/
.herfst .side-menu li a {color:#EEDD86;}
.winter .side-menu li a {color:#BFAB8C;}
.zomer .side-menu li a   {color:#A8CAE6;}
.voorjaar .side-menu li a   {color:#FFC6C8;}
.feestdagen .side-menu li a  {color:#886939;}
.zuidwester .side-menu li a  {color:#BFAB8C;}


/*titelbox kop*/
.herfst .arrlist .arrbox .arrtile .titlebox h2 {color:#665530;}
.winter .arrlist .arrbox .arrtile .titlebox h2 {color:#655470;}
.zomer .arrlist .arrbox .arrtile .titlebox h2 {color:#7F4C33;}
.voorjaar .arrlist .arrbox .arrtile .titlebox h2 {color:#A5D4F1;}
.feestdagen .arrlist .arrbox .arrtile .titlebox h2 {color:#6E2719;}
.zuidwester .arrlist .arrbox .arrtile .titlebox h2 {color:#655470;}



/*zijkant menu in seizoensstijl*/
.side-menu li a:hover {color:#fff;}
.side-menu .herfst  a:hover {background: url('../img/nav-herfst.gif') repeat-x 0px 0px;} 
.side-menu .winter a:hover {background: url('../img/nav-winter.gif') repeat-x 0px 0px;} 
.side-menu .zomer a:hover {background: url('../img/nav-zomer.gif') repeat-x 0px 0px;} 
.side-menu .voorjaar a:hover {background: url('../img/nav-voorjaar.gif') repeat-x 0px 0px;} 
.side-menu .feestdagen a:hover {background: url('../img/nav-feestdagen.gif') repeat-x 0px 0px;} 
.side-menu .zuidwester a:hover {background: url('../img/nav-winter.gif') repeat-x 0px 0px;} 


/*G PlusOne*/

.footer .google {display:block; margin:10px 0px 0px 40px;}
.footer .fb-like {float:left; clear:none;}

/**
 * The edit link that appears when you are logged in.
 * It is recommended that you implement an edit button 
 * in your templates to make it easy to switch to and
 * from the admin control panel when editing pages. 
 *
 */
#editpage {
	position: absolute;
	top: 0;
	left: 0; 
	padding: 5px 6px; 
	background: #db1174; 
	color: #fff; 
	display: block;
	font-weight: bold; 
}
	#editpage:hover {
		background: #ffffcc;
		color: #000; 
	}


	.Inputfields,
	.Inputfields li {
		list-style: none;
		margin: 1em 0;
		padding: 0;
	}

	.Inputfields li label {
		font-weight: bold;
	}

	.Inputfields li p {
		margin: 0;
	}

	.Inputfields li p.description {
		font-style: italic;
	}

	.Inputfields textarea,
	.Inputfields .InputfieldMaxWidth {
		width: 100%;
	}

	.Inputfields .InputfieldSubmit label {
		display: none;
	}

	.ui-state-error-text {
		color: red;
	}