@charset "utf-8";

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(../images/sopbackground3.jpg);
	background-repeat: repeat;
}

/* ~~ deze container met vaste breedte omvat de overige divs ~~ */
.container {
	width: 990px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ~~ voor de koptekst wordt geen breedte ingesteld. De koptekst loopt over de volledige breedte van uw lay-out en bevat een tijdelijke aanduiding voor een afbeelding, die u moet vervangen door uw eigen gekoppelde logo ~~ */
.header {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	color: #ee7204;
	vertical-align: middle;
	padding-top: 15px;
	background-repeat: repeat;

}

/* ~~ Dit is de informatie over de lay-out. ~~ 

1) Opvulling wordt alleen boven en/of onder aan de div geplaatst. De elementen binnen deze div hebben opvulling aan de zijkanten. Hierdoor hoeft u geen kadermodelberekeningen uit te voeren. Houd er rekening mee dat als u opvulling aan de zijkant of een rand aan de div toevoegt, deze opvulling wordt toegevoegd aan de waarde die u definieert voor de totale breedte. U kunt ook de opvulling voor een element in de div verwijderen en in de div een tweede div invoegen die geen breedte heeft, maar wel de benodigde opvulling voor uw ontwerp bevat.

*/

.content {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgb(204,51,0);
	font-size: large;
	font-weight: normal;
	color: #333333;
}

/* ~~ De voettekst ~~ */
.footer {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	font-size: 13px;
	font-weight: lighter;
	color: #666666;
}

.navigatietop {
	height: 34px;
	width: 990px;

}
.foto_float_left {
	float: left;
	padding: 10px;
}
.foto_float_right {
	padding: 10px;
	float: right;
}

.table-topborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 20px;
	width: 100%;
}
.table-cel-mid-border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.historie-tb-cel-left {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: x-large;
	font-weight: bold;
	color: #ee7204;
	width: 200px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.start-tb-cel-bull {
	background-color: #FFFFFF;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.start-tb-cel-mid{
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	border-bottom-color: #999999;
	font-size: x-large;
	font-weight: bold;
	color: #ee7204;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.start-tb-cel-txt {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.contact-table {
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.contact-tb-cel-mid {
	float: left;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	width: 310px;
}
.tv-ea-table {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	border: 1px solid #999999;
	margin-bottom: 25px;
	padding: 10px;
}
.tv-ea-tb-cel-left {
	width: 110px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
.tv-ea-tb-cel-mid {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.tv-ea-tb-cel-right {
	width: 110px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
.coach-tb-bullets {
	vertical-align: top;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 2px;
}
.coach-tb-bullets-txt {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 3px;
}
.coach-table {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	border: 1px solid #999999;
	margin-bottom: 25px;
	padding: 10px;
}
.coach-tb-txtrow {
	padding-top: 5px;
}
.coach-tb-marja {
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: text-top;
}