@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
background-image:url(../images/pattern.jpg);
background-position:left top;
background-repeat:repeat;
height: 100%;
}

html, body {height: 100%;}


/* ------ DIV STYLES ------ */

#wrap{
width:950px;
min-height: 100%;
margin:0 auto;
}

#menu-top{
background-color:#FFFFFF;
width: auto;
height: 55px;
padding:0;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;;
}

#blockmid{
width:auto;
padding:10px 0 50px 0;
overflow: auto;
background-color:#eeeeee;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;}

#pic-head{
float:left;
height:auto;
width:auto;
margin:0;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#FFFFFF;
padding:3px 3px 3px 0;}

#content{
float:left;
text-align:left;
width:400px;
height: auto;
padding:0 0 0 25px;
margin:0 0 30px 0;}

#footer{
position: relative;
width: auto;
margin:-50px 0 0 0;
height:50px;
padding:10px 0 0 10px;
clear:both;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
background-color:#ffffff;
display:block;
overflow:hidden;
}

#foottext{
width:auto;
height:auto;
padding:0;
margin:0 0 0 5px;}

#salon{
width:auto;
height:auto;
padding:0 0 0 0;
padding:20px;}

#heads{
width:auto;
height:auto;
padding: 5px 0 0 0;
border-bottom:1px dotted #999999;
margin: 0 0 10px 0;}

#open{
float:left;
position:absolute;
width: auto;
height:auto;
padding: 10px;
background-color:#6e2017;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
margin: 25px 0 0 0;}


#freakybar{
display:block;
clear:both;
width: 950px;
height:auto;
background-color:#eeeeee;
margin:0;
border:1px solid #cccccc;
overflow:hidden;
}

.freakyhead{
width: auto;
height: auto;
padding:15px 0 0 0;}

.freakycontent{
float:left;
width: 217px;
height: auto;
padding:10px;
background-color:#eeeeee;
margin:5px 0;
display:block;
}
.freakycontent img{
	margin: 0 0 10px 0;
}

#text{
width:auto;
height:auto;}

#mo-logo{
float:left;
width:auto;
height:auto;
margin:15px 0 0 0;}

#mo-small{
float:left;
width:auto;
height:auto;
margin:-4px 5px 0 0;}

/* ------ TEXT STYLES ------ */

p{font-family: Georgia, "Times New Roman", Times, serif;
color: #666666;
font-size:80%;
font-weight:normal;
line-height:160%;
margin:0 0 10px 0;}

h1{
color:#6e2017;
font-size:24px;
margin:0 0 10px 0;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;}

h2{
color:#6e2017;
font-size:16px;
margin:0 0 2px 0;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;}

h3{
color:#ffffff;
font-size:16px;
margin:0 0 2px 0;
font-weight:lighter;
font-family:Georgia, "Times New Roman", Times, serif;}

strong{color:#6e2017;}

a:link, a:visited, a:active{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color: #6e2017;text-decoration: none;}	
a:hover {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color: #333333;text-decoration: underline;}

/* ------CLASSES ------ */

.img{
float:left;
clear:both;
margin:0;}

.img-b{border:1px solid #cccccc;
background-color:#FFFFFF;
padding:4px;}

.img-mo-small{
margin-top:20px;}

.border-left{border-left:1px solid #CCCCCC;
padding:0 0 0 10px;}

.border-bottom{border-bottom:1px dotted #CCCCCC;
padding:0 0 0 10px;}

.tarieven{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:160%;
color: #666666;
background-color:#FFFFFF;
border-bottom:1px dotted #CCCCCC;
padding:5px;}

.tar-head{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
background-color:#6e2017;
border-bottom:1px dotted #CCCCCC;
padding:5px;}

.box-tijd{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:160%;
color: #FFFFFF;
border-bottom:1px dotted #CCCCCC;
padding:5px 0 5px 0;}

.textbox{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#6e2017;
background:#FFFFFF;
border:1px solid #CCCCCC;
padding:10px;
margin:10px 0 0 0;
overflow:hidden;}

.textbox img{
float:left;
border:1px solid #cccccc;
background-color:#FFFFFF;
padding:4px;
margin:0 10px 0 0;}

.textwit{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:160%;
color: #FFFFFF;}

/* ------ DJOONS ------ */

#djoons{float:right;
width: 29px;
  height: 22px;
  margin:-30px 10px 0 0;}

#dj-small{float: left;
display: block;
  width: 29px;
  height: 22px;
  background: url(../images/djoons-foot.png) no-repeat 0 0;
  margin: 0;}

#dj-small:hover{ background-position: 0 -22px;}

#dj-small span{display: none;}