/**
 * 19/06/2011
 * http://www.brigittedeman.be
 * Made by Johan Janssens
 */

/* General Classes */
td { vertical-align: top; font-size: 14px; }
img { border-width: 0px; }
form { padding: 0px; }

li { list-style-type: square; }

/* Generic Classes */
.links { text-align: left; }
.centreer { text-align: center; }
.rechts { text-align: right; }
.uitvullen { text-align: justify; }

.breed { width: 100%; }
.hoog { height: 100%; }
.half { width: 50%; }

.top { vertical-align: top; }
.midden { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.vet { font-weight: bold; }
.schuin { font-style: italic; }
.onderlijnd { text-decoration: underline; }

/* Specific Objects */
td#middleHeader { text-align: center; width: 665px; }
td#middleLogo { text-align: center; }
td#middleFooter { text-align: center; }
td#middleMenu {
	width: 665px;
	background: #aaa494 url('img/layout/middleBg.jpg') repeat-y fixed center; 
	text-align: center;
	margin-bottom: 20px;
}
td#middle { 
	width: 665px;
	background: #aaa494 url('img/layout/middleBg.jpg') repeat-y fixed center; 
}
td#content {
	padding-left: 20px;
	padding-right: 20px;
	background: #aaa494 url('img/layout/middleBg.jpg') repeat-y fixed center; 
}
div#adres {
	margin-left: 10px;
}
div#copyright {
	color: #eae3c7;
	text-align: center;
	padding-top: 5px;
}
div#welkomTitel {
	padding-left: 20px;
	font-size: 16px;
	color: #444444;
	font-weight: bold;
}
div#welkomTekst {
	padding-left: 75px;
}
div#spreuk {
	width: 100%;
	text-align: center;
	color: #879C4F;
	font-family: Edwardian Script ITC, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 16pt;
}
img#welkomLogo {
	width: 665px;
	height: 272px;
}
img.floatRechts {
	float: right;
	border: 6px solid #ededed;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 37px;
}
.floatLinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
img#behandeling {
	width: 620px;
	height: 270px;
}
img#voorWie {
	width: 620px;
	height: 222px;
}

@media only screen and (max-width: 664px) {
	img#welkomLogo {
		width: 100%;
		height: auto;
	}
	div#welkomTitel {
		padding-left: 0px;
	}
	div#welkomTekst {
		padding-left: 0px;
	}
	img.floatRechts {
		float: none;
		display: block;
	    text-align: center;
		border: 6px solid #ededed;
		margin: auto;
	}
	.floatLinks {
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 15px;
	}
	img#behandeling {
		width: 100%;
		height: auto;
	}
	img#voorWie {
		width: 100%;
		height: auto;
	}
	ul {
		padding-left: 20px;
	}
}


img.kader {
	border: 6px solid #ededed;
}

.bestelKnop1 {
	float: right;
	position: relative;
	top: -150px;
	left: 10px;
}
div.titel {
	font-size: 16px;
	color: #444444;
	font-weight: bold;
	margin-bottom: 15px;
}
div.quote {
	font-style: italic;
	margin: 20px;
}

/* Hyperlinks */
a:link { text-decoration: none; color: #312f28; background-color: transparent; }
a:active { text-decoration: none; color: #312f28; background-color: transparent; }
a:visited { text-decoration: none; color: #312f28; background-color: transparent; }
a:hover { text-decoration: underline overline; color: #656152; background-color: transparent; }

a.small:link { text-decoration: none; color: #312f28; background-color: transparent; }
a.small:active { text-decoration: none; color: #312f28; background-color: transparent; }
a.small:visited { text-decoration: none; color: #312f28; background-color: transparent; }
a.small:hover { text-decoration: underline; color: #908a75; background-color: transparent; }

a.link:link { text-decoration: underline; color: #938d7a; background-color: transparent; }
a.link:active { text-decoration: underline; color: #938d7a; background-color: transparent; }
a.link:visited { text-decoration: underline; color: #938d7a; background-color: transparent; }
a.link:hover { text-decoration: underline; color: #50504d; background-color: transparent; }