/* Start of CMSMS style sheet 'main' */
/* CSS Document */

html * {
padding:0;
margin:0;
border:0;
}

body {
background:url(assets/gfx/bg.jpg) 0 0 repeat-x white;
font-family:Verdana;
font-size:11px;
line-height:14px;
color:#5e6a71;
}

p {
font:inherit;
margin:1.5em 0;
}

h1 {
color:#6699cc;
font-size:20px;
font-weight:normal;
line-height:20px;
margin-bottom:20px;
}

h2, h3, h3 span {
line-height:14px;
font-size:11px;
}

h2 {
font-weight:normal;
color:#6699cc;
margin-bottom:20px;
font-size:12px;
font-weight:bold;
}

h3 {
color:#6699cc;
}

h3 span {
color:#5e6a71;
}

h4 {
font-size:15px;
font-weight:bold;
color:#5e6a71;
margin:0 0 1.5em 0;
}

h5 {
font-size:13px;
line-height:14px
font-weight:bold;
color:#5e6a71;
}

h6 {
font-size:11px;
line-height:14px
font-weight:bold;
color:#5e6a71;
}

a:link,
a:visited,
a:active {
text-decoration: none;
color:#6699cc;
}

a:hover {text-decoration: none; color:#6699cc;}

ul, ol {
margin:0 15px 20px;
}

li { padding:0 0 0 35px; line-height:14px;}


dl {}

ul.tarieven li {
 padding:0 0 0 5px; line-height:14px;
}

table {
width:600px;
margin:0;
border:0;
}

tr {}

td {
font-size:11px;
vertical-align:text-top;
padding:5px 0;
border-collapse:collapse;
border-bottom:dashed 1px #ccc;
}

td.nobottom {border-bottom:none;}
td.bla {width:140px;}
td.leftmargin {padding-left:20px; border-left:dashed 1px; border-left-color:#ccc; }
td.rightmargin {padding-right:5px;}
td.first {
width:300px;
}

td.second {
width:200px;
}

td.third {

}

img {
border:none;
}

div.pagewrapper {
width:960px;
height:100%;
margin:0 auto;
background:url(assets/gfx/bg-grey.jpg) 0 0 repeat-x white;
position:relative;
}

div.contentwrapper {
padding-top:75px;
}

/*  MENU */
div#menu {
height:100%;
float:left;
margin-top:10px;
}

#menu * {
font-family:Verdana;
font-size:11px;
font-weight: normal;
line-height:20px;
}

#menu ul {
margin:0;
list-style-position:outside;
list-style-image:url(assets/gfx/bullet.gif);
}

#menu ul ul {
margin:0 20px;
}

#menu ul li {
margin:10px 0;
padding-left:10px;
}

li.currentpage,
#menu li:hover  {
list-style-image:url(assets/gfx/bullet_active.gif);
}

/* ------------------------------*/

div.side {
position:absolute;
left:710px;
top:200px;
width:230px;
}

div.side_reserv {
position:absolute;
left:665px;
top:160px;
}

div.side_reserv span {
margin-left:10px;
}

div.side_reserv h2 {
margin-bottom:0px;
margin-top:0;
}

div.content {
width:400px;
position:absolute;
left:210px;
}

div.contentwide {
width:530px;
position:absolute;
left:210px;
}

div.contentgalerie {
position:absolute;
left:210px;
}

.zones {
margin-top:0;
}

div.floatleft div {
float:left;
}

#flex {
margin:0 40px 10px 0;
}

#comfort {
margin:0 40px 0 40px;
}

#inspiration {
margin:0 0 0 40px;
}

p.ondertext {
width:120px;
margin:0 0 20px 0;
}

.contentwide p {
clear:both;
}

/*---- LANGUAGES --*/
.lang {
position:absolute;
top:110px;
right:10px;
}

.lang img {
margin: 0 10px 0 -5px;

}

.lang a {
color:#5e6a71;
}

.logo {
padding-top:30px;
}

.payoff {
position:absolute;
top:65px;
right:20px;
}

.nespresso {
float:right;
}

.nespresso_zones {
position:absolute;
top:474px;
right:10px;
}

/*------- QUOTES -------*/


#slideshow {
clear:both;
font-size:11px;
position:absolute;
top:230px;
left:0;
list-style:none;
text-indent:0;
width: 250px !important; 			/* ---- breedte voor IE ---- */
height: 200px !important; 			/* ---- hoogte voor IE ---- */
}

div.side_reserv #slideshow {
position:absolute;
top:300px;
left:0;
width: 300px !important; 			/* ---- breedte voor IE ---- */
height: 200px !important; 			/* ---- hoogte voor IE ---- */
}

#slideshow  li {
padding:0;
margin:0;
position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 100;
	opacity: 0.0;
	filter: alpha(opacity=0);
	text-align: left;
}

#slideshow  li.active_slide {
z-index: 102;
opacity: 1.0;
filter: alpha(opacity=100);
}

#slideshow  li.last_active_slide {
z-index: 101;
}

.quoteauthor,
.quotereference {
  font-size:9px;
  text-align:right;
  color:#5e6a71;
}

.quotecontent {
  color:#999;
  font-size:11px;
  line-height:14px;
}

/* End of 'main' */