/*
Theme Name: rein
Theme URI: http://rein.be/
Description: A template for rein.be
Version: 1.0
Author: Rein Lobbestael
Tags: jquery, fixed width
*/

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #322a27;
}

.wrapper{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -25px 0px;
}

#main {
	margin: 0px;
	width: 100%;
	padding: 0px;
}

#header {
	height:106px;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
}

#logo {
	height: 42px;
	width: 251px;
	position: absolute;
	top: 37px;
	left: 24px;	
	z-index: 120;
}

#baseline {
	height: 38px;
	width: 451px;
	position: absolute;
	top: 63px;
	right: 24px;	
	z-index: 120;
	text-align: right;
}


#nav {
	position: absolute;
	left: 24px;
	top: 106px;
	border-top: thin solid #655d5a;
	z-index: 99;
}


#portfolio img{
	border: none;
	padding: 0px; 
	margin: 4px 4px;
	float: left;
}

#portfolio img a{
	margin: 0px; padding: 0px; 
}

.services {
	display: inline;
}

#servicespost {
	width: 185px;
	height: 440px;
	border: none;
	margin: 0px 20px 0 0px;
	padding:0px 20px 0px 0px;
	border-right: 1px solid #655d5a;
}

#contactpost {
	width: 300px;
	height: 450px;
	border: none;
	margin: 0px 20px 0 0px;
	padding:0px 20px 0px 0px;
	border-right: 1px solid #655d5a;
}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/* End captions & aligment */

.push {
	clear: both;
	height: 80px;
	margin: 0px;
	margin: 0px;
}

#footer {
	padding: 0px;
	clear: both;
	height: 25px;
	background: #655d5a;
	padding-left: 24px;
	}

#footer p {
	font: 12px/25px Arial, Helvetica, sans-serif;
}

.adres {
	background: #655d5a;
	color: #fff;
	width: 900px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	letter-spacing: 2px;
}

.adres a:link, .adres a:hover {
	color: #fff;
}

/* stijlen*/


h2 {
	font: 95% "Times New Roman", Times, serif;
	margin: 15px 0 2px 0;
	padding-bottom: 2px;
	color:#d57916;
}

#baseline h1 {
	font: 16px "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	margin: 0px 0 0px 0;
	padding-bottom: 0px;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	margin-top: 0;
}


p {
	font: 12px/17px  Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
}

.storytitle {
	margin: 0;
}

.storytitle a {
	text-decoration: none;
}


.storycontent p {
	margin-left: -500px;
}

a {
	color: #FFF;
	padding: 0px;
	margin: 0px;
}

a img {
	border: none;
	padding: 0px;
	margin: 0px;
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #d57916;
}




/*------------- slider -------*/
.sliderGallery {
	overflow: hidden;
	position: relative;
	padding: 0;
	height: 485px;
	margin:0px 0px 0px 228px;
}
        
.sliderGallery UL {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 2400px; /*breedte zonder 228 pixels*/
}
        
.sliderGallery UL LI {
	display: inline;
	margin: -0px;
}


        
.slider {
	width: 98%;
	height: 16px;
	padding-top: 0px;
	position: absolute;
	top: 467px;
	background-color:#655D5A;
}
        
.handle {
	position: absolute;
	cursor: move;
	height: 16px;
	width: 40px;
	top: 0px;
	z-index: 100;
	background: #d57916 url(images/handler.jpg) no-repeat;
}

img {
	margin: 0px;
	padding: 0px;
}

.sliderGallery a img, .sliderGallery a {
	padding: 0px;
	margin: 0px;
	width: 300px;
	height: 150px;
}


.sliderGallery .services a img, .sliderGallery .services a {
	padding: 0px;
	margin: -1px;
	width: 185px;
	height: 100px;
}


/*------------- navigatie -------*/

#nav ul { margin: 0; padding: 0; list-style-type: none; }

#nav ul li { margin: 0; padding: 0; width: 180px; }

#nav ul a {
	font: 16px Tahoma, Geneva, sans-serif;
	letter-spacing: 0px;
	color: #FFF;
	display: block;
	height: 21px;
	width: 180px;
	color: #FFF;
	background: #322a27;
	text-decoration: none;
	text-indent: 20px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
	border-bottom: thin solid #655d5a;
	margin: 0px;
	padding: 0px;
}

#nav ul a:visited { 
	color: #EEE; 
	text-decoration: none; 
}

#nav ul a:hover {
	margin: 0;
	padding: 0;
	background-color: #655d5a;
	color: #d57916;
	text-indent: 20px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.5em;
}

#nav ul a.current_page_item a { background: #000; color: #fff; }