/* ====================================
	ontwerp: hAAi, Rotterdam
==================================== */

/*

START COMMON 



#edit{
	position:absolute;
	right:0;
	border:1px solid;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	margin-right:50px;
	background:yellow;
	z-index:999;
}
*/

.edit{
	right:0;
	border:1px solid;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-top:10px;
	margin-right:20px;
	font-size:0.9em;
	background:#FFCC00 url('../img/editBG.gif') !important;
	float:right;
}
.edit a{
	text-decoration:none;
	background:#FFCC00;
	padding:4px;

	padding-top:3px;
	padding-bottom:3px;
}
.edit a:hover{
	color:#000;
	text-decoration:underline;
}




body{
	font-size:0.75em;
	font-family: Arial, Calibri, Helvetica, sans-serif; 
	line-height: 150%;
	width:910px;
	margin:0 auto;
}

*:focus{
	outline: none;
}

::-moz-selection {
	background: #000;
	color: #FFFFFF;
}

a:link, a:active {
	color: #000;
	font-weight:bold;
}

a:visited {
	color: #000;
	font-weight:bold;
}

a:hover {
	color: #FF0000;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border:0;
	border-top:1px solid #ccc;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

h1 {
    position: relative;
	margin:0;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #FF0000;
	font-size:1.5em;
	line-height: 130%;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	display:block;
	height:69px;
}

h1 span{
	position: absolute;
	bottom: 0;
	padding-bottom: 7px;
}

h2 {
	margin:0;
	margin-top:10px;
	color: #171794;
	font-size:1.3em;
}

h3 {
	margin-top:10px;
	color: #339999;
	font-size:1.2em;
	margin-bottom:1px;
	border-bottom:1px solid #ccc;
}

h3 a {
	color: #339999 !important;
	text-decoration:none !important;
}

/*

END COMMON 

*/


/*

START COMMON FORM STYLES

*/

form {
	margin-top:1em;
}

fieldset {  
	background-image: url(../img/CEG_fieldset_gradient1.gif);  
	background-repeat: repeat-x;
	position: relative;  
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0 0 -1em 0;  
	padding: 0 0 1em 0;  
	border-style: none;  
	border-top: 1px solid #ccc;  
	background-color: #fafafa; 
}
fieldset.alt {  
	background-image: url(../img/CEG_fieldset_gradient2.gif);  
	background-color: #f8f9fc;
}
fieldset ol {  
	padding: 2em 1em 0 0em;  
	list-style: none; 
}
fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: .5em;
}
fieldset li span{  
	font-size:90%;
	padding-left: 12.5em;
}
fieldset.submit {  
	float: none;  
	width: auto;  
	border-style: none;  
	border-top:2px solid #ccc;
	padding-top: 1em;  
	margin-bottom: 1em;  
	padding-left: 11em;  
	background-image: none; 
	background-color: #eee;
}
legend {  
	padding: 0;  
	color: #000;  
	font-weight: bold; 
}
legend span {  
	position: absolute;  
	margin-top: 0.5em;  
	margin-left: 0.5em;  
	font-size: 105%;
	color: #339999;
}

label {  
	margin: 0;  
	padding: 0;  
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right; 
}
label em {  
	display: block;  
	color: #060;  
	font-size: 85%;  
	font-style: normal;  
	text-transform: uppercase;
}
label strong {  
	display: block;  
	color: #C00;  
	font-size: 85%;  
	font-weight: normal;  
	text-transform: uppercase;  
	line-height:1.5em !important;
}



fieldset fieldset {  
	margin-bottom: -2.5em;  
	border-style: none;  
	background-color: transparent;  
	background-image: none;
}
fieldset fieldset legend {  
	font-weight: normal;
	padding-left: 1em;  
}
fieldset fieldset ol {  
	position: relative;  
	top: -1.5em;  
	margin: 0 0 0 11em;  
	padding: 0;
}
fieldset fieldset label {  
	float: none;  
	width: auto;  
	margin-right: auto;
}

select {
	margin-bottom:1em;
}
input {
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif; 
	padding:2px;
	width:250px;
}
.checkbox,.radio {
	width:auto !important;
}
textarea {
	font-size:1.1em;
	width:250px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif; 
}

.knop {
	padding:3px;
	float:left;
	border:2px solid #fff;
	background:#000;
	color:#FFF !important;
	width:auto !important;
	margin-top:5px;
}

.knop:hover {
	border:2px solid #ccc;
}





/*

END COMMON FORM STYLES

*/



/*

START LAYOUT 

*/


#site {
	width : 915px;
	margin-right : auto;
	margin-left : auto;
	text-align : left;
	line-height : 150%;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 15px;
	overflow : hidden;
	background:url('../img/CEG_bg.gif') repeat-y center;
}

#footer {
	margin-right: auto;
	margin-left: auto;
	width: 915px;
	background: url(../img/CEG_bg_footer.gif) top center no-repeat;
	height:50px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	font-size:80%;
	color:#ccc;
}

#footer a{
	text-decoration:none;
	color:#ccc;
}
#footer a:hover{
	text-decoration:underline;
}


#header{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header1.jpg') center;
	height:99px;
}

#header1{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header2.jpg') center;
	height:99px;
}
#header2{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header3.jpg') center;
	height:99px;
}
#header3{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header4.jpg') center;
	height:99px;
}
#header4{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header5.jpg') center;
	height:99px;
}
#header5{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header6.jpg') center;
	height:99px;
}
#header6{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header7.jpg') center;
	height:99px;
}
#header7{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header8.jpg') center;
	height:99px;
}
#header8{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header8.jpg') center;
	height:99px;
}





#header_en{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en1.jpg') center;
	height:99px;
}

#header_en1{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en2.jpg') center;
	height:99px;
}
#header_en2{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en3.jpg') center;
	height:99px;
}
#header_en3{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en4.jpg') center;
	height:99px;
}
#header_en4{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en5.jpg') center;
	height:99px;
}
#header_en5{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en6.jpg') center;
	height:99px;
}
#header_en6{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en7.jpg') center;
	height:99px;
}
#header_en7{
	margin-right: auto;
	margin-left: auto;
	width: 897px;
	background: url('../img/CEG_header_en8.jpg') center;
	height:99px;
}









#content{
	height:100%;
	display:block;
	overflow:hidden;
	padding-left:20px;
	padding-top:5px;
	line-height: 170%;
}

#content-tekst{
	width:450px;
	float:left;
	padding-right:20px;
	padding-top:5px;
}

#content-tekst ul {
	margin:0;
	padding:0;
	margin-bottom:30px;
}

#content-tekst ul li {
	background: url('../img/arrow.gif') no-repeat left top;
	list-style: none;
	padding-left:20px;
	border-bottom:1px solid #ccc;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
}

#content-tekst ul li a{
	color: #000;
	text-decoration:none;
	display:block;
	height:100%;
}

#content-tekst ul li a:hover {
	text-decoration:underline;
}


#sidebar{
	line-height: 150%;
	width:150px;
	float:left;
	padding-left:20px;
	margin-top:57px;
}

.sidebarhome{
	font-size:.95em;
	line-height: 150%;
	width:150px;
	float:left;
	border-left:1px solid #ccc;
	padding-left:20px;
	margin-top:84px !important;
}

#sidebar h3{
	color:#000;
	line-height: 220%;
	margin:0;
	padding:0;
	padding-left:10px;
}
#sidebar h3 a{
	color:#171794;
	text-decoration:none;
}
#sidebar h3 a:hover{
	text-decoration:underline;
}

#sidebar ul{
	line-height: 220%;
	margin:0;
	padding:0;
}
#sidebar ul li {
	list-style: none;
}
#sidebar ul li a{
	color: #000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #ccc;
	height:100%;
}
#sidebar ul li a:hover {
	border-bottom:1px solid #000;
}
#sidebar ul li a.current
{
	color: #E3001B !important; 
	border-bottom:1px solid #E3001B;
}

/*

END LAYOUT 

*/




/*

START FUNCT NAV 

*/
#functnavlistcontainer{
	line-height:100%;
	font-size:.95em;
	margin-top:33px;
	margin-right:20px;
	float:right;
	padding-top:1px !important;
	width:500px;
}

ul#functnavlist {
	float:right;
	margin:0 !important;
	padding:0 !important;
	list-style-type: none;
}
ul#functnavlist li {
	margin:0 !important;
	padding:0 !important;
	display: inline;
	list-style-type: none;
}
ul#functnavlist li a{
	line-height:60% !important;
	color:white;
	text-decoration:none;
	display:block;
	height:5px;
	float:left;
	padding:3px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px solid white;
}
ul#functnavlist li a:hover{
	text-decoration:underline;
}






/*

END FUNCT NAV 

*/




/*

START NAV 

*/




#navcontainer{
	width:200px;
	font-size:1.1em;
	padding:0;
	margin: 0;
	float:left;
	margin-top:74px;
	margin-right:20px;
	padding-left:0px;
	padding-bottom:250px;
}

ul#navlist {
	margin: 0;
	list-style: none !important;
}

ul#navlist li
{
	margin-right: 12px;
	line-height: 150%;
	list-style: none !important;
}

ul#navlist li a
{
	margin-right: 0px !important;
}

ul#navlist li a
{
	display: block;
/*	height:20px;*/
	text-align:right;
	color: #000 !important;
	text-decoration: none;
	padding: 5px;
	font-weight:bold;
	padding-right: 7px;
	border-bottom:1px solid #CCC;
}

ul#navlist li a:hover
{
	color: #E3001B !important;
	border-bottom:1px solid #E3001B;
}

ul#navlist li a.current
{
	color: #E3001B !important; 
	border-bottom:1px solid #E3001B;
}

ul#navlist li a.current
{
	
}



/*

END SUB NAV 

*/







/*

START SEARCH FORM 

*/


#searchform{
	margin-top:20px;
	margin-right:20px;
	float:right;
	text-align:right;
	width:400px;
}

#searchform form{
	margin:0;
	padding:0;
}

#searchform fieldset{
	background: none;
	border:none;
	margin:0;
	padding:0;
}

#searchform form{
	width:180px;
	display:block;
	float:right !important;
}

#searchform input{
	font-size:.9em !important;
	float:left;
	margin:0;
	padding:.2em;
	border:1px solid #000;
	color:#000;
	height:14px !important;
	width:130px;
	background:#fff;
}

#searchform .knop {
	font-size:12px;
	height:20px !important;
	padding:3px;
	float:left;
	width:40px !important;
	border:0px !important;
	background:#000;
	color:#FFF !important;
}

#searchform .knop:hover {
	color:#ccc !important;
}

/*

END SEARCH FORM 

*/



/*

START BREADCRUMB 

*/

#breadcrumb {
	font-size:.9em;
	margin: 0;
	padding: 0;
	}

#breadcrumb ul {
	color: #999;
	display: inline;
	border: none;
	margin-left: 0;
	padding-left: 0;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb ul li a {
	color: #999;
	text-decoration: underline;
	}
#breadcrumb ul li a:hover {
	color: #CC0000;
	}
/*

END BREADCRUMB 

*/