/* SLV-Rent Master stylesheet
------------------------------------------------------------------*/	
/* @group resetting - general */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}
html {
	background: #45372e;
}
ul,li {
	list-style-type:none;
	}
body {
	font:79%/150% Georgia, "Times New Roman", Times, serif;
	color:#6f6864;
	}
img {
	border:none;
	}
abbr {
	border-bottom:1px solid #dcdbcf;
	cursor:help;
	}	
a abbr {
	border-bottom:none;
	}			
a { 
    outline: none; 
    }

/* @end */

/* @group misc */
#skip {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:100;
	width:100%;
	margin:0;
}
.structural {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height:1px;
	width:1px;
	}
.clear {
	clear:both;
	}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.noborder {border:none;}
.right {float:right;}
.left {float:left;}	
.centered {text-align:center;}
/* @end */

/* @group layout */

#outer-wrapper {
	margin:0 auto;
	width:960px;
	background:url(graphics/body.gif) repeat-y center top;
	}
#inner-wrapper {
	margin:0 auto;
	width:960px;
	background:url(graphics/footer.jpg) no-repeat center bottom;
	}	
#wrapper {
	margin:0 auto;
	width:770px;
	background-color:#fff;
	position:relative;
	}
.msg #wrapper {
	min-height:500px;
	}
.msg .content {
	text-align:center;
	}		
#lang {
	position:absolute;
	z-index:300;
	top:0px;
	right:-12px;
	}		
#logo {
	padding:0 0 0 200px;
	}
.msg  #logo {
	padding:30px 0 0 200px;
	}	
#header {
	height:285px;
	width:770px;
	background:url(graphics/ray.jpg) no-repeat;
	}
.msg #header {
	background:#fff;
	height:300px;
	}		
#footer-wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	clear:both;
	}
#footer {
	width:960px;
	text-align:center;
	color:#817972;
	padding:125px 0 120px 0;
	font-size:11px;
	bottom:0;
	}	
		
/* @end */

/* @group headings */

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic",Helvetica,Arial,sans-serif;
	}
.msg h1 {
	margin-bottom:1em;
	text-align:center;
	}	
#news h2, #slv h2, #slv h3, #slv h4 {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height:1px;
	width:1px;
	}
#refs h2, #merken h2, #contact h2 {
	height:72px;
	text-indent:-9999px;
	clear:both;
	}		
#refs-h4 {
	text-indent:-9999px;
	height:95px;
	}
#refs-list h3 {
	height:75px;
	text-indent:-9999px;
	}
#merken h3 {
	margin-bottom:.75em;
	}	
#merken-sound h3 {
	color:#aabb1d;
	}
#merken-light h3 {
	color:#fa0062;
	}
#merken-vision h3 {
	color:#21acc9;
	}								

/* @end */

/* @group navigation */

#nav-wrapper {
	position:relative;
	display:block;
	height:75px;
	width:770px;
	margin:0 auto;
	z-index:200;
	}	
#nav {
	display:block;
	height:75px;
	width:770px;
	position:fixed;
	background:url(graphics/bg-nav.png) repeat-x;
	}
#nav ul {
	width:494px;
	padding-left:136px;
	}
#nav ul li {
	padding:0;
	margin:0;
	height:75px;
	float:left;
	}	
#nav a {
	display:block;
	float:left;
	background-repeat:no-repeat;
	cursor:pointer;
	height:75px;
	text-indent:-9999px;
	}	
#nav a:link, #nav a:visited {display:block;}	


/* @end */

/* @group sections */

#section-slv,
#section-refs,
#section-contact,
#section-merken  {
	padding-top:60px;
	}
#news {
	padding:0 0 35px 0;
	background:url(graphics/plooi-bottom1.png) no-repeat left bottom;
	}	
#slv, #refs {
	clear:both;
	}
#peilers {
	width:770px;
	height:98px;
	text-indent:-9999px;
	}
.col {
	float:left;
	}
#slv .col {
	padding:180px 0 0 0;
	margin:0 31px 35px 0;
	width:236px;
	}		
#slv .col {
	line-height:170%;
	}
#sound.over,
#light.over,
#vision.over {background-position:0 -490px;}	
#sound:hover, #sound.over {color:#939d66;}
#light:hover, #light.over {color:#b8536f;}
#vision:hover, #vision.over  {color:#4598a9;}		
#refs-list {
	position:relative;
	z-index:1;
	}	
#refs-list #panel { 
	overflow: hidden;
	w
	}
#refs-list-box {
	background:url(graphics/verloop-wit-transp.png) repeat-x;
	position:absolute;
	bottom:30px;
	z-index:4;
	display:block;
	width:770px;
	height:110px;
	}	
#slv .col.last {
	margin: 0 0 35px 0;
	}		
#refs-list .col.last {
	margin:0;
	}		
#merken {
	background:url(graphics/titel-verloop.png) no-repeat 0 72px;
	clear: both;
	}
#contact {
	background:url(graphics/titel-verloop.png) no-repeat 0 72px;
	}		
#merken li {
	font-style:italic;
	}					
#merken .col {
	width:125px;
	padding:35px 0 0 0;
	}
#merken-sound.col {
	margin:0 65px 0 170px;
	display:inline;
	}
#merken-light.col {
	margin-right:65px;
	}
#contact-form {
	width:316px;
	margin:45px auto;
	}	
.social {
	clear:both;
	}
.social span {
	float:left;
	padding:20px 0 0 0;
	}							
.social span.tw a, .social span.fb a {
	display:block;
	float:left;
	padding:0 0 0 15px;
	margin-left:12px;
	}
span.tw a {
	background: url(graphics/icon-twitter.png) no-repeat 0 center;
	}
span.fb a {
	background: url(graphics/icon-facebook.png) no-repeat 0 center;
	}	
#main .social a:link,
#main .social a:visited {
	border-bottom:none;
	color:#6f6864;
	}
#main .social a:hover {
	background-color:transparent;
	color:#21acc9;
	}	


/* @end */

/* @group text links */

#main a:link {
	color:#21acc9;
	text-decoration:none;
	border-bottom:1px solid #21acc9;
	}
#main a:visited {
	color:#77c2d9;
	}
#main a:hover, #main a:focus {
	color:#fff;
	background-color:#21acc9;
	}
#main a:active {
	color:#fff;
	background-color:#ff3479;
	}

/* @end */

/* @group lists */

.star li {
	background:url(graphics/bullet-star.png) no-repeat 0 0.4em;
	padding:0 0 .5em 15px;
	float:left;
	width:368px;
	}
.star li p {
	padding-right:30px;
	}	
.star h4 {
	font:bold 1.2em "Century Gothic",Helvetica,Arial,sans-serif;
	}

/* @end */

/* @group book item */

.book-item {
	background:url(graphics/plooi.gif) repeat-y;
	position:relative;
	width:770px;
	}
.book-item img {
	margin: 0 0 0 100px;
	}	
.book-item .clip {
	background:url(graphics/clip.png) no-repeat left bottom;
	position:absolute;
	display:block;
	height:53px;
	width:240px;
	top:130px;
	left:100px;
	z-index:100;
	text-indent:-9999px;
	}	
.clip .btn-pauze a, .clip .btn-play a {
	display:block;
	width:29px;
	height:29px;
	position:absolute;
	top:-64px;
	left:105px;
	}
#main .clip .btn-pauze a:link, #main .clip .btn-pauze a:visited {
	background:url(graphics/btn-pauze.png) no-repeat;
	border-bottom:none;
	}
#main .clip .btn-pauze a:hover {
	background:url(graphics/btn-play.png) no-repeat;
	border-bottom:none;
	}		
#main .clip .btn-play a:link, #main .clip .btn-play a:visited {
	background:url(graphics/btn-play.png) no-repeat;
	border-bottom:none;
	}
#main .clip .btn-play a:hover {
	background:url(graphics/btn-pauze.png) no-repeat;
	border-bottom:none;
	}				
.book-item h3 {
	font-size:1.5em;
	padding:0 0 .25em 0;
	}	
.book-item h4 {
	font-size:1.3em;
	font-weight:normal;
	color:#9ca194;
	padding:0 0 .4em 0;
	}		
.item-txt {
	position:absolute;
	z-index:10;
	float:none;
	left:420px;
	top:-7px;
	width:300px;
	background-color:#fff;
	}
.item-txt p {
	font-style:italic;
	}		
.date {
	font-size:.9em;
	color:#9ca194;
	margin:0 0 .5em 0;
	}
	
.book-item .event {
	margin: 0;
	}
/*.book-item .slide { }*/
.slideshow { 
	margin: 0 0 0 100px;
	width: 240px; height: 180px;
	position: relative;
	}
.slideshow img {
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	}
.slideshow img.first,
.slideshow img:first-child { 
	z-index: 10;
	}
.slideshow .btn {
	position: absolute;
	top: 50%; left: 50%;
	margin: -15px 0 0 -15px;
	display: block;
	width: 30px; height: 30px;
	z-index: 100;
	}
#main .slideshow .btn-pauze {
	background: transparent url(graphics/btn-pauze.png) no-repeat;
	border-bottom:none;
	}
#main .slideshow .btn-play { 
	background: transparent url(graphics/btn-play.png) no-repeat;
	border-bottom:none;
	}

/* @end */

/* @group box */

.box {
	clear:both;
	font-style:italic;
	text-align:center;
	background:#f4f5eb url(graphics/box-top.png) no-repeat;
	margin:0 0 30px 0;
	padding:15px 0 0 0;
	}
.box-bottom {
	background:url(graphics/box-bottom.png) no-repeat left bottom;
	padding:0 20px 60px 20px;
	}

/* @end */

/* @group buttons */

#main .btn a:link,
#main .btn a:visited {
	border-bottom:none;
	text-indent:-9999px;
	}
#main .btn a:hover,
#main .btn a:active {
	background-color:#fff;
	}
#panel.open {
	overflow:visible;
	}
#panel.closed {
	height:200px;
	overflow:hidden;
	}	
#btn-alle-refs {
	padding-top:35px;
	}		
#btn-alle-refs a {
	display:block;
	width:157px;
	height:22px;
	margin:0 auto;
	}
.btn-back a, .btn-next a, .btn-top a {
	display:block;
	width:25px;
	height:25px;
	text-indent:-9999px;
	margin:5px 0 0 15px;
	}	
#main .btn-back a:link,
#main .btn-next a:link,
#main .btn-top a:link,
#main .btn-back a:visited,
#main .btn-next a:visited,
#main .btn-top a:visited {
	border:none;
	}		
.btn-back a {
	float:left;
	}
.btn-top a {
	float:right;
	}	
#main .btn-back a:link, #main .btn-back a:visited {
	background:url(graphics/arr-prev.gif) no-repeat;
	border:none;
	}	
#main .btn-back a:hover, .btn-back a:focus {
	background:url(graphics/arr-prev.gif) no-repeat 0 -37px;
	}						
#main .btn-next a:link, #main .btn-next a:visited {
	background:url(graphics/arr-next.gif) no-repeat;
	float:right;
	border:none;
	}
#main .btn-next a:hover, .btn-next a:focus  {
	background:url(graphics/arr-next.gif) no-repeat 0 -37px;
	float:right;
	}
#main .btn-top a:link, #main .btn-top a:visited {
	background:url(graphics/btn-top.png) no-repeat;
	border:none;
	}
#main .btn-top a:hover, .btn-top a:focus {
	background:url(graphics/btn-top.png) no-repeat 0 -25px;
	}
#main .btn-top a:active,			
#main .btn-back a:active,
#main .btn-next a:active {
	background-color:none;
	}			
#btn-alle-refs {
    z-index: 30;
	clear:both;
	}
#main .arr-next,#main .arr-back,
#main .btn-back,#main .btn-next { 
	position: absolute;
	text-indent: -9999px;
	}		
#main .btn-back {
	top: 50%; left: 0;
	width: 25px; height: 37px;
	background: transparent url(graphics/arr-prev.gif) no-repeat;
	}	
#main .btn-next { 
	top: 50%; right: 0;
	width: 25px; height: 37px;
	background: transparent url(graphics/arr-next.gif) no-repeat;
	}
#main .btn-back:link,
#main .btn-next:link,
#main .btn-back:visited,
#main .btn-next:visited {
	border:none;
	}				
#main .btn-back:hover,
#main .btn-next:hover { 
	background-position: 0 -37px;
	background-color: transparent;
	}
#main .btn-back:active,
#main .btn-next:active { 
	background-color: transparent;
	}
		

/* @end */

/* @group slv buttons */


#btns-slv {
	display:block;
	height:87px;
	width:770px;
	}
#btns-slv ul {
	width:770px;
	}
#btns-slv ul li {
	padding:0;
	margin:0;
	height:87px;
	float:left;
	}	
#btns-slv a {
	display:block;
	float:left;
	cursor:pointer;
	height:87px;
	text-indent:-9999px;
	background:url(graphics/slv.png) no-repeat;
	}	
#main #btns-slv a:link,
#main #btns-slv a:visited {
	display:block;
	border-bottom:none;
	}	
#main #btns-slv a:hover {
	background-color:transparent;
	}		
li#btn-s a:link, li#btn-s a:visited {
	width:327px;
	background-position:0px 0px;
	}	
li#btn-l a:link, li#btn-l a:visited {
	width:116px;
	background-position:-327px 0px;
	}
li#btn-v a:link, li#btn-v a:visited {
	width:327px;
	background-position:-446px 0px;
	}

/* @end */

/* @group forms */

.txt {
	border:1px solid #d3d7c2;
	padding:.4em;
	color:#6f6864;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	width:316px;
	}
#form-contact label {
	display:block;
	}	
#contact-form p {
	margin-bottom:1.3em;
	}
#contact-data {
	margin:0 0 -25px 170px;
	}	
#contact-data .col {
	width:178px;
	}
#contact-data span {
	display:block;
	}
	
/* @end */

/* @group languages */

#lang li {
	display:inline;
	font:bold .9em "Century Gothic",Helvetica,Arial,sans-serif;;
	}
#lang li a {
	display:block;
	width:1.5em;
	height:1.5em;
	float:left;
	padding:.2em .6em .1em .8em;
	}

#lang li a:link,
#lang li a:visited {
	text-decoration:none;
	color:#c1c5bb;
	border-left:1px solid #dcdfd4;
	}	
#lang li a:hover {
	color:#fff;
	background-color:#21acc9;
	border-left:1px solid #21acc9;
	}
#lang li a:active {
	color:#fff;
	background-color:#ff3479;
	border-left:1px solid #ff3479;
	}					

/* @end */