/*
stijl voor zijspoor 2009
*/


html, body {
height: 100%; /* héél belangrijk */
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color:#2b75b;
}

#holder { position: absolute; top: 0; left: 0;}
#header {
	height: 110px; 
	background: white; 
	border: none; 
	width: 100%;
	vertical-align: center;
	text-align: center;
}
#nav {
	margin-left: 5px;
	width: 150px;
	float: left; 
	padding-bottom: 3em; 
	padding-top: 10px;
	height: auto;
}
#right {
	position:relative;
	width: 150px;
	float: right; 
	padding-bottom: 3em; 
	padding-top: 10px;
	height: auto;
}
#content {
	margin-left: 160px; 
	margin-right: 160px;
	padding-left: 6px;
	padding-bottom: 4em; 
	height: auto;
	padding-top: 1px;
	/*background-image: url('../image/pattern/cs_back.png');*/
}

#content_left {
	float: left;
	background: red;
	width:300px;
}
#content_right {
	float: right;
	width: 150px;
	background: yellow;
}

#content_menu{
	margin-left: 160px; 
	margin-right: 160px;
	padding-left: 6px;
	padding-bottom:6px; 
	height: auto;
	padding-top: 1px;

}
#footer {
	clear: both; 
 
	
	bottom: 0; 
	left: 0; 
	border: none; 
	width: 98%;
	margin: 0px 5px 5px 5px;
	padding: 3px;
	background-color: #ECFBB1;
	/*background-image:url('../image/pattern/cs_back.png');*/
}

#top_menu{
	width: 100%;
}

/*TABELLEN*/
td{
	font-size:0.8em;
	color:#333333;
}
/*EINDE TABELLEN*/

/*FONTS*/
/*titel boven een item*/
.titel{
	/*color: #A7000A;*/
	color:black;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
}
/*titel onder item, een subtitel*/
.titel_sub{
	/*color: #A7000A;*/
	color:#e75f2;
	font-size:0.8em;
}
/*grotere titels aan rechter zijkant*/
.titel_head{
	font-size:2em;
	font-weight:bold;
	/*color:#B5D430;*/
	color:#2b75ba;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*titel bovenaan context menu*/
.content_titel{
	color: #A7000A;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
	font-size:1.3em;
}
.content_titel_2{
	color: #B5D430;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	font-size:1.1em;
}
/*grote titel bovenaan*/
.titel_top{
	font-size:3em;
	color: A7000A;
}
.right_text_info{
	font-size: 0.8em;
}
.inhoud{
	
	color:#333333;
	background-color:#F4F2F2;
}
.inhoud_footer{
	color: #666666;
	text-align:right;
	font-size: 0.8em;
	margin-right: 10px;
}

.homeboxTR{
	width:100%
}
.homeboxTABLE{
		border-collapse: separate;
		border-spacing: 20px 10px;
        padding: 15px 5px;
		
}
.homeboxTD{
	font-size:0.8em;
	width:50%;	
	text-align:justify;
	vertical-align:top;
	padding:5px;
}

.homeboxTABLE_3{
		border-collapse: separate;
}
.homeboxTD_2_3{
	font-size:0.8em;
	width:66%;	
	text-align:justify;
	vertical-align:top;

}
.homeboxTD_1_3{
	font-size:0.8em;
	width:33%;	
	text-align:justify;
	vertical-align:top;

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

a:hover{
	color:#333333;
	text-decoration: none;
}

#right_info, #right_info_no_flash{
	padding: 2px;
	color:#333333;
	background-color:#F4F2F2;
}
#right_info:hover{
	background-color:#A7000A;
	color: #FFFFFF;
	cursor:pointer;
}
#right_info:hover .titel, #right_info:hover .titel_sub {
	color: #F4F2F2;
}

#right_info:hover .no_flash{
	padding: 2px;
	color:#333333;
	background-color:#F4F2F2;
}


#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
	background-color:#F4F2F2;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .inhoud {
    position: relative;
    left: -1px;
    top: -1px;
	
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .inhoud {
        background-color:#F4F2F2;
        border: 1px solid #848284;
        padding: 3px 10px;
    }
/*END FONTS*/

/*IMAGES*/
.img_sponsor{
	width: 120px;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	text-align:center;
    display:block;
	margin: 2px 8px 8px 8px;
}
/*IMAGES*/

/*FORMULIEREN*/
.input_data{
background-color: white;
border-style:solid;
border-color: #B5D430;
}

.input_button{
background-color:#D3F549;
border-style:solid;
border-color: #B5D430;
}

select{
background-color: white;
border-style:solid;
border-color: #B5D430;
}

	/*bestellingen*/
	.input_totaal{
	background-color:#D3F549;
	border-style:solid;
	border-color: #B5D430;
	font-weight: bold;
	}
	.input_data_readonly
	{
	background-color: #F4F2F2;
	border-style:solid;
	border-color: #B5D430;
	}
/*EINDE FORMULIEREN*/

.bestel_overzicht td{
	border: 2px solid #B5D430;
	background-color:#D3F549;
}