body
    {
    	background:     #f5f2e8 url(../bg/bg_main.png) repeat-x;
        font-family:    "Times New Roman";
        font-size:      13px;       
        padding:        0;
        margin:         0;
        line-height:    1.4em;
    }

table
    {
    	font-family:    "Times New Roman";
    	font-size:      14px;
    }
a
    {
    	color:          #807c74;
        text-decoration: none;
    }
    
a:hover { text-decoration: underline; }

#wrapper { width: 969px; margin: 0 auto; }

#top
{
    width:          960px;
    height:         73px;
    border:         0px red solid;
}

#taal
{
     font-family:    "Times New Roman";
     width:          270px;
     height:         30px;
     border:         0px red solid; 
     padding-top:    17px;
     float:          left;
     font-style:     normal;
}

#taal ul li
{
    float:          left;
    height:         26px;
    width:          26px;
    display:        block;
    padding:        0px 0 0px 0px ;
    margin:         0px;
    border:         0px red solid;
    text-align:     center;
}

#taal ul li a
{
    height:         26px;
    width:          26px;
    font-size:      11px;
    color:          #ffffff;
    display:        block;
    padding:        0px 0 0px 0px ;
}

#taal ul li a:hover
{
    background:         url(../bg/bg_taal.png) no-repeat;
    text-decoration:    none;
    height:             26px;
    width:              26px;
    display:            block;
    padding:            0px 0 0px 0px ;
}

#taal .active
{
    background:         url(../bg/bg_taal.png) no-repeat;
    text-decoration:    none;
    height:             26px;
    width:              26px;
    display:            block;
    padding:            0px 0 0px 0px ;
}

#menu
{
        float:          right;
        width:          680px;
        border:         0px red solid;   
        text-align:     right;
        padding-top:    17px;
        
}

#menu ul
{
        padding:       0px;
        margin:        10px 0 0 0px;
        float:         right;
}


#content
{
        width:      969px;        
        color:      #807c74;
        padding-top:0px;
        clear:      both;
        overflow:   hidden;
}

#submenu
{
    float:          left;   
    width:          355px; 
    height:         474px;
    text-transform: capitalize;
    background:     url(../images/speghelhof_bed-breakfast_wervik_02.jpg) no-repeat right;
}

#logies-ieper
{  
    text-align:     center;
    width:          500px;
    padding:        0px 0px 10px 150px;
    border:         0px red solid;
}

#logies-ieper ul
{
    list-style:      none;
    padding:         0;
    margin:          0;
    text-transform:  capitalize;
    list-style:      inside url(../bg/list_style.png);
}

#logies-ieper ul li
{
    display:inline;
    text-transform:  capitalize;
    border-bottom:   1px solid #b1ac9f;
    margin:          20px 10px 10px 0;
}

#logies-ieper ul li a
{
    color:           #3a3026;
    font-size:       14px;
    text-transform:  capitalize;
    padding:         20px 0 0 0;
    font-style:      italic;
}

#logies-ieper ul li a:hover
{
    color:              #807c74;
    text-decoration:    none;
    text-transform:     capitalize;
}

#fotogalerij
{
    float:          left;
    padding-top:    50px;
    width:          345px;
    
}

#fotogalerij .bigfoto
{
    width:          343px;
    height:         273px;
    background:     url(../bg/big_foto.png) no-repeat;  
}
#fotogalerij .bigfoto img
{
    width:          300px;
    height:         230px;
    padding:        18px 0 0 19px;
}

#fotogalerij .smallfoto
{
    padding:        10px 0 0 20px;
}

#fotogalerij .thumbnail
{
    float:          left;
    width:          76px;
    height:         60px;
    background:     url(../bg/thumbnail.png) no-repeat;  
}

#fotogalerij .thumbnail img
{
    width:          67px;
    height:         53px;
    padding:        3px 0 0 4px;
}


#left
{
    float:               left;
    width:               561px;
    padding-left:        0px;
}

#midden
{
    float:              left;
    width:              400px;
    border:             0px red solid;
    display:            block;
    padding-top:        70px;
    color:              #807c74;
}

#midden .text
{
    color:              #807c74;
    text-align:         justify;    
    font-style:         italic;
    padding:            0px 20px 20px 10px;
}

#midden .text p
{
    padding:            0px;
    margin:             0px;
}

#midden .text a
{
	color:              #544e3b;
    text-decoration:    none;
    border-bottom:      1px solid #544e3b; 
}
    
#midden .text a:hover
{
	color:              #544e3b;
    text-decoration:    none;
    border-bottom:      0px solid #544e3b; 
}

/* Er is geen linker-marge */

#middenLarge
{
    float:              left;
    background:         url(../bg/bg_text.jpg) no-repeat;
    width:              371px;
    border:             0px red solid;
}

#middenLarge .text
{
   
    color:          #544e3b;
    text-align:     justify;
    font-size:      12px;
    margin:         75px 20px 20px 10px;
    padding-left:   0px;        
    overflow:       auto;
    height:         370px;
    width:          340px;
}

#middenLarge .text .titel
{
    color:          #ffffff;
    text-align:     justify;
    font-size:      28px;
    padding:        0px 0px 10px 0px;
}

#middenLarge .text a
    {
    	color:          #544e3b;
        text-decoration: none;
        border-bottom:  1px solid #544e3b; 
    }
    
#middenLarge .text a:hover
    {
    	color:           #544e3b;
        text-decoration: none;
        border-bottom:   0px solid #544e3b; 
    }
    
#right
{
    float:                  left;
    width:                  172px;
    padding-left:           0px;
}

#bed-breakfast-Wervik
{
    display:            none;
}

.subtitel { font-size: 18px; padding: 65px 0 0 88px;}

#contact {clear:both;  color:#3c332c; height: 39px; border: 0px solid red; background: #3c332c url(../bg/bg_contact.png) repeat-x; margin-top: 0px;}
#contact #contactcontent { margin: 0 auto; width:969px; padding-top:10px;font-style: italic;}
#contact ul { color:#3c332c; font-size: 13px; margin:0; padding: 0px 0 0 180px; }
#contact ul li {background-color: #f5f2e7; font-size: 13px; color:#3c332c; display: inline; padding-right: 10px; }
#contact ul li a { color: #3c332c; font-size: 13px; }
#contact ul li a:hover { color: #3c332c;text-decoration: none; }

#footer {clear:both; color:#605b45; height: 100px; border: 0px solid red; background: #3c332c url(../bg/bg_footer.png) repeat; margin-top: 25px;}
#footer #footercontent { margin: 0 auto; width:969px;padding-top:10px;}

#linksfoot
{
    float:          left;
    border:         0px solid black;
    color:          #3c332c; 
    font-style:     italic;
    padding:        10px 0 0 50px;
}
#footer #rightfoot
{
    float:          right;
    color:          #605b45; 
    padding:        10px 30px 0px 0px;
}
#footer ul { color:#ffffff;  margin:0; padding: 0; font-size:12px; }
#footer ul li { color:#ffffff;display: inline; }
#footer ul li a { color: #ffffff; font-style: italic;}
#footer ul li a a:hover { color: #ffffff;text-decoration: underline; }
.footerlink {color: #ffffff;}

.foto { width:100px; margin: 0px 10px 0 10px; border:1px solid #ffffff; float: right; }
.images {float:left; width:50px; height:50px; padding: 10px 0 0 10px;}
.galerij {float:left; width:50px; height:50px; padding: 10px 0 0 10px;}

img
{
    border: 0px;
}


.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #ffffff;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #ffffff;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #868686;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
}