/*
**		SUBLIEM SERVICEBEDRIJF
**
**		Author: 		C.L. Dons
**		Date: 			18-12-2009
**		Version: 		1.0
**		Copyright: 	© 2009 Outsourced ICT & New Media Solutions - www.outsourced.nl | www.outsourced.com.br
*/

/*
**		COMMON ELEMENTS
*/

html, body{
	height: 100%;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}

body{
	/*font: 62.5%/1 'Sybliem-Serif-Medium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	font: 62.5%/1 Georgia, serif;
	/*color: #9EA2A7;*/	
	color: #91959b;	
}

#wrapper{
	background: url(../img/side_background.gif) right repeat-y;
	position: relative;
	width: 970px;
	min-height: 100%; /* make it stretch the viewport */
	margin: 0 auto -55px auto; /* for the footer height we take -55px */
}
* html #wrapper{ /* for <= IE6 */
	height: 100%;
}

h1{
	font-family: 'Sybliem-Bold', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}

h2{
	font-family: 'Sybliem-Bold', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

h3{
	font-family: 'Sybliem-Bold', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 2em;
	font-weight: bold;
}

p, ul, dt, dd{
	font-size: 1.2em;
	line-height: 1.25em;
}
p.small{
	font-size: 1.1em;
}

a:link, a:visited, a:hover, a:active{
	color: #005585;
	text-decoration: underline;
}

.foutmelding{
	background: #E56154 url('../img/exclamation.png') no-repeat 5px 50%;
	color: #fff;
	padding: 5px 10px 5px 30px;	
}

.succesmelding{
	background: #6DC462 url('../img/accept.png') no-repeat 5px 50%;
	color: #fff;
	padding: 5px 10px 5px 30px;	
}	

/*
**		POSITIONING
*/

.drop-220{
	margin-top: 220px;
}
.drop-330{
	margin-top: 330px;
}
.drop-350{
	margin-top: 350px;
}

/*
**		HEADER & MENU
*/

#header{
	position: relative;
	background: url(../img/menu_background.gif) bottom repeat-x;
	height: 85px;
	overflow: visible;
}

#logo{
	position: absolute;
	top: 26px;
}

#menu{
	float: right;
	margin: 25px 21px 0 0;
}

#menu li{
	float: left;
	font-family: 'Sybliem-Medium', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 1.2em;
	line-height: 15px;
	margin: 20px 0 0 15px;
	text-align: right;
}

#menu li a{
	text-decoration: none;
}
#menu li.active a{
	color: #C27A26;
}

#menu li a .cufon{
	vertical-align: top;
}

/*
**		CONTENT PANES
*/

#p-subliem-left{
	width: 235px;
	float: left;
	border-right: 1px solid #B2B5B9;
}

#p-subliem-left h1{
	font-family: 'Sybliem-Bold', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 1.6em;
	color: #005585;
	text-align: right;
	margin: 5px 10px 5px 0;
}
#p-subliem-left h1 a{
	text-decoration: none;
}
#p-subliem-left p{
	font-size: 1.3em;
	text-align: right;
	margin: 0 10px 0 0;
}

#p-subliem-left p + h1{
	margin-top: 25px;
}

#p-subliem-left p:last-child{
	margin-bottom: 5px;
}

#p-subliem-right{
	width: 713px;
	float: left;
	padding-right: 21px;
}

#p-subliem-right #p-subliem-photo{
	float: left;
}
#p-subliem-right #p-subliem-photo-text{
	display: block;
	height: 200px;
}

#p-subliem-right #p-subliem-title{
	color: #005585;
	float: left;
	width: 390px;
	text-align: right;
	font-size: 2.2em;
	margin: 85px 0;
}
#p-subliem-right #p-subliem-title-text{
	color: #666;
}

#p-subliem-right p{
	margin: 10px 15px 9px 405px;
}

#adres{
	margin: 10px 0 0 0;
}

#p-multi-right{
	float: left;
	margin: 0 0 10px 0;
}

#p-multi-right #p-multi-title{
	color: #005585;
	width: 300px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	margin-top: 30px;
}
#p-multi-right #p-multi-title-wide{
	color: #005585;
	width: 390px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	margin-top: 30px;
}

#p-multi-right #p-multi-entry{
	color: #B2B5B9;
	width: 300px;
	text-align: right;
	margin: 10px 0 30px 0;
}
#p-multi-right #p-multi-entry-wide{
	color: #B2B5B9;
	width: 390px;
	text-align: right;
	margin: 10px 0 30px 0;
}


#p-multi-right #p-multi-photo{
	float: left;
}

#p-multi-right #p-multi-orange{
	color: #C17926;
	float: left;
	width: 365px;
	height: 200px;
	margin: 0 35px 0 15px;
}
#p-multi-right #p-multi-orange-small{
	color: #C17926;
	float: left;
	width: 275px;
	height: 200px;
	margin: 0 35px 0 15px;
}

#p-multi-right #p-multi-orange p, #p-multi-right #p-multi-orange-small p{
	margin-bottom: 15px;
}

#p-single{
	clear: left;
	float: left;
	margin: 50px 0 93px 0;
}

#p-single h1.carousel-title{
	color: #C17926;
	float: left;
	width: 225px;
	height: 65px;
	line-height: 65px;
	text-align: right;
}
#p-single .carousel{
	float: left;
	width: 165px;
	height: 65px;
	margin: 0 0 0 30px;
}

#p-single-right{
	float: left;
	margin: 0 35px 93px 235px;
}

#p-single-right p{
	margin: 0 0 10px 0;
}

#gmap-map{
	width: 780px;
	height: 440px;
}

.wideform p{
	width: 390px;
	margin: 0 0 23px 235px;
}

.wideform p.foutmelding{
	background: #E56154 url('../img/exclamation.png') no-repeat 5px 50%;
	color: #fff;
	padding: 5px 5px 5px 30px;
	width: 355px;
}

.wideform dl{
	width: 650px;
}

.wideform dl dt{
	float: left;
	text-align: left;
	width: 85px;
	margin: 9px 20px 23px 130px;
}

.wideform dl dd{
	margin: 0 0 23px 0;
}

.wideform dl dd input, .wideform dl dd select, .wideform dl dd textarea{
	font: 62.5%/1 Georgia, serif;
	font-size: 1.2em;
	width: 380px;
	padding: 5px;
}

.wideform dl dd textarea{
	height: 130px;
}

.wideform dl dd input.btn-verzenden{
	float: right;
	width: 86px;
	height: 17px;
	margin: 10px 18px 0 0;
}

/*
**		HOOGWERKER PANE
*/

.hoogwerker{
	margin: 0 0 50px 0;
}

.hoogwerker h1{
	color: #C17926;
	float: left;
	width: 625px;
	margin: 10px 345px 15px 0;
	text-align: right;
}

.hoogwerker ul.images{
	float: left;
	width: 235px;
	margin: 0;
}

.hoogwerker ul.images li{
	width: 221px;
	text-align: right;
	margin: 0 0 10px 0;
}

.hoogwerker img.focal{
	float: left;
}
.hoogwerker img.focal-mid{
	float: left;
	margin: 0 0 0 235px;
}

.hoogwerker p{
	float: left;
	width: 275px;
	margin: 0 35px 0 15px;
}
.hoogwerker dl{
	float: left;
	width: 275px;
	margin: 10px 35px 10px 15px;
}
.hoogwerker dl dt{
	float: left;
	width: 100px;
	line-height: 1.6em;
}
.hoogwerker dl dd{
	color: #666;
	line-height: 1.6em;	
}
.hoogwerker dl dd img{
	vertical-align: middle;
}

.hoogwerker .offerte-popup{
	display: none;
	width: 450px;
	height: 400px;
}

#fancybox-inner .offerte-popup h2{
	color: #005585;
	margin: 10px 10px;
}
#fancybox-inner .offerte-popup p{
	margin: 10px;
}
#fancybox-inner .offerte-popup p#foutmelding{
	display: none;
	background: #E56154;
	color: #fff;
	padding: 5px;
	width: 360px;
}

#fancybox-inner .offerte-popup dl{
	margin: 30px 0 0 10px;
}
#fancybox-inner .offerte-popup dl dt{
	float: left;
	width: 120px;
	margin: 2px 0 9px 0;
}
#fancybox-inner .offerte-popup dl dd{
	color: #000;
	margin: 0 0 9px 0;
}
#fancybox-inner .offerte-popup dl dd input, #fancybox-inner .offerte-popup dl dd select, #fancybox-inner .offerte-popup dl dd textarea{
	
	font: 62.5%/1 Georgia, serif;
	font-size: 1.2em;
	width: 195px;
}
#fancybox-inner .offerte-popup dl dd input.radio{
	color: #000;
	width: 15px;
	vertical-align: middle;
	margin: 1px 6px 3px 0;
}
#fancybox-inner .offerte-popup dl dd input.btn-verzenden{
	float: right;
	width: 86px;
	height: 17px;
	margin: 10px 20px 0 0;
}

/*
**		VERHUUR
*/

/*
**		CAROUSEL
*/

.carousel ul li{
	float: left;
}

.carousel .carousel-control{
	display: none;
}

/*
**		FOOTER
*/

#footer{
	position: absolute;
	bottom: 0;
	width: 970px;
	height: 93px;
	background: url(../img/logomark_subliem.gif) right no-repeat;
}

#footer p{
	color: #666;
	font-size: 1.03em;
	float: left;
	margin-top: 55px;
	padding-top: 5px;
	border-top: 1px solid #666;
}
#footer p  a{
	color: #666; /*#B2B5B9;*/
}

/*
**		FONT FACES
*/

/*@font-face { 
	font-family: 'Sybliem-Medium'; 
	src: url("../font/Sybliem-Medium.eot");
	src: local( Skip-Local-Subliem-Servicebedrijf-Nl ), url(../font/Sybliem-Medium.otf) format('opentype');
}
@font-face { 
	font-family: 'Sybliem-Bold';
	src: url("../font/Sybliem-Bold.eot");
	src: local(Skip-Local-Subliem-Servicebedrijf-Nl), url(../font/Sybliem-Bold.otf) format('opentype');
}*/
/*@font-face { 
	font-family: 'Sybliem-Serif-Medium';
	src: url(../font/Sybliem-Serif-Medium.eot);
	src: local(Skip-Local-Subliem-Servicebedrijf-Nl), url(../font/Sybliem-Serif-Medium.ttf) format('truetype');
	src: local(Skip-Local-Subliem-Servicebedrijf-Nl, url(../font/Sybliem-Serif-Medium.otf) format('opentype');
}*/