div { /* border: 1px dotted black; */ }


html, body {
	height: 100%;
}
body {
	background-color: #ffffff;
	background-image: url(../images/topbalk.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #49413e;
}
#center {
	background-image: url(../images/back_center.gif);
	background-repeat: no-repeat;
	font-size: 1.2em;
	width: 960px;
	text-align: left;
	min-height: 100%; 
	padding-top: 20px;
    height: auto !important;
    height: 100%; 
    margin: 0 auto -150px;
}

#home {
	padding-bottom: 25px;
}
#headerleft {
	background-image: url(../images/logo_back.gif);
	background-repeat: no-repeat;
	float: left;
	width: 340px;
	height: 255px;
	*height: 254px;
}
#homeleft, #bottomleft {
	float: left;
	margin-right: 40px;
	width: 300px;
	padding-bottom: 50px;
}
#bottomleft {
	padding-bottom: 20px;
}
#headerright,#footerhome,#homeright {
	float: right;
}
#headerright {
	width: 620px;
}
#homeright {
	width: 620px;
}

#logo {
	width: 200px;
	height: 200px;
	margin-bottom: 32px;
	*margin-bottom: 31px;
	margin-top: 5px;
	float: left;
}

#homebutton {
	float: right;
}
#taal {
	clear: both;
}

#scheiding2 {
	height: 8px;
	margin-bottom: 15px;
	width: 960px;
	background-color: white;
	clear: both;
	*clear: none;
}

#footer, #clearfooter { 
	padding: 20px 0px 30px 340px;
	margin-top: 40px;
    height: 20px;
    clear: left;
} 
#footer {
	font-size: 11px;
	text-align: left;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #e1e1e1;
}


/* ACHTERLIGGENDE */

#left {
	margin-right: 40px;
	float: left;
	width: 300px;
}
#right {
	float: right;
	width: 620px;
}
#antwerpen {
	float: left;
	width: 300px;
	margin-right: 20px;
}
#opreis {
	float: left;
	width: 300px;
}

.kalenderitem {
	display: block;
	clear: both;
	padding-top: 15px;

}
.datum {
	background-image: url(../images/datum_back.gif);
	background-repeat: no-repeat;
	float: left;
	width: 42px;
	background-color: #352f2d;
	color: white;
	text-align: right;
	padding-right: 5px;
	font-size: 24px;
	font-weight: bold;
}
.datum2 {
	background-image: url(../images/datum_back.gif);
	background-repeat: no-repeat;
	float: left;
	width: 62px;
	background-color: #352f2d;
	color: white;
	text-align: right;
	padding-right: 5px;
	font-size: 24px;
	font-weight: bold;
}
.datum3 {
	background-image: url(../images/datum_back.gif);
	background-repeat: no-repeat;
	float: left;
	width: 62px;
	background-color: #e1e1e1;
	color: white;
	text-align: right;
	padding-right: 5px;
	font-size: 24px;
	font-weight: bold;
}
.rechts {
	width: 236px;
	float: right;
	padding: 10px 0 10px 17px;
	border-top: 1px solid #e1e1e1;
}
.rechts2 {
	width: 300px;
	padding: 10px 0 10px 0px;
}
.rechts3 {
	width: 536px;
	float: right;
	padding: 10px 0 10px 17px;
	border-top: 1px solid #e1e1e1;
}
.rechts4 {
	width: 536px;
	float: right;
	color: #aaaaaa;
	padding: 10px 0 10px 17px;
	border-top: 1px solid #e1e1e1;
}
.rechts5 {
	width: 300px;
	padding: 10px 0 20px 0px;
}
.rechts5 img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.premiere {
	padding-top: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #bc4f07;
	letter-spacing: 2px;
}
#fotoboek {
	width: 200px;
	float: left;
}
#tekstwrap {
	width: 390px;
	float: right;
}
#tekst {
	width: 390px;
	float: right;
    padding-bottom: 25px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 25px;
}
#tekstfullwidth {
	float: right;
    width: 620px;
    padding-bottom: 25px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 25px;
}
#tekstdetails {
	float: right;
	width: 390px;
	padding-top: 25px;
	font-size: 0.9em;
}
#tekstdetailsfullwidth {
    width: 620px;
	padding-bottom: 20px;
	padding-top: 25px;
	font-size: 0.9em;
}
#tekst p, #details p {
	margin-top: 0;
}
#shopfoto {
	width: 160px;
	float: left;
}
#shoptekst {
	width: 430px;
	float: right;
	padding-bottom: 25px;
	border-bottom: 1px solid #e1e1e1;
}
#shoptekstwrap {
	width: 430px;
	float: right;
}
#shoptekstdetails {
	float: right;
	width: 430px;
	padding-top: 25px;
	padding-bottom: 20px;
	font-size: 0.9em;
}
#shoptekst p, #shopdetails p {
	margin-top: 0;
}
#shortcuts {
	float: right;
	clear: both;
	width: 390px;
	text-align: right;
	padding-top: 25px;
}
.dagitem {
	float: left; 
	margin-right: 20px;
}
.dagitem2 {
	float: left;
}
.nieuwsitem {
	clear: both;
	padding-bottom: 15px;
	padding-top: 10px;
}
.zoekitem {
	clear: both;
	padding-bottom: 30px;
	padding-top: 10px;
}
table#zoeken {
	font-size: 0.9em;
}
table#zoeken td {
	height: 30px;
}

#fotolijst {
	overflow: auto;
	height: 107px;
	width: 620px;
	white-space: nowrap;
	scrollbar-arrow-color: #bc4f07;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #DDDDDD;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #ffffff;
}
#fotolijst img {
	margin-right: 10px;
}


/* TITELBLOKJES */

.titel {
	margin: 0px 0 10px 0;
	width: 300px;
}
.titel1 {
	font-size: 12px;
	background-color: #bc4f07;
	color: white;
	padding: 2px 6px 1px 8px;
}
.titel2 {
	background-color: #bc4f07;
	background-image: url(../images/titel2.gif);
	background-repeat: no-repeat;
}	
.titel3 {
	font-size: 12px;
	font-weight: bold;
	background-color: #bc4f07;
	color: white;
	padding: 2px 6px 1px 4px;
}	
.titel1z {
	font-size: 12px;
	background-color: #352f2d;
	color: white;
	padding: 2px 6px 1px 8px;
}
.titel2z {
	background-color: #352f2d;
	background-image: url(../images/titel2.gif);
	background-repeat: no-repeat;
}	
.titel3z {
	font-size: 12px;
	font-weight: bold;
	background-color: #352f2d;
	color: white;
	padding: 2px 6px 1px 4px;
}
.titel1g{
	font-size: 12px;
	background-color: #e1e1e1;
	color: white;
	padding: 2px 6px 1px 8px;
}
.titel2g {
	background-color: #e1e1e1;
	background-image: url(../images/titel2.gif);
	background-repeat: no-repeat;
}
.titel3g {
	font-size: 12px;
	font-weight: bold;
	background-color: #e1e1e1;
	color: white;
	padding: 2px 6px 1px 4px;
}
.icon {
	float: right;
	font-size: 10px;
	color: #a5a1a0;
}






.locatie {
	font-size: 10px;
}
.grijzelijn {
	padding-top: 5px;
	padding-bottom: 5px;
}
table { border: 0; }
a.titel, a.titel:visited, a.titel:active, a.titel:hover {
  	letter-spacing: -.05em;
  	font-size: 1.5em;
	font-weight: bold;
	color: #352f2d; 
}	
.omschrijving, .dagitem_details {
	font-size: 0.9em;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #e1e1e1;
	clear: both;
}
.quote {
	color: #a5a1a0; 
	padding-left: 25px;
	margin-top: 15px;
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
}
div.quote a, div.quote a:visited {
	color: #a5a1a0; 
}	
a.auteur, a.auteur:visited {
	color: #a5a1a0; 
}
.auteur {
	color: #a5a1a0; 
}








/* H1 H2 H3 */

h1, h2, h3 {
  letter-spacing: -.05em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1em;
}


h1 {
  text-align: left;
  font-size: 22px;
  color: #bc4f07;
  padding-bottom: 10px;
}

h2 {
  font-size: 16px;
  color: #bc4f07;
}

h3 {
  font-size: 14px;
  color: #bc4f07;
}



/* LINKS */

div.datum a, div.datum2 a {
	color: white;
	text-decoration: none;
}
a, a:visited, a:active {
    	text-decoration: none;
    	color: #bc4f07;
}
a img {
	border: none;
}
a:hover {
	text-decoration: underline;
	color: #bc4f07;
}
a.normal, a.normal:hover, a.normal:visited, a.normal:active {
	color: #49413e;
}
a.white, a.white:hover, a.white:visited, a.white:active {
	color: white;
}
a.normal2, a.normal2:hover, a.normal2:visited, a.normal2:active {
	color: #49413e;
	font-weight: normal;
}
	
#footerhome a, #footer a, #footerhome a:hover, #footer a:hover, #footerhome a:hover, #footerhome a:visited, #footerhome a:active, #footer a:hover, #footer a:visited, #footer a:active {
	color: #49413e;
	margin-left: 4px;
	text-decoration: none;
}
.omschrijving a, .omschrijving a:hover, .omschrijving a:visited, .omschrijving a:active {
	color: #49413e;
	font-weight: bold;
}



/* FORMS */

form {
	margin: 0px;
}
.input {
	border: 1px solid #dbdfe6;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	width: 150px;
}
input.button {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	border: 0px;
	background-color: white;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 1px;
	height: 20px;
	cursor: pointer;
   	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#DFDFDF');
}
select {
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	margin-bottom: 1px;
	color: #272425;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	/* IE */
	*height: 1%;
}
