/* CSS Document */
html {
	height: 100%;
}

body {
	background-image: url(../images/bg.gif);
	background-position: center;
	background-color: #999999;
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

a {
	color: #000000;
	text-decoration: none;
}

#page {
	background-color: #333333;
	display: block;
	height: 100%;
	margin: 0px auto 0px auto;
	width: 800px;
}

.pcol {
	float: left;
	height: 100%;
	overflow: hidden;
	width: 150px;
}

.pcol img {
	border: 0px;
}

/* ###-----------------### FRONT PAGE NEW STYLKE ###--------### */

.fleft, .fright {
	color: #FFFFFF;
	padding: 10px;
	width: 180px;
}

.fcontent {
	color: #FFFFFF;
	padding: 10px;
	width: 380px;
}

.fborder {
	border-bottom: 8px solid #666666;
}

.fbordercontent {
	border-left: 8px solid #666666;
	border-right: 8px solid #666666;
	border-bottom: 8px solid #666666;
}

.fbordertop {
	border-top: 8px solid #666666;
}

.ffotografen {
	float: left;
	width: 190px;
}

.ffooter {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	width: 400px;
}

.fleft a, .fright a, .fcontent a, .ffooter a {
	color: #FFFFFF;
}


/* ###-----------------### FRONT PAGE ###-------------------### */

.ftable, .fftable {
	float: left;
	height: 100%;
	width: 500px;
}

.fftable {
	width: 800px;
}

.fheader, .cheader, .fruimte {
	color: #FFFFFF;
	height: 100px;
	text-align: right;
}

.fheader h1, .cheader h1 {
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
	margin: 0px 3px 0px 0px;
	text-align: left;
}

.fheader a, .cheader a {
	color: #FFFFFF;
	font-style: italic;
	margin-left: 5px;
	margin-right: 5px;
}


.fheader a:hover, .cheader a:hover {
	text-decoration: underline;
}

.fcol, .wcol, .ffcol, .fffcol, .ncol {
	color: #FFFFFF;
	height: 400px;
	text-align: justify;
	vertical-align: top;
	width: 150px;
}

.wcol {
	width: 300px;
}

.ffcol {
	width: 350px;
}

.fcol h1, .rcol h1, .wcol h1, .ffcol h1, .fffcol h1, .ncol h1, .fleft h1, .fright h1, .fcontent h1 {
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	margin: 0px 10px 10px 10px;
	text-transform: lowercase;
}

.fcontent h1 {
	margin-left: 0px;
}

.fcol h3, .rcol h3, .wcol h3, .ffcol h3, .fffcol h3, .ncol h3 {
	font-size: 16px;
	font-style: italic;
	margin: 0px 10px 10px 10px;
	text-transform: lowercase;
}

.fcol p, .rcol p, .wcol p, .ffcol p, .fffcol p, .ncol p {
	margin: 0px 10px 15px 10px;
}

.fcol input, .fcol select, .wcol input, .wcol select, .fffcol input, .fffcol select, .fffcol textarea, .ncol input, .ncol textarea, .ncol select, .fcontent input, .fcontent select {
	background-color: #494949;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	width: 125px;
}

.fcol input, .wcol input {
	width: 125px;
}

.wcol input {
	width: 150px;
}

.wcol textarea {
	background-color: #494949;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	height: 200px;
	width: 300px;
}

#formulier {
	width: 280px;
}

#formulier2 {
	width: 420px;
}

/* ###-----------------### BRUIDSOFFERTE PAGE ###-------------------### */

.fbruids {
	width: 600px !important;
}


/* ###-----------------### RESULTS NEW PAGE ###-------------------### */

.rtableN {
	float: left;
	height: 100%;
	width: 600px;
}

.rtableN a {
	color: #FFFFFF;
}

.rcolN {
	color: #FFFFFF;
	height: 400px;
	text-align: justify;
	vertical-align: top;
	width: 450px;
}

.resultN, .result_frontN {
	background-color: #444444;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/result_bd.jpg);
	color: #FFFFFF;
	cursor: hand;
	margin: 0px 10px 7px 0px;
	width: 440px;
}

.resultN p, .result_frontN p {
	margin: 0px;
	padding: 3px 10px 3px 10px;
}

.result_frontN {
	background-position: right;
	height: 64px;
	text-align: left;
	width: 330px;
}

.result_frontN a {
	color: #FFFFFF;
}

/* ###-----------------### RESULTS PAGE ###-------------------### */

.rtable {
	float: left;
	height: 100%;
	width: 650px;
}

.rtable a {
	color: #FFFFFF;
}

.rcol {
	color: #FFFFFF;
	height: 400px;
	text-align: justify;
	vertical-align: top;
	width: 500px;
}

.result, .result_front {
	background-color: #444444;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/result_bd.jpg);
	color: #FFFFFF;
	cursor: hand;
	height: 80px;
	margin: 0px 10px 10px 10px;
	text-align: right;
	width: 480px;
}

.result p, .result_front p {
	margin: 0px;
	padding: 5px 5px 0px 5px;
}

.result img, .result_front img {
	border: 0px;
	margin: 5px;
}

.result_front {
	background-position: right;
	height: 64px;
	text-align: left;
	width: 330px;
}

.result_front a {
	color: #FFFFFF;
}

/* ###-----------------### COMPANY PAGE ###-------------------### */

.cheader {
	height: 90px;
	padding-top: 25px;
}

.cheader .space {
	margin-right: 8px;
}

.cinfo {
	background-color: #444444;
	color: #FFFFFF;
	margin: 10px;
	padding-bottom: 10px;
}

.cinfo h1 {
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

.cinfo p {
	margin: 10px 10px 0px 10px;
}

.cinfo img {
	margin: 10px 10px 0px 10px;
}

.ctable, .cbtable {
	margin: 10px 10px 0px 10px;
	width: 570px;
}

.cbtable {
	width: 400px;
}

.ctable a {
	color: #FFFFFF;
}

.cphoto {
	color: #FFFFFF;
	margin-bottom: 0px;
	width: 800px;
}

.cbsoort {
	background-color: #555555;
	width: 200px;
}

.cbsoort h1, .csproj h1, .csoverig h1, .csoverig2 h1 {
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 10px 0px 10px;
}

.cbsoort p, .csproj p, .csoverig p, .csoverig2 p, .cscontact p {
	margin: 10px;
}

.cbsoort ul, .csproj ul, .csoverig ul, .csoverig2 ul {
	margin-top: 0px;
}

.cbsoort li, .csproj li, .csoverig li, .csoverig2 li {
	padding-left: 0px;
	margin-left: -10px;
	list-style-type: circle;
}

.cbphoto {
	background-color: #555555;
	width: 580px;
}

.cnav {
	background-color: #555555;
	vertical-align: top;
	width: 230px;
}

.cnav img {
	margin: 10px 0px 0px 10px;
}

.cprevnext {
	margin: 10px 10px 10px 0px;
	text-align: right;
}

.cprevnext a {
	color: #FFFFFF;
}

.clphoto {
	background-color: #555555;
	text-align: center;
	width: 540px;
}

.clphoto img {
	margin: 10px 10px 0px 10px;
}

.csrow {
	color: #FFFFFF;
	margin-top: -10px;
	width: 800px;
}

.cscontact {
	background-color: #444444;
	vertical-align: top;
	width: 200px;
}

.cscontact input {
	background-color: #494949;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	width: 178px;
}

.cscontact textarea {
	background-color: #494949;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: Arial, Verdana;
	font-size: 12px;
	height: 60px;
	width: 178px;
}

.csoverig, .csoverig2 {
	background-color: #444444;
	vertical-align: top;
	width: 175px;
}

.csoverig2 {
	width: 186px;
}

.cstext {
	background-color: #555555;
	color: #FFFFFF;
	margin: 0px 10px 0px 10px;
	text-align: justify;
	vertical-align: top;
	width: 570px;
}

.cstext p {
	margin: 10px 10px 10px 10px;
}

.csproj {
	background-color: #444444;
	vertical-align: top;
	width: 186px;
}

.cspacer {
	background-color: #666666;
	background-image: url(../images/bar_bronze.jpg);
	background-position: center;
	background-repeat: repeat-y;
	color: #FFFFFF;
	height: 20px;
	margin: 10px 10px 0px 10px;
	padding-left: 10px;
	text-align: left;
	width: 770px;
}

.cspacer a {
	color: #000000;
}

.cspacer a:hover {
	text-decoration: underline;
}

.topmargin {
	margin-top: 0px;
}

.zilver {
	background-image: url(../images/bar_silver.jpg);
}

.goud {
	background-image: url(../images/bar_gold.jpg);
}


/* ###-----------------### LOCATION / NEWMEMBER PAGE ###-------------------### */


.fffcol {
	width: 500px;
}

.info {
	width: 800px !important;
}

.infobox {
	width: 400px;
	vertical-align: top;
}

.fotos .inputbox {
	border: 1px solid #CCCCCC;
	background-color: #2F2F2F;
}

.inputbox {
	width: 230px;
	vertical-align: top;
}

.ncol {
	width: 250px;
}

.fffcol input {
	width: 150px;
}

.fffcol select, .fffcol textarea {
	width: 154px;
}

.fffcol a {
	color: #FFFFFF;
}

.fffcol a:hover {
	text-decoration: underline;
}

.info input {
	width: 200px;
}

.info select, .info textarea {
	width: 204px;
}

.info textarea {
	height: 150px;
}

.info .disabledz {
	background-color: #CCCCCC !important;
}

.info .disabledg {
	background-color: #FFCC33 !important;
}

.footer {
	color: #999999;
	text-align: center;
}

.footer a {
	color: #999999;
}