/*------------------------------*/
/*-----------Contents-----------*/
/*------------------------------*/
#top{margin: 0 auto; background: #454545; width: 925px; }
    #logo{border: 0px red solid;float:left; background: #2b2b2b; width: 322px; height:150px; padding-top: 30px; }
    #topmenu{float:left; background: #454545; width: 603px; height:180px; }
    
    #topmenu #talen {clear:both;}
    #topmenu #talen ul{float:right; padding:5px 5px 0 0;}
    #topmenu #talen ul li{float:left;display:block; background-color: #313131;margin-right:2px;text-align:center;padding-left:4px;padding-right:4px;}
    #topmenu #talen ul li a{color:#d8d8d8; font-family: Arial; font-size: 11px; }
    #topmenu #talen ul li a:hover{color:#ffffff;}
    
    #topmenu #shortmenu {clear:both;}
    #topmenu #shortmenu ul{float:right; padding:125px 0 0 0;}
    #topmenu #shortmenu ul li{float:left;padding-right:10px;}
    #topmenu #shortmenu ul li a{color:#d8d8d8; font-family: Arial; font-size: 12px; }
    #topmenu #shortmenu ul li a:hover{color:#ffffff;}

#container{line-height: 1.2em; margin: 0 auto; width: 925px; padding: 0px; background: #2B2B2B url(../images/bg_submenu.jpg) repeat;}
#submenu {border: 0px red solid; float:left; width: 322px; overflow: visible; background: #2B2B2B url(../images/bg_submenu.jpg) repeat;}
    #navigation{border-bottom: 0px red solid;}
    #navigation ul{border-bottom: 1px #373737 solid;}
    #navigation ul li{border-top: 1px #373737 solid;border-left: 1px #373737 solid;border-right: 1px #373737 solid;}
    #navigation ul li a{cursor: hand; height:30px; font-size: 16px; color: #c8c8c8; font-family: Arial; text-decoration: none; display: block; padding: 8px 0 0 18px; background: #1a1a1a; }
    #navigation ul li a:hover{cursor: hand; color: #ffffff; background: #373737;}
    
    #navigation ul ul
    {
    	background: #1a1a1a;
    	padding-left: 25px;
    	padding-bottom: 10px;
    }
        #navigation ul ul li{border: 0px;}
        #navigation ul ul li a{height:20px;  font-family: Arial; font-size: 13px; display: block; padding: 8px 0 0 18px; color: #c8c8c8; text-decoration: none;background: #1a1a1a; }
        #navigation ul ul li a:hover{color: #ffffff;  background: #1a1a1a;}
    
    #adres{width:322px;vertical-align: bottom; padding-bottom: 25px;}
    .guesthouse-bruges {padding: 0px 0 0 20px; font-family: Arial; font-size: 12px; color: #a2a2a2;}
    .guesthouse-bruges a {color: #a2a2a2;}
    
#content {float: left; width: 603px; overflow:visible;}
#header {margin: 0 auto; width: 603px; height: 406px;}

/*------------------------------*/
/*-----------Inlaypages---------*/
/*------------------------------*/

#tekst{clear:both; background-color: #d3d3d3; width: 603px; padding: 10px 0 0 0; font-family: Arial; font-size: 12px; color: #2b2b2b; overflow: auto; }
#tekst h1{ margin: 10px 0 10px 20px; padding: 0 0 10px 0; font-size:16px; color: #454545; border-bottom: #c5c5c5 1px solid; width:90%; }
#tekst h2{ margin: 10px 0 0px 20px; padding: 0; color: #000000; }
#tekst .intro { margin-top: 10px;}
#tekst .tekst  {
	padding: 0px 20px 20px 20px;
	text-align: justify;
}
#tekst .tekst a  {
	color: #000000; 
}
#tekst .img { float: left; width: 185px; height: 135px; border: solid 1px #494846; }

/*------------------------------*/
/*-----------Footer-------------*/
/*------------------------------*/
#footer {clear:both; margin: 0 auto; width: 925px;}
#leftfooter {float:left; width:322px; height:150px; background: #2B2B2B url(../images/bg_leftkolom.png) repeat;}
#rightfooter { float:left; width:603px;  height:150px; background-color: #454545;}
#leftfooter a { font-family: Arial; font-size: 10px; color: #2b2b2b; padding: 0px 0 0 20px; color:#ffffff;}
#bed-breakfast-brugge { height:100px; background-color:#454545;}
.online-booking {clear:both; float:right; padding-right: 25px; height: 40px;}
.online-booking a { margin-top:10px; padding:8px; background-color:#454545;}
.images {float:left; margin: 0 10px 10px 0; border: 1px white solid;} 
.item {cursor:hand;}

.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #bbbbbb;
	color: #484848;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #bbbbbb;
	color: #484848;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #bbbbbb;
	color: #484848;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}