﻿
/* CLASSES */
.bg_cc {background:url('../img/website-90.jpg') repeat-x;
}
[class=bg_cc]{
	background:url('../img/website-90.jpg') repeat-y;
}

/* ID'S */
#container{
	position: relative;
	top: 0px;
	width: 955px;
	margin: 0px auto;	
}

#top_header{
	position:relative;
	width:955px;
	height:168px;
	background-color: #333333;
}

#logo{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	float:left;
		width:433px;
		height:168px;
	background-image: url('../img/Logo_KapteinBolt.jpg');
}

#player{
	border:none;
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom:3px;

}

#mainnav{

		height: 168px;
		display: block;
}

#colnav1A{
		float: left;
		width: 150px;
		margin: 30px auto;	
}

#colnav1B{
		float: left;
		width: 150px;
		margin: 50px auto;	
}
#colnav1c{
		float: right;
		width: 150px;
		margin: 50px auto;	
}


#contentcontainer {
	position:relative;
	min-height:542px;
	padding:20px 32px;
	margin: 0px auto;
	font-family: verdana;
	font-weight: regular;
	font-size: 12px;
	color:#d90301;	
}

#textblock {
	float:left;
	width:550px;
	}



#fotocontainer {
	position:relative;
	background-image: ('/img/pix.gif') repeat-x repeat-y;
	padding:20px 0px;
	margin: 0px auto;
	font-family: verdana;
	font-weight: regular;
	font-size: 12px;
	color:#d90301;	
}

#topcontent {
	background: url('../img/shadow.png') repeat-x ;
	width:955px;
	height:18px;
 }
#contentwrapper{
	
	
}

#footer{
	min-height:10px;
	margin: 0px auto;
	text-align:center;
	font-family: verdana;
	font-weight: regular;
	font-size: 8px;
	color:#d90301;	

	}

/* LISTS */
ul#main 
	{ 
	list-style: none; 
	padding:0px 0px 0px 15px;
	margin:0px;
	line-height:1.5;
	} 
	
 ul#main  li 
	{ 

	} 
	
 ul#main  li a
	{ 
		font-family: arial;
		font-size:12px;
		font-weight:regular;
		text-decoration:none;
		color:#a6d2f1;
		padding-top: 5px;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom:3px;
	} 
	
 ul#main  li a:hover 
	{ 
		background-color:#df0003;
		text-decoration:none;
		color:#a6d2f1;
		
	} 

.player {
		background:black;
		font: 100% "Trebuchet MS", "Courier New", Courier, monospace;
		color: #d70000;
		font-size: 0.7em;
		margin-top: 0px;
		margin-left: 0px;
		margin:0px;
		padding:0px;

	
	}
#flashcontent {}

/*********************/
/* HTML Form Styling */
/*********************/

label {
	color: #333;
}

.formbody {
	background: #FFF url(/img/bg_body.gif) repeat-x;
}
	

form div {
	margin: .5em 0;
}
fieldset {
	border: none;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}
legend {
	padding: 0px 0px;
	font-size: 120%;
	color: #d70000;
}

div.buttons {
	margin: 1em;
}

div.buttons button, div.buttons input[type="submit"] {
    margin-right: 1em;
}

input[type="text"],
input[type="password"] {
	margin: 1em 20 12 12;
	width: 300px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #000;
}
input[type="text"]:hover,
input[type="password"]:hover {
	border: 1px solid #808080;
}

.required {
	font-weight: bold;
	color: #333;
}

/* inline help || field footer */
.notes {
	display: block;
	font-size: 90%;
	color: #666;
	font-style: italic;
}

/* tied to validation JS */
input.pvInvalid,
select.pvInvalid {
	border: 1px solid red;
}



