@charset "utf-8";
/* CSS Document */

/* Stylesheet for www.tolkantoor.be */
/* author: Britt Mesdagh */
/* www.mixette.com */




/* algemene definities */

body {
	background-color:#e77e28;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-position: center top;
	font-family: Georgia, verdana, helvetica, Times, serif;
 font-size:62.5%}

a {
	font-style: normal;
	color: #CC9933;
	text-decoration: none;
}
a:active, a:visited {
	color: #FFCC66;
}

a:hover {
	text-decoration: underline;
}



#wrapper {
text-align: left;
width: 993px;
margin: 20px auto 0px auto;
padding: 0px;
}

#header {
width: 993px;
height: 180px;
margin: 10px 0px 0px 0px;
padding: 0px;
}


.logo {
	float: left;
	background-image: url(../images/tolkantoor_logo.gif);
	width:276px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: bottom;
}


#rightheader {
height: 180px;
float: left;
width:717px;
margin: 0px 0px 0px 0px;
padding: 0px;}


.baseline {
	float: left;
	margin:110px 0px 0px 18px;
    padding: 0px;
	width: 150px;
	Height: 25px;
	/*background-image: url(../images/hotel_tolkantoor.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	font-family: myriad pro,verdana, helvetica, Times, serif;
	color:#fff;
	font-size: 22px;
	font-weight:normal;
}

.banner {float: left;
margin:5px 0px 0px 25px;
padding: 0px;
height: 100px; 
width: 500px;}
	

/*  menu    */



#menu {
clear: both;	
width:717px;
height: 27px;
margin: 21px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}
html>body #menu {margin-left: 20px; }
.menuitem {text-align:center;
	height: 27px;
	width:91px;
	float:left;
	padding:0px;
	margin: 0px 2px 0px 2px;
	background-image: url(../images/menu_bg.gif);
background-repeat: no-repeat;

}
.current{text-align:center;
	height: 27px;
	width: 91px;
	float:left;
	padding:0px;
	margin: 0px 1px 0px 1px;
	background-image: url(../images/menu_bg_blauw.gif);
background-repeat: no-repeat;

}
.current a, .current a:active, .current a:hover, .current a:visited {
	color:#FF8000;
	text-align:center;
	height: 27px;
	font-family: arial, verdana, helvetica, Times, serif;
	font-weight:bold;
	font-size: 1.3em;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	
}
.menuitem a {
text-align:center;

	color:#fff;
	font-family: arial, verdana, helvetica, Times, serif;
	font-weight:bold;
	font-size: 1.3em;
		line-height: 1.6em;
	text-decoration: none;
padding: 0px 10px 0px 10px;
	margin: 0px;
	
	
}

.menuitem a:visited {
	color:#fff;
}
.menuitem a:hover {
	color:#fff;	
	text-decoration:none;
}
#bodywrapper {
	width: 993px;
	margin: 0px;
	padding: 0px;
	float:none;
	background-image: url(../images/bodywrapper_bg.gif);
	background-repeat: repeat-y;
}



#left {
	float: left;
	background-image: url(../images/leftmenu_mid.gif);
	width: 276px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
}
#leftbottom {
	background-image: url(../images/leftmenu_onder_rounded.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
	width: 276px;
	height: 17px;
}


.leftlight {
width: 276px;
margin: 10px 0px 30px 0px;
padding: 0px;
}

.leftlightmid{
width: 276px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../images/leftmenu_lichtkader-mid.gif);
background-repeat: repeat-y;
	}

.leftlighttop{
	width: 276px;
	margin: 0px;
	padding: 0px;
	height: 13px;
	background-image: url(../images/leftmenu_lichtkader-top_rounded.gif);
	background-position: center bottom;	
	background-repeat: no-repeat;
	}

.leftlightbottom {
width: 276px;
height: 10px;
margin: 0px;
padding: 0px;
background-image: url(../images/leftmenu_lichtkader-bottom_rounded.gif);
background-position: center top;
background-repeat: no-repeat;}

.leftlightmid h1 {
margin: 0px;
padding: 10px 0px 10px 20px;
font-size: 1.9em;
color:#c05314;
	}
	
.leftlightmid p {
margin: 0px;
padding: 10px 30px 10px 20px;
color:#ffffff;
font-size: 1.2em;
}


#mid{
width: 717px;
margin: 0px;
padding: 0px;
float: right;
}
	
#midtop {
	width: 717px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/midden_top.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	
}

#midmid {
background-image: url(../images/midden_bg.gif);
background-repeat: repeat-y;
width: 717px;
margin:0px 0px 0px 0px;
padding: 0px;}

.fotogallery {
	width: 670px;
	Height: 225px;
	padding: 20px 0px 10px 10px;
	margin: 0px;
	background-color: #000000;
}

.foto1, .foto2, .foto3 {
float: left;
width: 220px;}


.fotolink {
	width: 670px;
	height: 20px;
	font-size: 1.1em;
	color: #CC9933;
	text-decoration: none;
	text-align:right;
	font-style: italic;}

.fotolink a:hover {	text-decoration: underline;}

.fotolinkleft {
	width: 670px;
	height: 20px;
	font-size: 1.1em;
	color: #CC9933;
	text-decoration: none;
	text-align:left;
	font-style: italic;}

#colwrapper {
margin: 30px 0px 0px 10px; 
padding: 0px;
width: 670px;}

.widecol {width: 650px;
float: left;
margin: 0px ;
padding: 0px;}


.linkscol1 {float:left;
width: 330px;
margin: 0px 0px 0px 0px ;
padding: 0px;}
.linkscol2 {float: right;
width: 330px;
margin: 0px 0px 0px 0px ;
padding: 0px;}


.col1 {
width: 670px;
margin: 0px 0px 0px 0px ;
padding: 0px;}

.col2 {
	width: 220px;
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 10px 10px 10px 10px;
}

.col1 p, .widecol p,.linkscol2 p, .linkscol1 p {
color:#ffffff;
font-size: 1.2em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;}

.col2mid p {
width: 190px;
color:#ffffff;
font-size: 1.1em;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;}


.col1 p img.left, .col2 p img, .widecol p img, .linkscol2 img, .linkscol1 img {
margin: 0px;
padding: 0px 15px 10px 0px;
float: left;
}

.col1 p img.right{
margin: 0px;
padding: 0px 0px 10px 10px;
float: right;
}


.col2mid p img {
margin: 0px;
padding: 0px 5px 5px 0px;
float: left;
}

.col1 h1, .col2 h1, .widecol h1, .linkscol2 h1, .linkscol1 h1 {
color:#c05314;
font-size: 1.4em;
margin: 10px 0px 5px 0px;
padding: 0px 10px 0px 10px;}

.col2mid h1 {

color:#fff;
font-size: 1.6em;
margin: 10px 0px 5px 0px;
padding: 0px 5px 5px 5px;}



.col1 ul, .col2 ul, .col2mid ul, .widecol ul, .linkscol2 ul, .linkscol1 ul {
margin: 0px;
font-size: 1.2em;
padding: 10px 10px 10px 20px;
}

.col1 ul li, .col2 ul li, .widecol ul li, .col2mid ul li,.linkscol2 ul li, .linkscol1 ul li {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #fff;
	list-style-type: square;
	list-style-position: inside;
}


.col2mid{
width: 218px;
margin: 0px 0px 0px 0px;
padding: 4px 10px 4px 10px;
background-image: url(../images/right-balk-mid.gif);
background-repeat: repeat-y;
	}

.col2top{
	width: 218px;
	margin: 0px;
	padding: 0px;
	height: 7px;
	background-image: url(../images/right-balk-top.gif);
	background-position: center bottom;	
	background-repeat: no-repeat;
	}

.col2bottom {
width: 218px;
height: 9px;
margin: 0px;
padding: 0px;
background-image: url(../images/right-balk-bottom.gif);
background-position: center top;
background-repeat: no-repeat;}


.quotes {
	background-image: url(../images/leftmenu_mid.gif);
	background-repeat: repeat-y;
	width: 276px;
	margin: 0px;
	padding: 0px;}

.quoteswrapper { 
width: 276px;
margin: 10px 0px 30px 0px;
padding: 0px;}

.quoteleft {
float: left;
	background-image: url(../images/quote_left.gif);
	background-repeat: no-repeat;
	width: 33px;
	height: 26px;
	margin: 0px 0px 0px 10px;
padding: 0px 5px 0px 0px;
}
.quotetext {
	float: left;
	font-size: 1.6em;
	color:#ffffff;

	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 0px;
	font-style: italic;
}

.quoteright {
	float: right;
	background-image: url(../images/quote_right.gif);
	background-repeat: no-repeat;
	width: 33px;
	height: 25px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	background-position: left bottom;
}
.quotebaseline {
clear: both;
font-size: 1.1em;
color:#c05314;
margin: 10px 25px 10px 35px;
padding: 0px;}



#footer {
text-align: left;
width: 993px;
margin: 0px 0px 0px 0px;
padding:10px 10px 0px 10px;
background-image: url(../images/footer.gif);
background-repeat: repeat-y;
}

#footer p {
margin: 10px 0px 0px 20px;
padding:10px 10px 0px 10px;
font-size: 1.2em;
color:#ffffff;}


.clr {clear: both; }

.mixette {
color:#ffffff;
width: 900px;
text-align:right;
padding: 0px 20px 0px 0px;
}


p.oranje {color:#c05314;
font-size: 1.3em;
}

h1.whiteheader {font-size: 1.8em;color:#fff;margin-bottom: 15px;}

#thumbs,#gallerythumbs {padding: 10px;}


#gallerythumbs {
	background-color: #1c1c22; margin: 0px 10px 0px 10px;
}
#thumbs img {float: left; margin: 10px 10px 10px 10px;}

#gallerythumbs img a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#gallerythumbs img {float: left; margin: 5px 10px 5px 10px; border:none;}