/* CSS Document by Dieter Schneider for www.csstemplateheaven.com */

* {margin: 0;
    padding: 0;
}

body { 
	font-family: Tahoma;
    font-size: 62.5%;
	background-color: #ffffff;
	background-image: url(../images/evs-achtergrond.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 0px 0px;
}

#header {
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	height: 90px;
/*	border: 1px solid black; */
}

p.payoff {
	font-size: 11px;
	line-height: 40px;
	color: #000000;
	text-align: left;
	font: italic small-caps 15px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-left: 50px;
}

/* Onder de header is een 100% breede balk opgenomen zodat de Payoff en het menu in één divider opgenomen kunnen worden */
/* Voordeel is dat bij verkleining van het venster het menu niet door de Payoff heen loopt, maar de Payoff netjes wordt afgebroken */
div#payoff-menu {
	width: 100%;
/*	border-bottom: 2px solid #666666; */
/*	background-color: #FFFFFF; */
}

div.row {
	padding: 10px;
	clear: both;
}

div.row span.left {
	display: block;
	width: 55%;
	float: left;
	text-align: left;
	font: italic small-caps 15px Georgia, "Times New Roman", Times, serif;
	margin-left: 50px;
font-weight: 500;
/*	border: 1px black solid; */
}

/* De width niet al te klein maken, zodat bij verkleining van het venster de regel niet afgebroken wordt */
div.row span.right {
	display: block;
	width: 30%;
	float: right;
	text-align: right;
/*	border: 1px black solid; */
}

div.spacer {
	font-size: 10px;
    clear: both;
}

div.row span.left-vervolg {
	display: block;
	width: 35%;
	float: left;
	text-align: left;
	font: italic small-caps 15px Georgia, "Times New Roman", Times, serif;
	margin-left: 320px;
	margin-top: 30px;
	font-weight: 500;
/*	border: 1px black solid;  */
}


#header_menu{
/*	background-image: url(images/header_menu.jpg);
	background-repeat: repeat-x; */
	text-align: right;
	height: 40px;
	padding-top: 10px;
/*	border: 2px solid green;*/
}

#container {
	font-size: 1.2em;
/*	border: 1px solid red; */
}

#left {
	float: left;
	width: 161px;
	margin-left: 20px!important;
/*	margin-left: 10px; */
    padding-top: 27px;
/*	border: 1px solid black;*/
}

#subnavigation {
	width: 180px;
	color: #000033;
	font-family: Tahoma;
	font-size:1.2em; 
	font-weight:100;
	padding: 0px 0px 40px;
}

#subnavigation li, #subnavigation li a{line-height: normal !important;/*  */}
#subnavigation ul{ list-style: none; margin: 0; padding: 0;}
#subnavigation li ul{ display: none;margin:0;}
#subnavigation li.active ul{ display: block;}
#subnavigation li.active ul ul{ display: none;}
#subnavigation li li.active ul{ display: block;}
#subnavigation li li.active ul ul{ display: none;}
#subnavigation li li li.active ul{ display: block;}
#subnavigation li li li.active ul ul{ display: none;}
#subnavigation li li li li.active ul{ display: block;}
#subnavigation li li li li.active ul ul{ display: none;}
#subnavigation li li li li li.active ul{ display: block;}
#subnavigation li li li li li.active ul ul{ display: none;}
#subnavigation li li li li li li.active ul{ display: block;}
#subnavigation li li li li li li.active ul ul{ display: none;}
#subnavigation li li li li li li li.active ul{ display: block;}
#subnavigation li li li li li li li.active ul ul{ display: none;}
#subnavigation li span{ display: block; width: 100%; padding: 0.2em 0; height: auto;}
#subnavigation li a{ font-weight: normal; display: block; height: auto !important; height: 1%; color: #000000; text-decoration: none;}
#subnavigation li a:hover{ text-decoration: none; color: #CF2941;}
* html #subnavigation li a:hover{ text-decoration: underline; color: #CF2941;}
#subnavigation ul li a{ margin-left: 3.0em;}
#subnavigation ul ul li a{ margin-left: 4.0em;}
#subnavigation ul ul ul li a{ margin-left: 4.5em;}
#subnavigation ul ul ul ul li a{ margin-left: 5.5em;}
#subnavigation ul ul ul ul ul li a{ margin-left: 6.4em;}
#subnavigation ul ul ul ul ul ul li a{ margin-left: 7.3em;}
#subnavigation ul ul ul ul ul ul ul li a{ margin-left: 8.1em;}
#subnavigation ul ul ul ul ul ul ul ul li a{ margin-left: 9.1em;}
/* #subnavigation ul ul ul { background-color: #ffffff;} */
#subnavigation ul ul ul ul { border-top: 1px #FFFFFF dashed; }
#subnavigation ul ul ul ul ul{ margin-bottom:-1px;}

#subnavigation ul li{background: url(../images/menu-button.gif) 0.9em 0.1em no-repeat;}
#subnavigation ul ul li{ font-weight: normal; background: url(../images/menu-button.gif) 2.2em 0.1em no-repeat;}
#subnavigation ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) 3.0em 0.5em no-repeat;}
#subnavigation ul ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) #FFFFFF 4.0em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) #FFFFFF 5.0em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) #FFFFFF 5.8em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) #FFFFFF 6.8em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul ul li{ font-weight: normal; background: url(../images/circle.gif
) #FFFFFF 7.6em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}

#subnavigation li.haschildren{ background-image: url(../images/menu-button.gif);}
#subnavigation ul ul li.haschildren{ background-image: url(../images/menu-button.gif);}
#subnavigation ul li.haschildren.active{ font-weight: bold; background: url(../images/menu-button-open.gif
) 1.4em 0.1em no-repeat;}
#subnavigation ul ul li.haschildren.active{ font-weight: normal; background: url(../images/menu-button-open.gif
) transparent 2.3em 0.1em no-repeat;}
#subnavigation ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 3.3em 0.5em no-repeat;}
#subnavigation ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 4.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 5.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 6.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 7.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../images/circle_open.gif
) transparent 7.9em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}

#subnavigation ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 3.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 4.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 5.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 6.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 7.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../images/circle_open.gif
) #FFFFFF 7.9em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }

#subnavigation li.haschildren{ cursor: pointer !important;}
#subnavigation li.haschildren ul li{ cursor: default;}
#subnavigation span.selected a{ color: #CF2941 !important;  }


img.evsportal {
	margin-left: 35px;
	margin-top: 20px;
	border: 1px solid #999999;
	padding: 10px;
}


img.logouvt {
	margin-left: 25px;
	margin-top: 20px;
}	

img.logogesis {
	margin-left: 45px;
	margin-top: 10px;
}	


#right {
	float: right;
	width: 210px;
	margin-right: 5px;
	padding-top: 27px;
/*	border: 1px solid black;*/
}


#blueContainer2 {
	margin-top: 40px;
	margin-bottom: -30px;
	width: 150px;
	color: #000033;
	font-family: Tahoma;
	font-size: 11px;
	background-image: url(http://spitswww.uvt.nl/fsw/evs/test2/images/container_line.gif);
	background-repeat: repeat-x;
	background-position: 0px -15px; 
	padding: 0px 0px 30px;
	padding-top:10px;
}

#blueContainer2 p a, p a:visited, p a:link, p a:active, #blueContainer2 a:visited, #blueContainer2 a:link, #blueContainer2 a:active, li a:visited, li a:link, li a:active {
	color: #CF2941;
	font-weight: 500;
	text-decoration:none;
}

#blueContainer2 p a:hover, #blueContainer2 a:hover, #blueContainer2 li a:hover {
/*	font-weight: bold; */
	text-decoration:overline underline;
}

.blueHeader {
	font-size: 12px;
	color: #CF2941;
	font-weight:bold;
	padding-bottom: 5px;
}

#content {
	margin-right: 250px;
	margin-left: 325px;
	padding: 5px;
	font-family: Tahoma;
	text-align:justify;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
/*	border: 1px solid black;*/
}

#content p a, p a:visited, p a:link, p a:active, #content a:visited, #content a:link, #content a:active, li a:visited, li a:link, li a:active {
	color: #CF2941;
	font-weight: bold;
	text-decoration:none;
}

#content p a:hover, #content a:hover, #content li a:hover {
	font-weight: bold;
	text-decoration:overline underline;
}


#footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 23px;
	text-align: center;
	font-size: .9em;
	padding-top: 60px;
}

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

/*
h1{
	color: #FFFFFF;
	font-size: 3em;
	padding-top: 70px;
	padding-left: 50px;
}

*/

.heading_color{
	color: #FF9900;	
}


h2 {
	margin-bottom: 15px;
	border-bottom: 1px solid #A7AAB3;
}

h3 {margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #A7AAB3;
}

h4 {
	background-image: url(images/menu_tab.jpg);
	height: 31px;
	width: 146px;
	padding-top: 5px;
	padding-left: 15px;
}

.images_left {float: left;
               margin: 5px;
}

.thumbs {border: 1px solid gray;
         margin: 5px;
		 padding: 1px;
}

/* a:link {color: #000000}     /* unvisited link */
/* a:visited {color: #333333}  /* visited link */
/* a:hover {color: #FF6633}   /* mouse over link */
/* a:active {color: #FF3333}   /* selected link */

/***********************************'   Left side Menu  *******************************/

#navlist
{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #C2C2CA;
	width: 160px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #C2C2CA;
}

#navlist li a {
	text-decoration:none;

}

/***********************************'  Home, Contact en Search  ****************/

ul.navlist  {
margin-left: 175px;
float:left;
background-image: url(http://spitswww.uvt.nl/fsw/evs/test2/images/container_line.gif);
background-repeat: repeat-x;
background-position: 0px -15px; 
}

.navlist li
{
	display: inline;
	list-style-type: none;
	font-weight: bold;
	font-size: 1.3em;
/*	text-decoration:overline; */
	color:#ff0000;
	width:50%;
	padding: 0px;
}

.navlist li a {
	color:#000000;
}

.navlist li a:hover
{
	color:#CF2941;
	text-decoration:underline;

}