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

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%; /* important, is parent of div "wrapper" */
}

body {
	background: no-repeat url(../gfx/interieur.jpg) #000;
	height:100%; /* important, is parent of div "wrapper" */
}

hr {
	margin: 1em 2em 0 2em;
}

.twocolumns#topmenu {
	background-color:#be1022;
	margin-bottom: 0px;
}
.twocolumns#topmenu p{
	float:right;
}
.twocolumns#topmenu p#titel{
	color:#fff;
	float:left;
	padding: 1em 2em;
}

.twocolumns#info{
	background-color:#690;
}

#menukaart{
	background-color:#151515;
}
#content #menukaart p {
	text-align:left;
	color:#eee; /*Groen : #690;*/
	padding: 8px 0 8px 0;
}
#content #menukaart a {
	color:#eee;
	text-decoration:none;
}
#menu{
	float:left;
	margin:5px 15px 0px 25px;
	}


#topmenu p a, #topmenu p a:visited, #topmenu p a:active{
	color:#ddd;
	font: 1.0em Verdana, Geneva, sans-serif;
	letter-spacing:.05em;
	margin: 0 0 0 25px;
	padding:2px;
	text-decoration:none;
}
#topmenu p a:hover {
	color:#fff;
}

#wrapper {
	height:auto !important; /* for modern browsers*/
	margin: 10px auto 0px auto;
	min-height:100%;
	padding: 1px;
	width:800px;
	height:100%; /* for IE*/
}

#content {
	padding-top:25px;
}

.clearcolumn{
	padding-top: 0em;
	clear:both;
}

.clearcolumnandpaddown{
	padding-top: 1.5em;
	clear:both;
}

.onecolumn {
	float:left;
	margin-left: 25px;
	width: 155px;
}

.onecolumn#logo{
	height:800px;}

.twocolumns {
	background-color: #F6FFE9; /* ORANJE: #C14A30; */
	
	float:left;
	margin-bottom:2em;
	margin-left: 25px;
	width: 525px;
}
.hasfollowup{
	float:left;
}
.hasfollowup .twocolumns {
	background-color: #F6FFE9; /* ORANJE: #C14A30; */
	
	float:left;
	
	margin-bottom:0px;
	margin-left: 25px;
	width: 525px;
}

.twocolumns p{
	padding: 12px 25px 0 25px;}
.twocolumns p.first{
	padding: 25px 25px 0 25px;}
.twocolumns p.last{
	padding: 12px 25px 25px 25px;}
	
.twocolumns#topmenu p{
	padding: 12px;
}

.threecolumns {
	float:left;
	margin-left: 25px;
	width: 650px;
	text-align: right;
}


/* TYPOGRAPHY */

#topmenu{
	
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
}


#content {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	letter-spacing:.01em;
	text-align:justify;
}

#content a, #content a:visited, #content a:active {
	color:#fff;
}

#content  h1{
	color:#C1492E;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.02em;
	margin-bottom:0.2em;
	margin-top:1em;
}

#content h1.notopmargin{
	margin-top:0;
}

#content .address {
	background-color:#BABABA;/*#eaeaea;*/
	color:#FFF;	/* #42210B; */
	font-size:0.8em;
	height:150px;
	letter-spacing:0.2em;
	padding:25px;
	width:150px;
}

#content p{
	color:#000;
}

#content p.small{
	font-size:.8em;}

.twocolumns#info p {
	color:#fff;
}




#fiche {
	background-color:#FFF;/*#eaeaea;*/
	
	margin-top:1em;
	padding:25px;
	text-align:left;
	width:150px;
}

#fiche li{
	font-size:1em;
	letter-spacing:0.1em;
	}
#fiche h1{
	color:#BABABA;
}

#content .picturecopyright {
	color:#666;
	font-size:0.7em;
	text-align:right;
}

ul.arrow {
	font-size:0.85em;
	letter-spacing:0.1em;
	list-style-image:url(../../enoteca2009/gfx/arrow2.gif);
	list-style-type:none;
	padding-left:1.2em;
}
ul.dash {
	font-size:0.8em;
	letter-spacing:0.1em;
	list-style-image:url(../../enoteca2009/gfx/dash.gif);
	list-style-type:none;
	padding-left:1.2em;
}

#content .credits{
	padding:0 0 2em 0;
	color:#bbb;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	text-align:right;
	width:730px;
}

#content .credits:hover{
	color:#eee;
}
#content .credits a, #content .credits a:visited, #content .credits a:active{
	color:#bbb;
	text-decoration:none;
}
#content .credits a:hover{
	background-color:#690;
	color:#eee;
}

/* Tabel */
table, caption, td, tr, th {
	margin:0;
	padding:0;
	font-weight:normal;
	}
table {
	border-collapse:collapse;
	margin-bottom:15px;
	width:100%;
	}
	
table tr{
	padding:2px;
	border:none;
	border-width:1px;
}

tbody tr.hoverme:hover{
	background-color:#fff;
}



/* GALLERY EFFECTEN */

.gallery a, .gallery a:link, .gallery a:hover, .gallery a:focus {
	color: #472f25;
	text-decoration:none;
	}
	
.gallery img.rmargin{
	border: solid #DEDEDE 1px;
	margin-right: 5px;
	margin-top:2px;
}

.gallery img.nomargin{
	border: solid #DEDEDE 1px;
	margin-right:0px;
	margin-top:2px;
}

.gallery img:hover{
	border-color:#fff;
	}