/* Start of CMSMS style sheet 'mavansloun CSS' */
*{
margin:0;
padding:0;
border:none;
}
body{
font:normal 12px Tahoma;
background:url(images/bg.gif) repeat-x #000; 
color:#ffffff;
}
.clr{
float:none;
clear:both;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#b91725;
text-decoration:underline;
}
img, div, input { behavior: url("iepngfix.htc") }

ul{
margin:0;
padding:0;
list-style:none;
}
#pagewrapper{
position:relative;
width:834px;
margin:0 auto;
text-align:center;
padding:0;
}
#leftcol{
position:absolute;
background:url(images/leftcolbg.jpg) no-repeat; 
width:13px;
height:522px;
display:inline;
left:0;
}
#midcol{
position:absolute;
width:808px;
left:13px;
text-align:left;

}
#rightcol{
background:url(images/rightcolbg.jpg) no-repeat; 
position:absolute;
width:13px;
height:522px;
display:block;
right:0;
}
#header #headerimg{
position:absolute;
left:0;
top:0;
width:808px;
height:368px;
z-index:10;
}
#header #headercontent{
position:absolute;
left:0;
top:0;
width:808px;
height:368px;
z-index:11;
}
#header #headercontent img#logo{
position:absolute;
top:10px;
left:30px;
width:132px;
height:74px;
}
#header #headercontent ul{
position:absolute;
right:0;
top:5px;
width:300px;
height:20px;
line-height:20px;
float:right;
display:inline;
text-align:right;
}
#header #headercontent li{
float:right;
display:inline;
padding:0 5px 0 0;
}
#header #headercontent li a{
padding:0 5px 0 0;
}
#header #headercontent li a:hover{
padding:0 5px 0 0;
color:#ffc6cb;
margin:2px 0 0 0;
}


#menu_vert  h1#title{
position:absolute;
left:24px;
/*top:265px;*/
top:-110px;
font:normal 90px Calibri, Arial;
height:97px;
letter-spacing:1px;
line-height:90px;
overflow:hidden;
float:none;
clear:both;
z-index:90;
color:#bb2117;
width:760px;
}
#menu_vert li.cafe h1#title{color:#b83b80;}
#menu_vert li.fun h1#title{color:#fcad1e;}

#menu_vert  img#titleimg{
position:absolute;
left:24px;
top:-47px;
z-index:100;
}
#content{
position:absolute;
background:url(images/rightbarpattern.jpg) top right repeat-y #131313;
top:368px;
left:0;
z-index:500;
}
#page{
float:left;
display:inline;
width:496px;

}
div#main{
float:left;
display:inline;
width:496px;
}

#main h2#artikeltitel{
width:486px;
height:50px;
background:#313131;
margin:50px 0 0 0;
font:normal 16px Arial;
line-height:50px;
padding:0 0 0 10px;
}
div#main #inhoud{
background:#262626;
padding:20px 10px;
min-height:550px;
height: auto !important;
height:550px;

height:100%;
width:476px;
overflow-x:hidden;
}

div#main #inhoud h2{
padding:0 0 10px 0;
font:normal 14px Arial;
}
div#main #inhoud h1{
font:bold 14px Arial;
padding:0 0 10px 0;
}
div#main #inhoud h3{
font:bold 12px Arial;
padding:0 0 10px 0;
}
div#main #inhoud img{
border:1px solid #000;
float:right;
display:inline;
margin:0 0 10px 0;
}
div#main #inhoud a{
color:#b91725;
}
/*NEWS*/

#news h2{
height:50px;
background:url(images/navbg3.jpg) no-repeat;
width:285px;
display:block;
padding:0 0 0 10px;
overflow:hidden;
margin:5px 0 0 8px;
}
div#news span{
font:normal 10px tahoma;
line-height:19px;
height:19px;
width:225px;
float:left;
overflow:hidden;
color:#5c0b12;
}
div#news span.nieuws{
font-type:Calibri,Arial;
letter-spacing:1px;
height:31px;
font-size:16px;
line-height:31px;
width:225px;
float:left;
color:#fff;
border-bottom:none;
}
div#news{
position:relative;
float:left;
display:inline;
width:312px;
padding:0 0 20px 0;
}

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

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



div.NewsSummary{
float:left;
display:inline;
width:295px;
margin:5px 0 0 8px;
}

div.newskop{
background:url(images/newspostbg1.png);
height:33px;
}


div.NewsSummaryAuthor{
float:left;
display:inline;
font:normal 12px tahoma;
line-height:18px;
padding:0 0 0 5px;
}
div.NewsSummaryPostdate{
float:right;
display:inline;
font:normal 10px tahoma;
color:#ffc5ca;
line-height:20px;
padding:0 5px 0 0;
}
div.NewsSummaryContent{
background:url(images/newspostbg2.png) bottom no-repeat;
width:285px;
padding:5px 5px 15px 5px;
font:normal 10px tahoma;
color:#ffe0e3;
}
#news p{
position:absolute;
bottom:0;
right:8px;
}

/*FORM*/

div.contactform{
width:474px;
}


div.contactform div{
float:left;
display:inline;
width:464px;
background:url(images/gbdivbg.gif);
height:25px;
margin:0 0 3px 0;
line-height:25px;
padding:0 0 0 10px;
}
div.contactform div.required{

height:100px;
background:url(images/gbdivbgt.gif);
}

div.contactform label{
color:#b83b80;
float:left;
display:inline;
width:100px;
}
div.contactform input{
float:left;
display:inline;
padding:2px 0 0 0;
height:19px;
margin:2px 0 0 0;
width:362px;
background:#ffe6f4;
font:normal 12px tahoma;
}
div.contactform textarea{
float:left;
display:inline;
background:#ffe6f4;
overflow:auto;
margin:2px 0 0 0;
height:96px;
width:362px;
font:normal 12px tahoma;

}
div.contactform div.submit{background:none;}
input#m3fbrp_submit{
background:url(images/input2.png);
height:49px;
width:120px;
float:right;
display:inline;
text-align:center;
line-height:25px;
padding:0 0 8px 0;
margin:0 -12px 0 0;
}
input#m3fbrp_submit:hover{
margin:2px -12px 0 0;
}
/* End of 'mavansloun CSS' */