/*
Publer.com
@author: Jop Brocker, Rick Stoopman
@version: 20091014-01

Used colors:
Orange: #ffa200;
Orange: #FFB61F (line)
Grey: #8d8d8d;
Hover blue: #1F67FF;
*/

body{
	text-align: center;
	background: #FFF;
}

#container, div#footer .wrapper {
	position: relative;
	text-align: left;
	width: 990px;
	margin: 0 auto;
}
#header{
	margin-top: 9px;
	background: url(../../images/publer_new/background/header.png) top left no-repeat;
	height: 120px;
}
#header h1{
	margin:0;
	}
	#languages {
		position: absolute;
		left: 782px;
		top: 40px;		
		list-style: none;
		margin: 0;
		display: none; /* Tijdelijk offline */
 	}
		#languages li {
			margin: 0;
			float: left;
			display: block;
			text-align: center;
			width: 27px;
			color: #464647;
			font-weight: bold;
		}
		#languages li:first-child {
			border-right: 1px solid #999;
		}
			#languages li a {
				text-decoration: none;
				line-height: 14px;
				color: #999;
			}

			#languages li a:hover {
				color: #1F67FF;
			}
	
	#search {
		position: absolute;
		left: 846px;
		top: 38px;
	}
	#search input {
		float: left;
		width: 101px;
		border: none;
		padding: 4px  6px 4px 6px;
		font-size: 1em;
		font-family: Verdana, Geneva, sans-serif;
		height: 15px;
		color: #999;
		background: url(../../images/publer_new/background/sprite.png) top left no-repeat;
	}
	#search button {
		width: 24px;
		background: url(../../images/publer_new/background/sprite.png) -114px 0 no-repeat;
		border: none;
		height: 24px;
		padding: 0;
		text-indent: -5555px;
		cursor: pointer;
	}
	#search button:hover{
		background-position: -157px 0;
	}	
	#logo {
		position: relative;
		left: 1px;
		top: 8px;
	}
	
	#navigation {
		font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
		background: url(../../images/publer_new/background/navigation.png) top left no-repeat;
		position: absolute;
		left: 0px;
		top: 76px;
		height: 36px;
		list-style: none;
		margin: 0; 
		padding: 1px 14px; 
		width: 100%;
	}
		#navigation li {
			float: left;
			display: block;
		}
		#navigation li a{
			display: block;
			padding: 5px 17px;
			margin: 0px;
			font-weight: bold;
			text-indent: -5555px;
			height: 24px;
		}
		#navigation li.selected a{ 
			position: relative;
			margin: 0px -3px 0px -2px;
			height: 25px;
		}
		
		#navigation li#nav-home a{ width: 43px; background-position: 0px -38px; }
		#navigation li#nav-home a:hover { background-position: 0px -77px;}
		#navigation li#nav-home.selected a { background-position: 0px -114px !important; width: 45px;}
		
		#navigation li#nav-tour a{ width: 38px; background-position: -77px -38px; }
		#navigation li#nav-tour a:hover {background-position: -77px -77px;}
		#navigation li#nav-tour.selected a {background-position: -80px -114px !important; width: 42px;}
		
		#navigation li#nav-prijzen a{ width: 56px;  background-position: -149px -38px; }
		#navigation li#nav-prijzen a:hover {background-position: -149px -77px;}
		#navigation li#nav-prijzen.selected a {background-position: -155px -114px !important; width: 62px;}
		
		#navigation li#nav-voorbeelden a{ width: 107px; background-position: -239px -38px; }
		#navigation li#nav-voorbeelden a:hover {background-position: -239px -77px;}
		#navigation li#nav-voorbeelden.selected a {background-position: -252px -114px !important; width: 111px;}
		
		#navigation li#nav-faq a{ width: 30px; background-position: -380px -38px; }
		#navigation li#nav-faq a:hover {background-position: -380px -77px;}
		#navigation li#nav-faq.selected a {background-position: -397px -114px !important; width: 34px;}
		
		#navigation li#nav-tips-artikelen a{ width: 129px; background-position: -444px -38px; }
		#navigation li#nav-tips-artikelen a:hover {background-position: -444px -77px;}
		#navigation li#nav-tips-artikelen.selected a {background-position: -465px -114px !important; width: 133px;}
		
		#navigation li#nav-contact a{ width: 64px; background-position: -607px -38px; }
		#navigation li#nav-contact a:hover {background-position: -607px -77px;}
		#navigation li#nav-contact.selected a {background-position: -631px -114px !important; width: 69px;}
		
		#navigation li#nav-tips-resources a{ width: 135px; background-position: -920px -38px; }
		#navigation li#nav-tips-resources a:hover {background-position: -920px -77px;}
		#navigation li#nav-tips-resources.selected a {background-position: -957px -114px !important; width: 140px;}
		
		#navigation li#nav-pricing a{ width: 56px;  background-position: -705px -38px; }
		#navigation li#nav-pricing a:hover {background-position: -705px -77px;}
		#navigation li#nav-pricing.selected a {background-position: -733px -114px !important; width: 62px;}		
		
		#navigation li#nav-showcases a{ width: 91px;  background-position: -795px -38px; }
		#navigation li#nav-showcases a:hover {background-position: -795px -77px;}
		#navigation li#nav-showcases.selected a {background-position: -829px -114px !important; width: 94px;}				
		
		#navigation li.selected a, #navigation li a {background: url(../../images/publer_new/background/navigation.png) top left no-repeat;}
		
		#navigation ul{ display:none; }
		
div#main {
	position: relative;
}
div#wrapper{
	float:left;
	width:100%; /* workaround */
}

div#contents{
	margin: 41px 0 0 252px;		/*Geef de margins zo breed als de columns */
} 
.wide div#contents { margin: 0; padding: 41px 0 0 0; }
.home div#contents { margin: 18px 0 0 0; }

ul#subnavigation{
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	position: relative;
	float: left;
	width: 216px;	
	margin-left: -990px;
	list-style: none;
	padding-top: 41px; /* 1px eraf voor overlap */
	background: url(../../images/publer_new/background/subnavigation.png)  1px 12px no-repeat;	
}

	.tour ul#subnavigation {	background-position: 1px -19px;	}
	.prijzen ul#subnavigation {	background-position: 1px -49px;	}
	.faq ul#subnavigation {	background-position: 1px -79px;	}
	.contact ul#subnavigation {	background-position: 1px -109px;}
	.pricing ul#subnavigation {	background-position: 1px -139px;}
	.showcases ul#subnavigation, .voorbeelden ul#subnavigation {background-position: 1px -169px;}
	.tips-resources ul#subnavigation{background-position: 1px -199px;}
	.voorbeelden ul#subnavigation{background-position: 1px -229px;}
	
	ul#subnavigation li{
		border-bottom: 1px solid #cccccc;
		background: #FFF;
	}
	ul#subnavigation li.last{
		border-bottom:none;
	}
	ul#subnavigation li.hide{height:20px;display:block;text-indent:-5555px;border:none;background:none;}
	
	ul#subnavigation li a {
		text-transform: uppercase;
		background: #FFF4C8 url(../../images/publer_new/background/arrows.png) 200px -16px no-repeat;
		border-top: 1px solid #fffbec;
		display: block;
		padding: 10px; 
		font-size: 13px;
		line-height: 20px;
		height: 20px;
		text-decoration: none;
		color: #666666;
		font-weight: bold;
	}
	ul#subnavigation li.first a, ul#subnavigation li:first-child a {
		border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-webkit-border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-left-radius: 6px;
		border-top: none;
	}
	
	ul#subnavigation li.last a {
		border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-webkit-border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-left-radius: 6px;
		border-bottom: none;
	}
	ul#subnavigation li.first.selected a ,ul#subnavigation li.last.selected a {
		border-bottom: 1px solid #f2f2f2;
	}
	
	
	ul#subnavigation li.selected{
	/*	border-right: 1px solid #f2f2f2;
		border-left: 1px solid #f2f2f2;*/
		}
		ul#subnavigation ul li.selected{
			border-right:none;
			border-left:none;
			background: #FFF;
		}
	ul#subnavigation li.selected a, ul#subnavigation li.selected a:hover {
		background: #FFF url(../../images/publer_new/background/arrows.png) 199px -46px no-repeat; /* geel */
	
		
	}
	ul#subnavigation li a:hover {
		background: #ffb61f url(../../images/publer_new/background/arrows.png) 200px -16px no-repeat;  /* grijs */
		border-left: none;
		border-right: none;
	}
	ul#subnavigation li.selected a:hover {
		background: #FFF url(../../images/publer_new/background/arrows.png) 199px 13px no-repeat !important; /* Blauw */
		color: #1F67FF;
	}
	
	/* 3nd lvl */
	ul#subnavigation ul{
		margin:0px 0 0px 20px;
		padding:0;
		list-style:none;
		display: none;
		}
	ul#subnavigation li.selected ul{
		display: block;
	}
	
	ul#subnavigation ul li{
		margin:0;
		padding:0;
		border:none;
		margin-bottom:0px;
		}
	
	ul#subnavigation ul li a{
		background:none;
		line-height:1.5em;
		padding:3px 4px;
		height:auto;
		margin:0;
		font-weight:normal;
		display:inline-block;
		text-transform:capitalize;
	}
	ul#subnavigation ul li.first a,ul#subnavigation ul li.last a{
		border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-webkit-border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-top-left-radius: 6px;	
		border-bottom-right-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-webkit-border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-bottom-left-radius: 6px;		
	}
	ul#subnavigation ul li.last{
		margin-bottom:10px;
	}
	ul#subnavigation ul li.selected a{
		background-color:#FFF4C8;
	}
	ul#subnavigation ul li.selected a:hover{
		border:none;
		padding:3px 5px 4px 5px;
	}
	
.home #subnavigation {
	display: none;
}
.wide #subnavigation {
	position: absolute;
	top: 0;
	left: 0;
	height: 32px;
	margin: 0;
	width: 850px;
	padding: 0 0 7px 140px;
	float: none;
	border-bottom: 1px solid #CCC !important;
}
	.wide #subnavigation li{ 
		display:inline;
	}
	.wide #subnavigation li a {  
		text-transform: none;
		display: inline;
		padding: 4px 8px;
		background: #FFF;;
		border: none !important;
		float: left;
		margin: 3px 8px;
	}
	.wide ul#subnavigation li.selected a {  
		background: #FFF4C8;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		color: #666666;
	}
	.wide ul#subnavigation li.selected a:hover {
		background: #FFF4C8 !important;
	}
	
	.wide #subnavigation li a:hover {  
		background: #FFF;
		border: none;
		color: #1F67FF;
	}

#footer{
	clear:left;
	width:100%;
	background: #F1F1F1;
	text-align: center;
	margin-top: 36px;
}
#footer .wrapper{
	position: relative;
	top: -2px;
	border-top: 2px solid #FFB61F;
	padding: 18px 0;
	background: url() 
	
}
#footer ul {
	margin: 0;
	list-style: none;
}
#footer #breadcrumbs {
	font-size: 13px;
	line-height: 25px;
}

#footer a {
	color: #464748;
	font-weight: normal;
}
#footer a:hover {
	color: #000000;
	text-decoration: none;
}
#contact-options {
	list-style: none;
	position: absolute;
	right: 0;
	top: 18px;
}
#share-button,
#email-button,
#call-button {
	display: block;
	float: left;
	margin-left: 18px;
	height: 25px;
	width: 150px;
	background:  url(../../images/publer_new/background/sprite.png) 0 -276px no-repeat;  /* grijs */
}
#call-button { background-position: 0 -302px; }
#share-button { background-position: 0 -328px; }
#email-button:hover { background-position: -152px -276px; }
#call-button:hover { background-position: -152px -302px; }
#share-button:hover { background-position: -152px -328px; }

#map, #directions{
	height:315px;
	background: url(../../images/publer_new/background/maps.jpg) no-repeat top left;
	float:right;
	width:486px;
	position:relative;
	left: 0;
	margin-top:19px;
}
#directions{
	clear:both;
	background:none;
	left:0;
}
#contact-options a{
	display:block;
	width:150px;
	height:25px;
	text-indent:-5555px;
}

#bottom-navigation {
	background: #F1F1F1;
	height: 279px;
	padding: 18px;
	background:  url(../../images/publer_new/background/sprite.png) 0 -512px no-repeat;  /* grijs */
	width: 449px;
	margin-bottom: 0px;
	float: left;
}
.home #bottom-navigation {
	height: 120px;
	background-position: 0 -355px;  /* grijs */	
	width: auto;
	float: none;
}
.contact #bottom-navigation{
	background-position: 0 -967px;  /* grijs */	
	width:702px;
}

#bottom-navigation li {
	width: 149px;
	float: left;
}
#bottom-navigation li a{
	font-weight: bold;
}
#bottom-navigation li ul{
	margin-bottom: 20px;
}
#bottom-navigation li ul li {
	float: none;
}
#bottom-navigation li ul li a {
	font-weight: normal;
}

#copyright {
	clear: both;
	margin-top: 18px;
}

div#warning, div#error{
	margin-bottom:15px;
	}
	
/* Slider */
.control{
	position: relative;
	width: 738px;
}
.wrapper_slider{
	width: 728px;
	height: 496px;
	margin: 0 auto;
}
.slider ul li{
	width: 728px;
	height: 496px;
	float: left;
}
a.next, a.prev{
	display: block;
	width: 61px;
	height: 60px;
	text-indent: -5555px;
	position: absolute;
	z-index: 999;
	background: url(../../images/publer_new/background/sprite.png) no-repeat;
}
a.next{
	background-position: -758px -984px;
	top: 215px;
	right: 0;
}
a.next:hover{
	background-position: -758px -1064px;
}
a.prev{
	background-position: -758px -1144px;
	top: 215px;
	left: 0;
}
a.prev:hover{
	background-position: -758px -1224px;
}

/* Google Maps Directions */
td.addres{
	font-weight:bold;
}

/* Feedback Box */
form#feedback-box{
	position:fixed;
	text-align:center;
	bottom:0;
	left:0;
	width:250px;
	margin:0 auto;
	z-index:199;
	/*height:300px;*/
	background: url(../../images/publer_new/background/feedback.png) no-repeat top left;
	}	
	*html form#feedback-box{
		display:none !Important;
		/* TODO make pretty for IE6 */
	}
	form#feedback-box a{
		font-size:1.5em;
		line-height:1.5em;
		display:block;
		font-weight:bold;
		color:white;
		}
		form#feedback-box a:hover {
			color:#464748;
			text-decoration:none;
			}
	form#feedback-box fieldset{
		display:none;
		border:none;
		padding:6px;
		text-align:left;
		}
		form.sent p{
			margin-bottom:0;
		}
		form.sent button, form.sent label{
			display:none !important;
		}
	form#feedback-box em{
		display:block;
		text-align:center;
		line-height:3em;
		font-weight:bold;
		font-size:1.2em;
	}
	form#feedback-box label{ display:block;float:none;width:100%;text-align:center;}	
	form#feedback-box textarea{ width:225px; border:none;}
	form#feedback-box button{ text-align:center; *display:block; }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}



/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
.sIFR-active #main h1 {
	font-family: Verdana;
	visibility: hidden;
}