/* CSS SCRIPT */


html {

color:#231f20;
font-family:futura,Helvetica;
font-size:11px;
line-height:17px;
height:100%;
margin:0;
padding:0;

}

body {

margin:0;
padding:0;
background:#eceded;
height:100%;
color:#231f20;

}

div#container {

margin:0 auto;
width:100%;
min-height:100%;
position:relative;
background:url("../images/bodyHeader.jpg") repeat-x scroll 0 0 transparent;

}

div#subcontainer {

width:960px;
margin:0 auto;
padding-bottom: 45px;

}

/* header */

div#header {

position:relative;
width:960px;
height:266px;
background:#ffffff;

}

div#headerTwo {

position:relative;
width:960px;
height:260px;
background:#ffffff;
display:block;

}

div#tcLogo {

position:absolute;
top: 20px;
left:40px;
width: 250px;
height:66px;
background:url("../images/tcLogo.jpg") no-repeat scroll 0 0 transparent;

}

div#admintcLogo {

position:absolute;
top: 20px;
left:40px;
width: 250px;
height:66px;
background:url("../images/tcLogo.jpg") no-repeat scroll 0 0 transparent;

}


div#headerIcons {

position:absolute;
top: 0;
left:740px;
width: 246px;

}

div#headerIcons ul li {

float:left;margin-left:15px;

}


div#headerImage {

float:right;
width:627px;
height:216px;
margin-top:50px;
margin-right:15px;

}


#flashcontent {


}


/* menu */


#mainNavigation {

position:relative;
color:#FFFFFF;
font-size:0.9em;
margin:0 auto;
width:100%;
background:transparent;
font-weight:bold;
line-height:16px;
z-index:100;

}

#mainNavigation:focus {
outline:medium none;
}

#mainNavigation ul {

margin:0;
padding:0;
background:transparent;
}

#mainNavigation ul li {
background:transparent;
display:block;
float:left;
margin:0 12px 0 0;
overflow:visible;
padding:0;
position:relative;

}

#mainNavigation ul li a {
background: #12245b;
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
height:32px;
padding:18px 0 0;
text-align:center;
text-decoration:none;
width:180px;
outline:none;
}

#mainNavigation ul li a:hover {

color:#FFFFFF;
display:block;
height:32px;
padding:18px 0 0;
text-align:center;
width:180px;

}

#mainNavigation ul li a.current {

color:#FFFFFF;
display:block;
height:32px;
padding:18px 0 0;
text-align:center;
width:180px;
text-decoration:underline;
}

#mainNavigation ul ul {

display:none;
left:-5px;
padding:0 5px 5px 5px;
position:absolute;
top:50px;
width:160px;
z-index:5;
font-weight:normal;
color: #ffffff;

}

#mainNavigation ul ul li {
background:transparent;
font-size:12px;
height:20px;
padding:0;
text-align:left;
}

#mainNavigation ul ul li a {
background:#b2b9ce;
color:#12245b;
height:20px;
outline:0 none;
padding:5px 5px;
text-align:left;
width:170px;
overflow:visible;
}

#mainNavigation ul ul li a:hover {
background-image:url("images/");
color:#000000;
height:20px;
outline:0 none;
padding:5px 5px;
text-align:left;
width:170px;
text-decoration:underline;
}

#mainNavigation li:hover ul, #mainNavigation li:hover li:hover ul, #mainNavigation li.hover ul, #mainNavigation li.hover li.hover ul {
display:block;
overflow:visible;
text-align:left;
}


/* content */

div#content {

position:relative;
float:left;
width:960px;
margin:25px 0 0 0;
padding: 0 0 50px 0;
height:100%;

}

div#panelContent {

margin: 0 30px;

}

div#panelContent2 {

margin: 0 30px;

}


div#panelContent ul.normal, div#panelContent2 ul, #panelText ul {

margin:0 30px;
padding:0;
list-style-type:square;

}

div#panelContent ul li, div#panelContent2 ul li, #panelText ul li {

margin:0 0 5px 0;
padding:0;

}


div#panelContent ul, div#panelContent2 ul, #panelText ul {

margin:0 30px;
padding:0;
list-style-type:square;

}

div#panelContent ul li, div#panelContent2 ul li, #panelText ul li {

margin:0 0 5px 0;
padding:0;

}

/* nieuws panels */

div#panelhomeExamples {

position:relative;
margin-top:0;
margin-right:20px;
margin-left:20px;
float:left;
background-color:#ffffff;
height:200px;
width:920px;

}

div#panelhomeIntroduction {

position:relative;
margin-top:0;
margin-left:30px;
margin-right:4px;
float:left;
height:153px;
width:276px;

}

div#panelhomeIntroduction2 {

position:relative;
margin-top:0;
margin-left:24px;
margin-right:20px;
float:left;
height:153px;
width:276px;
z-index: 3px;

}

div#panelhomeIntroVideo {

position:relative;
margin-top:0;
margin-left:24px;
float:left;
height:153px;
width:276px;

}

div#panelconceptLine {

margin-top:15px;
border-right: 1px solid #b2b9ce;
height:212px;
width:1px;
float:left;


}

div#panelconceptLine2 {

margin-top:15px;
border-right: 1px solid #b2b9ce;
height:170px;
width:1px;
float:left;

}

div#panelhLine {

margin-top:25px;
margin-left:30px;
border-top: 1px dotted #b2b9ce;
height:1px;
width:900px;
float:left;

}

div#panelText {

position:relative;
margin-top:0;
margin-bottom:25px;
margin-right:18px;
margin-left:30px;
float:left;
height: auto;
width:646px;

}

div#panelImage {

position:relative;
margin-top:15px;
margin-bottom:25px;
margin-right:30px;
margin-left:30px;
float:right;
height:153px;
width:200px;

}




div#panelcontact {

width: 350px;
height:100%;
float:left;
margin-top:0;
margin-right:30px;
margin-left:30px;


}

div#contactcontent { 

padding: 20px 10px 20px 10px;
width: 100%;
height:280px;


}

div#panelhelp {

width: 350px;
height:300px;
float:left;
margin-top:0;
margin-right:30px;
margin-left:30px;
background:url("../images/panelTop.jpg") repeat-x scroll 0 0 transparent;


}

div#panelsitemap {

width: 350px;
height:300px;
float:left;
margin-top:0;
margin-right:30px;
margin-left:30px;
background:url("../images/panelTop.jpg") repeat-x scroll 0 0 transparent;


}

div#panelreporttrash {

width: 350px;
height:300px;
float:left;
margin-top:0;
margin-right:30px;
margin-left:30px;
background:url("../images/panelTop.jpg") repeat-x scroll 0 0 transparent;


}


/* innercontent */


div#newsHead {

margin-left:0;
margin-bottom:10px;

}

div#newsContent {

padding-bottom:20px;
margin-bottom:10px;

}

div#newsContent p {

margin:5px 0 5px 0;

}

div#newsFoot {

margin-bottom:20px;

}



div#newsLine {

margin-bottom:10px;
line-height:18px;
border-bottom:1px solid #e0e0e0;
width:100%;

}




#results {

padding-top:15px;

}



/* footer */


footer {
background:#a0261e;
display:block;
height:25px;
position:relative;
width:100%;

}


#footer {

height:25px;
margin:0 auto;
padding:0;
width:100%;
background-color:#a0261e;

}


div#footerMenu { margin: 0 auto; width: 800px; }

ul.footer {  float:left; margin: 5px 0 0 120px;color: #ffffff; }
ul.footer li { float:left; margin; 0 10px 0 0; }





/* general items */


#fadeshow1 {

	margin: 15px 0 15px 0;

}


.informationImage {

 padding:10px 10px 0 0;
 margin: -5px 0 0 15px;
 float:left;

}

h1.header {

 font-size: 12px;
 font-weight:normal;
 margin:7px 0 5px 10px;
 color: #ffffff;

}

h1.blockHeader {

background:url("../images/introBlock.jpg") no-repeat scroll 0 -20px transparent;
 font-size: 16px;
 font-weight:bold;
 margin:19px 0 1px 12px;
 padding-left:18px;
 color: #9f241b;

}

h1 {

 font-size: 12px;
 font-weight:normal;

}

h2 {

 font-size: 12px;
 font-weight:normal;


}


h3 {

 font-size: 12px;
 font-weight:normal;

}

#breadcrumb {

 margin: 0 0 10px 0;
 width:450px;
 float:left;
}


/* hyperlinks */


.link1     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#e7991f; 
}

.link1:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#e7991f; 
} 

.link2     	{ 
	font-size: 121px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#000000; 
}

.link2:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#000000; 
} 

.link3     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#9F241B; 
}

.link4:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
} 

.link4     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
}

.link3:hover     	{ 
	font-size: 11px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#4F4E4E; 
}

.footerheadNav     	{ 
	font-size: 12px;cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#e7991f; 
}


.footerheadNav:hover     	{ 
	font-size: 12px;cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#e7991f; 
} 



.footerNav     	{ 
	cursor: pointer;font-family:futura,Helvetica; text-decoration: none;color:#ffffff; 
}


.footerNav:hover     	{ 
	cursor: pointer;font-family:futura,Helvetica; text-decoration: underline;color:#ffffff; 
} 




/* standard */

.image { margin: 10px 15px 10px 0; }



td {

text-align:left;
padding: 0;

}

td {

vertical-align:top;
padding: 0;

}

th {

text-align:left;
padding: 0 5px 0 0;

}

th.first {

vertical-align:top;
padding: 0 5px 0 10px;

}

div {

text-align:left;

}

div.clear {

clear:both;

}

p {

margin: 20px 10px;

}

#sitemap #right ul li {

	color:#4FA003;
	list-style:circle inside none;

}

#sitemap #right ul li ul li {

	color:#4FA003;
	list-style:disc inside none;
	padding-left:20px;

}

.error {

	clear:both;
	color:red;
	float:left;
	margin-left:120px;

}

.orderLabel {

	float:left;
	height:25px;
	width:120px;

}

form {

	display:inline;
	margin:0;

}
input {

	background:none repeat scroll 0 0 #ffffff;
	border:1px solid #6f7072;
	font-size:1em;
	margin-bottom:5px;
	margin-right:5px;
	cursor:pointer;
}

input:hover, input:focus, textarea:hover, select:hover, checkbox:hover {

	background:none repeat scroll 0 0 #f6f8f8;
	border:1px solid #6f7072;
	cursor:pointer;
}


input[type="text"], input[type="password"] {

	padding:4px;
	cursor:pointer;
	width:200px;
}

input[type="button"],input[type="reset"],input[type="file"], input[type="submit"] {

	background:url("../images/layout/nav.png") repeat-x scroll left -50px transparent;
	color:#ffffff;
	cursor:pointer;
	padding:3px 7px 3px 7px;
	background:#19171c;

}
input[type="reset"]:hover, input[type="file"]:hover,input[type="button"]:hover, input[type="submit"]:hover {

	background:#6F7072;
	cursor:pointer;
	color:#19171c;
}

input[type="checkbox"] {

	background:none repeat scroll 0 0 #eff1f6;

}

textarea {

	border:1px solid #6e6f71;
	width:400px;

}

.imgForumButton {

	background-image:url("/images/bbc/ofm_bbc_bg.gif");
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	height:22px;
	margin:0 0 0 0;
	width:23px;

}

label {

	

}

a.submitbutton2  {

	background-image:url("../images/");
	cursor:pointer;
	display:block;
	height:23px;
	outline:medium none;
	text-decoration:none;

}

div.wis {

	background-image:url("../images/wis.jpg");
	float:left;
	height:23px;
	margin-left:0;
	margin-right:30px;
	width:72px;

}

div.verstuur {

	background-image:url("../images/verstuur.jpg");
	float:left;
	height:23px;
	margin-right:30px;
	width:72px;


}

.imageright { 

margin: 5px 0 5px 15px;
border: 0px;

}

.imageleft {

margin: 5px 15px 5px 0;
border:0px;

}



ul {

	list-style-type: none;

}

/* slider */

table.slide { margin: auto; border-collapse: separate; border-spacing: 0; }
td.slide { vertical-align: top; text-align:center; width: 627px }
hr { margin-top: 20px; }

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 216px; width: 627px; padding:0; margin:0; overflow: hidden }
.pics img { height: 216px; width: 627px; padding: 0; background-color: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 0px; -webkit-border-radius: 0;
}



#player { margin:20px 10px 0 10px; }