/* generated by csscreator.com */
a
{
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


#links a {
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #1e4877; 
	text-decoration: none;
}

#links a:hover {
    text-decoration: underline;
}

.textlink
{
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #1e4877; 
	text-decoration: none;
}

.textlink:hover
{
    text-decoration: underline;
}


.linkaanbieding
{
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: underline;
}

.linkaanbieding:hover
{
    text-decoration: none;
}

html, body{ 
 margin:0; 
 margin-top: 10px;
 padding:0; 
 text-align:center; 
 background: url(../../images/bg3.jpg) top left repeat-x #016690;
} 
 
p {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none} 

.nieuwsbrief {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}

img {
	padding: 4px 4px 0 4px;
	float: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding: 4px 4px 0 4px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	
}

ul, li {
text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none
}



#pagewidth{ 
 width:767px; /*was 779 */
 height:100%;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 border: 4px solid #ffffff; 
 background-color:#ecf5fc;
} 
 
#header{
 position:relative; 
 height:80px; 
 background-color:#FFFFFF; 
 width:100%;
 background: url(../../images/header.jpg) top left no-repeat;
} 

#nav{
 position:relative; 
 height:40px; 
 background-color:#FFFF00; 
 width:100%;
 /*background: url(../../images/header.jpg) top left no-repeat;*/
} 

/*
#menu {position:relative; width:767px; height:40px; background:transparent url(../../images/menu_bg.gif); overflow:hidden; margin:0 auto;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:100px; height:100px; display:inline;}
#menu a {display:block; float:left; height:40px; overflow:hidden; color:#000; text-decoration:none; padding-top:40px; background:transparent url(../../images/menu_hover.gif) no-repeat 767px 40px;}
* html #menu a  {height:40px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50; height:40px; width:119px;}
#menu a#item2:hover {background-position: 0 0; z-index:50; height:40px; width:178px;}
#menu a#item3:hover {background-position: 0 0; z-index:50; height:40px; width:177px;}
#menu a#item4:hover {background-position: 0 0; z-index:50; height:40px; width:105px;}
#menu a#item5:hover {background-position: 0 0; z-index:50; height:40px; width:112px;}
#menu a#item6:hover {background-position: 0 0; z-index:50; height:40px; width:76px;}
*/

#menu { height:40px; /*background:#dd0708;*/ background-image:url(../images/menu/bg.gif); }
#menu ul { list-style:none; margin:0; padding:0 0px;  }
#menu li { float:left; }
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:40px; width:100px; background-position:left top; }
#menu li a:hover span { display: block; position: relative; width:163px; height:40px; left:0px; top:-25px; z-index: 50; background-position:left bottom; }
#menu li#aanbiedingen a, #menu li#aanbiedingen a:hover span { display:block; height:40px; width:119px; background-position:left top; background-image:url(../images/menu/aanbiedingen.gif); }
#menu li#vragen a, #menu li#vragen a:hover span { display:block; height:40px; width:178px; background-position:left top; background-image:url(../images/menu/vragen.gif); }
#menu li#boekingen a, #menu li#boekingen a:hover span { display:block; height:40px; width:170px; background-position:left top; background-image:url(../images/menu/boekingen.gif); }
#menu li#adverteren a, #menu li#adverteren a:hover span {display:block; height:40px; width:106px; background-position:left top; background-image:url(../images/menu/adverteren.gif); }
#menu li#nieuwsbrief a, #menu li#nieuwsbrief a:hover span {display:block; height:40px; width:112px; background-position:left top; background-image:url(../images/menu/nieuwsbrief.gif); }
#menu li#contact a, #menu li#contact a:hover span {display:block; height:40px; width:77px; background-position:left top; background-image:url(../images/menu/contact.gif); }


 
#leftcol{
 width:497px; 
 float:left; 
 position:relative; 
 background-color:#ecf5fc; 
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 border-right: 4px solid #ffffff;
 border-top: 6px solid #ffffff;
 display: block;
 height: 100%;
 }
 
 #googlemap{
 width:497px; 
 float:left; 
 position:relative; 
 background-color:#99FF66; 
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 border-right: 4px solid #ffffff;
 border-top: 6px solid #ffffff;
 display: block;
 height: 185px;
 }
 
#maincol{
 background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:250px; 
 height:100%;
 border-left: 0px solid #ffffff;
 border-top: 6px solid #ffffff;
 border-bottom: 6px solid #ffffff;
 display: block;
 height: 100%;
 text-align: center;
 }
 
 #rightcol{
 background-color: #ecf5fc;  
 float: right; 
 display:inline; 
 position: relative; 
 width:250px; 
 height:100%;
 border-left: 4px solid #ffff00;
 border-top: 4px solid #ffffff;
 border-bottom: 4px solid #ffff00;
 display: block;
 float: center;
 }
 
 #bottomcols{
 width:500px; 
 float:left; 
 position:relative; 
 background-color:#ffffff; 
 padding-left: 0px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 border-right: 2px solid #ffffff;
 border-top: 2px solid #ffffff;
 display: block;
 height: 100px;
 }

 #bottomcols li {color:#fff;}
 
 #bottom1{
 width:234px; 
 float:left; 
 position:relative; 
 background-color:#017bae; 
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 border-right: 2px solid #ffffff;
 border-top: 0px solid #ffffff;
 display: block;
 height: 100px;
 }
 
 #bottom2{
 width:250px; 
 float:left; 
 position:relative; 
 background-color:#017bae; 
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 border-right: 2px solid #ffffff;
 border-top: 0px solid #ffffff;
 display: block;
 height: 100px;
 }
 
 #bottom3{
 width:243px; 
 float:right; 
 position:relative;
 clear:left; 
 background-color:#017bae; 
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 4px;
 padding-top: 4px;
 margin-top:5px;
 margin-left:4px;
 border-right: 0px solid #ffffff;
 border-top: 0px solid #ffffff;
 display: block;
 height: 100px;
 }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}