/* FONT */
@font-face {
    font-family: 'BlueCakeAutospaced';
    src: url('bluecakeautospaced-webfont.eot?') format('eot'),
         url('bluecakeautospaced-webfont.woff') format('woff'),
         url('bluecakeautospaced-webfont.ttf') format('truetype'),
         url('bluecakeautospaced-webfont.svg#webfonttYNeWuds') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SchmutzICGCorroded';
    src: url('schmutzicgcorroded-webfont.eot?') format('eot'),
         url('schmutzicgcorroded-webfont.woff') format('woff'),
         url('schmutzicgcorroded-webfont.ttf') format('truetype'),
         url('schmutzicgcorroded-webfont.svg#webfontu0hl5DuK') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* raamwerk */
body{
margin : 0px;
font-family : Century Schoolbook;
font-size : 12pt;
color : #A18D7A;
background-color : #4c4d4d;
background-image : url(../images/bg.gif);
background-repeat : repeat-x;  
}

#center
{
margin-left : auto;
margin-right : auto;
width : 953px;
}

#bg
{
clear : both;
background : #211205 url(../images/onder.jpg) no-repeat bottom center;
width : 950px;
float : left;
}

#contenthome
{
float : left;
width : 908px;
padding : 15px;
padding-left : 20px;
margin-left : 7px;
margin-bottom : 10px;
}

#content
{
float : left;
width : 890px;
padding : 15px;
padding-left : 20px;
margin-left : 10px;
margin-bottom : 10px;
border-left : 1px solid #C2986D;
border-right : 1px solid #C2986D;
border-bottom : 1px solid #C2986D;
padding-top : 5px;
}

#spacer
{
clear : both;
width : 800px;
height : 5px;
float : left;
}

#bovenlinks
{
width : 294px;
height : 73px;
margin-top : 1px;
float : left;
background-image : url(../images/menu-linksboven.gif);
background-repeat : no-repeat; 
}

.menuoptie
{
    display:none;
    }

#bovenlinks a#home
{
margin-top : 73px;
float : left;
background-image : url(../images/01-home.gif);
background-repeat : no-repeat; 
background-position: left top;
width:99px;
height: 153px;
}

#bovenlinks a:hover#home
{
background-position: left bottom;

    }


#bovenlinks a#wildwest
{
margin-top : 73px;
float : left;
background-image : url(../images/02-avond-wild-west.gif);
background-repeat : no-repeat; 
background-position: left top;
width:107px;
height: 153px;
}

#bovenlinks a:hover#wildwest
{
background-position: left bottom;

    }

#bovenlinks #agenda
{
margin-top : 73px;
float : left;
background-image : url(../images/03-agenda.gif);
background-repeat : no-repeat; 
background-position: left top;
width:88px;
height: 153px;
}

#bovenlinks a:hover#agenda
{
background-position: left bottom;

    }

#bovenmidden
{
width : 229px;
height : 227px;
float : left;
background-image : url(../images/menu-middenboven.gif);
background-repeat : no-repeat; 
}

#bovenrechts
{
margin-top : 1px;
float : left;
background-image : url(../images/menu-rechtsboven.gif);
background-repeat : no-repeat; 
}

#bovenrechts #kijkjebinnen
{
margin-top : 73px;
float : left;
background-image : url(../images/03-een-kijkje-binnen.gif);
background-repeat : no-repeat; 
background-position: left top;
width: 104px;
height: 153px;
}

#bovenrechts a:hover#kijkjebinnen
{
background-position: left bottom;

    }

#bovenrechts #prijzen
{
margin-top : 73px;
float : left;
background-image : url(../images/04-prijzen.gif);
background-repeat : no-repeat; 
background-position: left top;
width: 85px;
height: 153px;
}

#bovenrechts a:hover#prijzen
{
background-position: left bottom;

    }

#bovenrechts #reserveren
{
margin-top : 73px;
float : left;
background-image : url(../images/05-reserveren.gif);
background-repeat : no-repeat; 
background-position: left top;
width: 118px;
height: 153px;
}

#bovenrechts a:hover#reserveren
{
background-position: left bottom;

    }

#bovenrechts #gastenboek
{
margin-top : 73px;
float : left;
background-image : url(../images/06-gastenboek.gif);
background-repeat : no-repeat; 
background-position: left top;
width: 120px;
height: 153px;
}

#bovenrechts a:hover#gastenboek
{
background-position: left bottom;

    }

/* index.asp */

.indexblok
{
float : left;
width : 444px;
}

.indexblok .boven
{
float : left;
width : 442px;
height : 20px;  
background-image : url(../images/blokbovengroot1.gif);
background-repeat : no-repeat; 
}

.indexblok .tekst
{
float : left;
width : 420px;
min-height : 210px;  
line-height : 120%;
border-left : 1px solid #C2986D;
border-right : 1px solid #C2986D;
border-bottom : 1px solid #C2986D; 
padding : 10px;
padding-top : 5px;
}

.indexblok .nieuwsbrief
{
float : left;
width : 420px;
line-height : 160%;
border-left : 1px solid #C2986D;
border-right : 1px solid #C2986D;
border-bottom : 1px solid #C2986D; 
padding : 10px;
padding-top : 5px;
}

.indexblok .tekst .links
{
float : left;
width : 420px;  
line-height : 140%;
font-size : 13pt;
padding-top : 10px;
}

#indexonder
{
float : left;
width : 900px;
margin-top : 20px;
}

#indexonder .blok
{
float : left;
width : 345px;
}

#indexonder .blok .boven
{
float : left;
width : 345px;
height : 15px;  
background-image : url(../images/blokbovengroot2.gif);
background-repeat : no-repeat; 
}

#indexonder .blok .tekst
{
float : left;
width : 339px;
min-height : 92px;  
line-height : 160%;
border-left : 1px solid #806359;
border-right : 1px solid #806359;
border-bottom : 1px solid #806359; 
padding : 2px;
font-size : 12pt;
text-align : center;
}

#indexonder #gastenboek
{
float : left;
width : 120px;
height : 102px;  
line-height : 160%;
font-size : 11pt;
text-align : center;
color : White;
background-image : url(../images/lijst.gif);
background-repeat : no-repeat;
margin-left : 5px;
margin-right : 12px;
padding-left : 40px;
padding-right : 30px;
padding-top : 25px; 
}

#indexonder .blok .tekst .contact
{
float : left;
text-align : left;
padding-left : 5px;
padding-right : 5px;
}

/* content */

#contentboven
{
width : 925px;
height : 7px;
float : left;
background-image : url(../images/contentboven.gif);
background-repeat : x-repeat; 
margin-left : 10px; 
margin-top : 10px; 
}

#contentmenu
{
width : 885px;
float : left;
padding-bottom : 5px;
border-bottom : 2px dashed #C2986D;
}

.contenttekst
{
float : left;
padding-top : 5px;
font-size : 11pt;
line-height : 140%;
}

#contentmenu a.menu
{
color : White;    
}

#contentmenu a:hover.menu
{
color : #FF0000; 
text-decoration : none;
}

#paginas
{
color : #FFCD97; 
font-size : 12pt;
margin-bottom : 1em;   
}

#paginas a, #paginas a:visited
{
color : white;
}

#paginas a:hover
{
color : #FF0000; 
}

#paginas a.selected
{
color : #FFCD97;
font-size : 14pt;
}

#thumbs
{
float : left;
width : 870px;   
}

#thumbs .image
{
margin : 20px;   
border : 2px solid #FFCD97;
width : 110px;
text-align : center;
height : 73px;
}

#fotogroot
{
float : left;
width : 370px;   
}

#fotogroot .image
{
float : left;
border : 2px solid #FFCD97;
margin-top : 20px;
text-align : center;
}

#fotogroot #omschrijving
{
float : left;
width : 370px;
margin-top : 1em;
text-align : center;
color : #FFCD97;
}

/* overig */
h1
{
font-family: 'BlueCakeAutospaced', Century Schoolbook;
font-size: 46px;
color : #ffcd91;  
line-height:52px;
text-align:center;
margin: 0px;
}

h2
{
font-family: 'BlueCakeAutospaced', Century Schoolbook;
font-size:32px;
color : #ffcd91; 
line-height:38px;
font-weight : normal;
margin: 0px;
}

h3
{
margin : 0px;
padding : 0px;
font-size : 12pt;
font-weight : normal;
color : #E96634;
}

p
{
margin : 0;   
}

form
{
margin : 0px;   
}

input
{
font-family : Century Schoolbook;
font-size : 10pt;  
}

textarea
{
font-family : Century Schoolbook;
font-size : 10pt;    
width : 310px;
height : 80px;
}

img
{
border : 0;
margin : 0;
padding : 0px;
}

hr 
{
font-size:1px;
visibility:hidden;
height:1px;
clear:both;
margin:0;
padding:0;
line-height:1px;
display : none;
}

a, a:visited
{
color : #FF0000; 
text-decoration : none;
}

.image
{
float : left;   
}

.geenrand
{
border : 0px;   
}

ul
{
margin : 0px;
padding : 0px;
padding-bottom : 1em;
padding-left : 20px;
}

li
{
margin : 0px;
padding : 0px;
list-style-type : none;
}

strong
{
color : #E96634;
}

td
{
border-bottom : 1px dashed #C2986D;
}
