/* Toevoegingen op main.css*/


/* Navigatie opmaak */

#nav ul {
	padding: 0 0 0 0;
	margin: 0;
}

#nav li {
	list-style: none outside;
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	text-align: center;
	background-image: none;
	
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #000000;

}

#nav li.last{
	border-width: 0px;
}


#nav li a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: transparent;
	font-weight: bold;
}

#nav li a:hover, #navigation li a:active {
	color: #C4C4C4;
	background-color: transparent;
}

#nav li a.highlight{
	text-decoration: none;
	display: block;
	color: #C4C4C4;
	background-color: transparent;
	font-weight: bold;
}


/* Right column */

#right div.content-right{
	margin: 10px 10px 10px 10px;
	padding: 0px;
	background:#eee;
	width: 120px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}



#right div.content-right h3{
	margin: 4px;
	padding: 2px 2px 5px 5px;
	background:#eee;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #000000;
	font-weight: bold;
	color: #000000;
}

#right div.content-right p{
	margin: 4px 8px 8px 8px;
	font-size: 80%;
	color: #000000;
}


#right div.content-right a.highlight{
	color: #000000;
}



/* Footer opmaak */

#footer p{
	margin: 5px 0px 5px 0px;
	background: transparent;
	color: #000;
}



/* Presentation Stylesheet */

a:link { color: #000000; background: transparent; font-weight: bold; }
a:visited { color: #000000; background: transparent; font-weight: bold; }
a:hover { color: #C4262E; background: transparent; font-weight: bold; }
a:active { color: #000000; background: transparent; font-weight: bold; }


hr {
	color: #C4262E;
	height: 1px;
	width: 100%px;
	margin: 10px 0 10px 0;
	clear: both;
}

h1 {
	font-size: 200%;
	color: #000000;
	background: transparent;
	line-height: 120%;
	font-weight: normal;
}

h2 {
	color: #000000;
	background: transparent;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}

h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 105%;
	line-height: 120%;
	color: #000000;
	background: transparent;
}

p{ 
	margin: 0 0 1em; }

/* Image styling */

img.border{
	border-style: solid;
	border-width: 1px;
	border-color: #C4262E;
}

img.padding-left{
	margin: 0px 0px 10px 15px;
}

.popup { POSITION: absolute; top: 100px; left: 100px; VISIBILITY: hidden; BACKGROUND-COLOR: #ffffff; LAYER-BACKGROUND-COLOR: #ffffff; BORDER-LEFT: 1px solid #C4262E; BORDER-TOP: 1px solid #C4262E; BORDER-BOTTOM: 1px solid #C4262E; BORDER-RIGHT: 1px solid #C4262E; PADDING: 1px; z-index: 10 }




/* TABLES */

/* DATA TABLE */
table.data{
	margin:0px 0px 10px 0px; 
	padding: 0; 
	width: 100%;
	font-family: "verdana", serif;
	font-size: 100%; 
	color: #fff;
	border-collapse: collapse;
	border: 1px solid #444;
}


table.data td { 
	border: 1px solid #444; 
	padding: 4px 4px 4px 4px;
	margin: 0; 
	vertical-align: middle;  
}

table.data td.top{
	vertical-align: top;
	  
}

table.data th { 
	color: #232F45;
	font-weight: bold; 
	background: #A6C4E4; 
	margin: 0; 
	padding: 4px 4px 4px 4px; 
	border: 1px solid #444;
}

table.data tr.even{
	background: #788FA8;
}

table.data tr.odd{
	background: #90A2B5;
}



/* FORM DATA */

form{
	
	padding: 0;
	margin: 0;
}

fieldset{ 
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%; 
	padding: 5px 20px 15px 20px;
	margin: 5px 0 5px 0;
	color: #000000; 
	border:1px solid; 
	border-color: #C4262E;
}

legend{
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 110%; 
	font-weight: bold;
	padding: 0 5px 0 5px;
	color: #000000; 
	margin: 0 0 10px 0;
}

label{
	background-color: transparent; 
	padding:0;
	margin:0;
	font-weight: bold;
	
}

input { 
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	padding: 1px;
	margin: 0 0 8px 0;
	color: #000000; 
	border:1px solid; 
	border-color: #000000;
}

/* verschillende lengtes textvelden */
input.mini{
	width: 50px;
}
input.short{
	width: 125px;
}
input.mid{
	width: 250px;
}
input.long{
	width: 550px;
}

input.checkbox{
	border: 0;
	margin: 0;
	padding:0;
}

p.info{
	background: #eee;
	color: #000000; 
	border-color: #000000;
	border:1px solid; 
	padding: 2px 2px 2px 2px;
	margin: 15px 0 15px 0;
	font-size: 80%; 
}

p.error{
	background: #eee;
	color: #000000; 
	border-color: #C4262E;
	border:1px solid; 
	padding: 2px 2px 2px 5px;
	margin: 15px 0 15px 0;
	font-size: 85%; 
	
}

input.submit{ 
	padding: 2px 2px 2px 2px;
	margin: 10px 0 0 0;
	background: #ddd; 
	font-size: 100%; 
	font-weight: bold; 
	color: #000000; 
	border-color: #000000;
	border:1px solid; 
}

textarea { 
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	padding: 1px;
	margin: 0 0 8px 0;
	color: #000000; 
	border:1px solid; 
	border-color: #000000;
}

/* verschillende lengtes textvelden */


textarea.small{
	width: 400px;
	height: 130px;
}
textarea.big{
	width: 400px;
	height: 200px;
}

select{
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 85%; 
	padding: 5px 20px 15px 20px;
	margin: 5px 0 5px 0;
	color: #000000; 
	border:1px solid; 
	border-color: #C4262E;
}



div.project{
	border-style: solid;
	 border-color: #1B5580;
	 border-width: 1px 0px 0px 0px;
	 margin: 10px0 0 0;
	 padding: 20px 0 0  0 ;
	width: 100%;
}

div.projectfirst{
	border: 0;
}