﻿body, table, th, td, p, input, textarea, select, a  {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:left;
}

a.active
{
	text-decoration:underline;
}

/* BODY */
body.ccf
{
	background-color:#c5091d; /* licht rood */
	background-image:url(../img/background_ccf.gif);
	background-position:left top;
	background-repeat:repeat-x;
	color:#FFF;
}

/* CONTAINER */
body.ccf div.container
{
	background-color: #FFF; /* wit */
}

/* TOP */
body.ccf .top
{
	background-color: #a90f1a; /* rood */
	border: 1px solid #FFF; /* wit */
	border-bottom: 5px solid #FFF; /* wit */
}

.top p
{
	text-align: center;
}
body.ccf .top p, body.ccf .top li, body.ccf .top a
{
	color: #FFF; /* wit */
	font-weight: bold;
}
body.ccf .top li
{

}
body.ccf .top li.bull
{	
	font-size:20px;
	line-height:0.7em;
}
body.ccf .top li.bull span
{	
	margin-top: 2px;
	width:10px;
}
body.ccf .top a
{
	text-decoration:none;
	font-size:14px;
}
body.ccf .top a.active
{
	color: #e4a703; /* goud */
}
body.ccf .top a:hover
{
	text-decoration:underline;
}

/* HEADER */
body.ccf .header
{
	background-color: #a90f1a; /* rood */
	border-left: 1px solid #fff; /* wit */
	border-right: 1px solid #fff; /* wit */
	border-bottom: 5px solid #fff; /* wit */
}

body.ccf .header p
{
	text-align: center;
	padding: 0; 
	font-weight: bold;
}

body.ccf .header p.naam
{	
	font-weight: normal;
	font-size:14px;
	margin-top:50px;
	padding-bottom:0;
	color: #fff; /* wit */
}
body.ccf .header p.lokatie
{	
	font-weight: bold;
	color: #e4a703; /* goud */
	font-size:16px;
}
body.ccf .header p.datum

{	
	font-weight: bold;
	color: #fff; /* wit */
	font-size:16px;
	padding-bottom:5px;
}

body.ccf .header .img
{
	background-image:url(../img/logo_ccf_groot.gif);
	background-position:center center;
	background-repeat:no-repeat;
	text-align: center;
	padding: 0 0 10px 0; 
}

body.ccf .header .leftcol
{
	border-right: 5px solid #fff; /* wit */
}


body.ccf .header .leftcol .img
{
	background-image:none;
	width: 240px;
	height: 130px;
	text-align: center;
}

.header .leftcol .img img
{
	margin-top: 50px;
}

/* NAVIGATION */
body.ccf .navigation
{
	background-color: #cc9900; /* goud */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 1px solid #FFF; /* wit */
}
body.ccf .navigation a
{
	color: #FFF; /* wit */
}

body.ccf .navigation .white
{
	font-size:15px;
	color: #FFF; /* wit */
	font-weight: bold;
}
body.ccf .navigation .voorverkoop a
{
	font-size:13px;
	color: #FFF; /* wit */
	font-weight: bold;
}

body.ccf .navigation .red
{
	font-size:15px;
	color: #a90f1a; /* wit */
	font-weight: bold;
}

/* MAIN */
body.ccf .main
{
	background-color: #c5091d; /* licht rood */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
	border-bottom: 5px solid #FFF; /* wit */
	color:#FFF;
}

/*
.main .leftcol li
{
	text-align: right;
}
*/

.main .leftcol a
{
	text-align: right;
	display:block;
}
.homepage .main .leftcol a
{
	text-align: center;
}
.homepage .main .dehaar
{
	text-align: center;
	font-size:10px;
}

body.ccf .main .leftcol a
{
	color:#FFF; /* wit */
}

body.ccf .main .leftcol .item3,
body.ccf .main .leftcol .item11,
{
	margin-top: 10px;
}

.homepage .main .leftcol
{
	text-align: center;
}

.homepage .main .leftcol img
{
	margin-top: 30px;
}

.homepage .homeblock
{
	background-color: #A90F1A; /* rood */
	border: 1px solid #fff;
	color: #fff;
	text-align: left;
}

.homepage .homeblock h2
{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.homepage .homeblock ul
{
	margin-top:15px;	
}

.homepage .homeblock li
{
	list-style-type: disc;
	margin-left:15px;	
}

.homepage .homeblock li.last
{
	list-style-type: none;
	margin:15px 0 0 0;	
}

.homepage .homeblock li a
{
	font-size: 13px;
	color: #fff;
}

.homepage .homeblock a:hover
{
	color: #fff;
	text-decoration: underline;
}

.main .rightcol .content p
{
	/*padding:0 0 10px 10px;*/
}

.main .rightcol .content img
{
	margin: 5px;
	border: 1px solid #cc9900; /* goud */
	float:right;
	position:relative;
}

.main .rightcol .content h1
{
	text-align: left;
	font-size: 22px;
}

.main .rightcol .content ul
{
	padding-left: 5px;
}

.main .rightcol .content li
{
	text-align: left;
}

.main .rightcol .content table
{
	padding: 0;
	/*margin:0 0 0 5px;*/
	position:relative;
}

.main .rightcol .content table td
{
	padding: 3px;
}

.main .rightcol .content table.border td
{
	background-color: #A90F1A; /* rood */
}

body.ccf .main .rightcol .content table.border td
{
	border-top: 3px solid #c5091d; /* licht rood */
	border-right: 3px solid #c5091d; /* licht rood */
}

body.ccf .main .rightcol .content table
{
	margin:3px 0 0 0 ;
}
body.ccf .main .rightcol .content table.border
{
	border-left: 0;
	border-bottom: 3px solid #c5091d; /* licht rood */
}


body.ccf .main .rightcol .content h1, body.ccf .main .rightcol .content h2, body.ccf .main .rightcol .content h3
{
	color: #cc9900; /* goud */
}

body.ccf .main .rightcol .content a,
body.ccf .main .rightcol .content a:visited
{
	color: #fff; /* wit */
	text-decoration: underline;
}
body.ccf .main .rightcol .content a:hover
{
	color: #cc9900; /* goud */
	text-decoration: underline;
}
body.ccf .main .rightcol .content h1
{
	
}
body.ccf .main .rightcol .content h2
{
}

.main .rightcol .content p
{
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
	line-height:1.6em;
}


.main .rightcol .content li
{
	list-style-type: disc;
	margin-left:20px;	
}

.main .rightcol .content h2
{
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	margin:20px 0 0 0;
}

.main .rightcol .content h3
{
	font-size: 15px;
	margin:20px 0 0 0;
}


img.buttontickets
{
	position:absolute;
	top:-21px;
	left: 820px;
	z-index:900;
}


/* LOGOS */
body.ccf .logos
{
	background-color: #a90f1a; /* rood */
	border-left: 1px solid #FFF; /* wit */
	border-right: 1px solid #FFF; /* wit */
}

/* ADRES */
body.ccf .adres
{
	background-color: #a90f1a; /* rood */
	border: 1px solid #FFF; /* wit */
}

.adres p
{
	text-align: center;
}
body.ccf .adres p, body.ccf .adres p a
{
	color: #FFF; /* wit */
	font-weight:bold;
	font-size:13px;
}

/* FOOTER */
.footer
{
	vertical-align: top;
}

.copyright p.groot, .copyright p.groot a
{
	text-align: center;
	font-size: 12px;
	margin-top: 2px;
}
.copyright p.klein, .copyright p.klein a
{
	text-align: center;
	font-size: 9px;
}
body.ccf .copyright p, body.ccf .copyright p a
{
	color: #FFF; /* wit */
}

/* INFOMAP */

body.infomap div.form
{
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
}
body.infomap div.form td
{
    padding: 3px;
    vertical-align: top;
}
body.infomap div.form input
{
    text-align: center
}
body.infomap div.form input.typeText
{
    width: 200px;
    text-align: left
}

/* PERSMAP */
body.persmap div.form
{
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
}
body.persmap div.form td
{
    padding: 3px;
}
body.persmap div.form input
{
    text-align: center
}
body.persmap div.form input.typeText
{
    width: 200px;
    text-align: left
}

/* FAQ */
div.faq
{
    /*padding: 0 0 0 10px;*/
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 14px;
	line-height:1.6em;
}

div.faq strong
{
	color: #cc9900; /* goud */
}

/* STANDHOUDERS */
div.standhouders
{
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    text-align: left;
}

/* VVK */
body .main .rightcol .content input[type=submit],
body .main .rightcol .content a.button
{
	border: 1px solid #ccc;
	background-color: buttonface;
	padding: 2px 5px 2px 5px;
	margin: 0 5px 0 0;
	color: #000;
	cursor: hand;
	font-weight: normal;
	text-decoration: none;
}

body .main .rightcol .content input[type=submit]:hover,
body .main .rightcol .content a.button:hover
{
	text-decoration: none;
	background-color: #ccc;
}

a.item5
{
	margin-bottom: 15px;
}

a.item10
{
	margin-bottom: 15px;
}
