@charset "utf-8";
/*************************/
/****** page styles ******/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background-image: url(images/layoutImages/bgPattern.png);
	background-repeat: repeat;
	background-position: center top;
}
#contentLeft .homeBlock .moreInfo {
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#wrapper {
	margin: auto;
	width: 970px;
	position: relative;
}
/*************************/


/********************/
/****** header ******/
#header {
	background-image: url(images/layoutImages/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 399px;
	width: 970px;
	position: relative;
}
#header #logo {
	position: relative;
	padding-top: 35px;
	padding-left: 70px;
}
#headerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
	text-align: right;
	position: absolute;
	width: 630px;
	bottom: 70px;
	padding-right: 40px;
	padding-left: 300px;
	font-weight: bold;
	letter-spacing: 1pt;
}
/*************************/


/************************/
/**** top navigation ****/
#topNavigation  {
	position: absolute;
	bottom: 2px;
	height: 40px;
	width: 920px;
	padding-left: 25px;
	padding-right: 25px;
}
#topNavigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topNavigation li {
	float: left;
}
#topNavigation a {
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	display: block;
	height: 34px;
	line-height: 34px;
	padding-left: 32px;
	padding-right: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-image: url(images/layoutImages/redArrow.png);
	background-repeat: no-repeat;
	background-position: 12px 11px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	letter-spacing: 1px;
	margin-top: 1px;
}
#topNavigation a:hover {
	color: #169FEF;
	background-image: url(images/layoutImages/yellowArrow.png);	
}
/*************************/


/***************************/
/***** default content *****/
#content {
	position: relative;
	background-image: url(images/layoutImages/bgContent.jpg);
	background-repeat: repeat-y;
	padding-right: 35px;
	padding-left: 35px;
	background-position: center top;
	padding-bottom: 20px;
	padding-top: 0px;
}
#breadcrumb {
	font-size: 8pt;
	color: #999999;
	padding-top: 8px;
	padding-bottom: 25px;
}
.clearer {
	clear: both;
}
/*************************/


/************************/
/***** left content *****/
#contentLeft {
	width: 654px;
	padding-right: 20px;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #0C7EC4;
}
#contentLeft h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #03304F;
	font-size: 13pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #376380;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #EFEFEF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contentLeft p {
	line-height: 13pt;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.tableBorder {
	border: 1px dotted #366382;
}
#contentLeft .homeBlock{
	padding-left: 16px;
	position: relative;
	margin-bottom: 20px;
}
#contentLeft .homeBlock h1{
	font-weight: normal;
	font-size: 13pt;
	color: #043152;
	letter-spacing: 2px;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	top: -5px;
	background-color:transparent;
}
#contentLeft .homeBlock img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #CCC;
}
#contentLeft .homeBlock p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentLeft .homeBlock1 {
	background-image: url(images/layoutImages/rectBlue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentLeft .homeBlock2 {
	background-image: url(images/layoutImages/rectRed.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentLeft .homeBlock3 {
	background-image: url(images/layoutImages/rectGreen.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentLeft .homeBlock4 {
	background-image: url(images/layoutImages/rectBlue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*************************/


/************************/
/***** right content *****/
#contentRight {
	float: right;
	width: 215px;
	padding-left: 10px;
}
#contentRight h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	bottom: -6px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #03304F;
}
#contentRight ul {
	list-style-type: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
}
#contentRight li {
	font-size: 12pt;
	line-height: 12pt;
	background-image: url(images/layoutImages/redArrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#contentRight .title {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #0C79BC;
	line-height: 30px;
	vertical-align: bottom;
	height: 30px;
	padding-left: 8px;
}
#contentRight li a {
	text-decoration: none;
	color: #03304F;
}
#newsletter #txtEmail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000066;
	margin: 0px;
	padding: 0px;
	border: 1px solid #63919E;
	width: 156px;
}
#newsletter #btnNewsletter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #3A7B8D;
	margin: 0px;
	padding: 0px;
}
#newsLetterList a {
	font-size: 8pt;
}
/*************************/


/******************/
/***** footer *****/
#footer {
	background-image: url(images/layoutImages/bottom.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	font-size: 10pt;
	color: #999999;
	text-align: center;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
}
#footer p {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #07649F;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*************************/


/**************************/
/*** categories renting ***/
.categoryName {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	text-align:center;
	margin-bottom:5px;
}
.categoryHolder{
    width:93px;
    height:100px;
    position:relative;
    float:left;
    border-bottom:dotted 1px #cccccc;
}
.categoryImage{
    position:absolute;
    bottom:0%;
    text-align:center;
    left:15%;
}
.categoryImage img{
    margin-bottom:5px;
}
.categoryTitle{
    clear: both;
    font-size:11pt;
    font-weight:bold;
    background-image: url(images/redArrow.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left:10px;
	padding-top:10px;
}
/*************************/


/*****************************/
/*** renting product fiche ***/
.productFiche{
	border-bottom: 1px dotted #999999;
	position:relative;
	height:110px;
	padding-left:125px;
	margin-bottom:10px;
}
.productFiche p{
	margin: 0px;
	padding: 0px;	
}
.productFiche .image{
	position:absolute;
	left:10px;
	top:0px;
	width:100px;
	text-align:center;
}
.productFiche .name{
	font-size: 11pt;
	font-weight: bold;
	background-color: #CCCCCC;
	padding-left:5px;
	margin-bottom:5px;
}
.productFiche .price{
	text-align:right;
	font-weight: bold;
}
.productFiche .supplier{
	font-size:7pt;
	float:left;
}
.productFiche .ref{
	font-size:7pt;
}
/*************************/


/******************/
/*** references ***/
.refBlock {
	margin-top:10px;
    border-bottom: 1px dotted #999999;
	position: relative;
	height: 110px;
    padding-left:120px;
}
.refBlock .image {
    position:absolute;
	left:10px;
	top:0px;
	width:100px;
	text-align:center;
}
.refTitle {
	font-weight:bold;
	display:block;
}
.refDate 
{
    float:right;
    font-size:8pt;
    font-weight:bold;
}
/*************************/


/*************************/
/*** second hand block ***/
.secondHandFiche{
	border-bottom: 1px dotted #999999;
	position:relative;
	height:110px;
	padding-left:120px;
	margin-bottom:10px;
}
.secondHandFiche p{
	margin: 0px;
	padding: 0px;	
}
.secondHandFiche .image{
	position:absolute;
	left:10px;
	top:0px;
	width:100px;
	text-align:center;
}
.secondHandFiche .type{
	font-size: 10pt;
	font-weight: bold;
	background-color: ThreeDFace;
	padding-left:5px;
	margin-bottom:5px;
}
.secondHandFiche .price{
	text-align:right;
	font-weight: bold;
}
.secondHandFiche .merk{
	font-size:7pt;
	font-weight:normal;
}
.secondHandFiche .date{
	font-size:7pt;
}
/*************************/


/*****************************/
/** sales - material styles **/
.materialItem {
	position: relative;
	margin-bottom: 10px;
	font-size: 8pt;
	float: left;
	width: 50%;
}
.materialTitle {
	font-weight: bold;
	color: #1A4E59;
	font-size: 10pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #194E94;
}
#materialList .materialItem p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.materialItem img {
	float: left;
	margin-right: 5px;
}
/*************************/

#contentRight img {
	padding: 1px;
	border: 1px solid #CCC;
}
#contentLeft #frmReservation label {
	width: 140px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}

/*******************/
/***** form ********/
#frmReservation input, #frmReservation textarea {
	width: 200px;
	border: 1px solid #006;
}
#frmReservation #lblSelectedRoom {
	float: none;
	clear: both;
}
#frmReservation #fldDJService input{
	width:15px;
	float:left;
}
#fldDJService_0, fldDJService_1{
	width:auto;
}
#frmReservation #fldDJService label{
	width:auto;
	display:block;
	float:none;
	padding-right:0px;
	text-align:left;
}
.roomBlock {
	float: left;
	margin-right: 17px;
	width: 146px;
	height: 135px;
}
.roomBlock h3 {
	color: #333;
	text-align: center;
	font-size: 10pt;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.roomBlock img {
	border: 1px solid #CCC;
	padding: 2px;
}
.RoomPhotos {
	float: left;
	width: 306px;
	text-align: center;
}
.RoomInfo {
	font-size: 11px;
	color: #333;
	padding-left: 315px;
}
.RoomInfo ul {
	padding-left: 20px;
}

.RoomPhotos img {
	padding: 2px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
	text-align: center;
}
#contentLeft h4 {
	font-size: 11pt;
	color: #03416A;
	margin-bottom: 5px;
}
#contentLeft .imgBorder {
	padding: 1px;
	border: 1px solid #CCC;
}

#contentLeft h5 {
	font-size: 10pt;
	color: #E20A16;
	font-style: italic;
	margin-bottom: 5px;
}
#contentLeft blockquote {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#header #lang {
	position: absolute;
	top: 35px;
	right: 20px;
}
#header #lang a {
	text-decoration: none;
	font-weight: bold;
	color: #00080F;
	font-size: 10pt;
}