@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:hover {
	text-decoration: underline;
}

a:active, a:visited {
	color: #666666;
}


#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;
}

.baseline {
	float: left;
	margin: 110px 0px 10px 20px;
    padding: 0px;
	width: 190px;
	Height: 60px;
	background-image: url(../images/hotel_tolkantoor.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.banner {	float: left;
margin:0px 0px 0px 0px;
	    padding: 0px;
	height: 100px; width: 500px;}
#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;}

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

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


.col1 {
width: 330px;
float: left;
margin: 0px ;
padding: 0px;}

.col2 {
width: 320px;
float: right;
margin: 0px 0px 0px 0px ;
padding: 0px;}

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

.col1 p img, .col2 p img, .widecol p img {
margin: 0px;
padding: 5px 25px 5px 0px;
float: left;
}

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


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

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



.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;
}