﻿/* General */
* {
    /* margin: 0; */
    /* padding: 0; */
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* hide blocks (e.g. skipnavigation) */
.hide {
    display: none;
}

/* Remove border around linked images */
img {
	clear:both;
	float:left;
	border:solid 1px #fff;
	padding:3px;
	margin: 0 24px 12px 0;
}

form{
	margin:0;
	padding:0;
}

/*-----------------------------------------------------------------------------*/

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
	/* font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif; */
	line-height:1.5;
	font-size : 12px;
	color: #000;
	background:#fff url(../Images/Leishrisk/BackgroundMain.gif) repeat-y;
	margin:0;
}

.alert{
	font-weight:bold;
	color:Red;
}

h1{
	margin:0;
	padding:0;
	color: #999900;
	letter-spacing:3px;
	font-size: 20px;
}

h2{
	clear:both;
	margin:0;
	padding: 20px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

h3{
	margin:0;
	padding: 18px 0;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

/*  Stylen link algemeen */

a:link,a:visited,a:active
{
    background-image: none;
    background-repeat: repeat;
	color : #000;
    text-decoration: underline;
}
a:hover
{
    background-image: none;
    background-repeat: repeat;
	color : #000;
    text-decoration: none;
}

/*  Header */

#topsection{
    background:#000097 url(../Images/Leishrisk/Logo.gif) no-repeat;
    height:130px;
    cursor:pointer;
}

#topsectioninnertube{
    background:url(../Images/Leishrisk/TopBanner.jpg) no-repeat 165px 0;
    height:130px;
}

#topsection h1{
    margin:0;
    padding:0;
    text-indent:-5000px;
    background:url(../Images/Leishrisk/LeishriskDescription.gif) no-repeat right top;
    height:65px;
}


#topsection h2{
    margin:12px 22px 13px 22px;
    padding:0;
    text-indent:-5000px;
    background:url(../Images/Leishrisk/eu.jpg) no-repeat right top;
    height:40px;
}

/* Menu Header */

#menuhead{
	margin:0;
	padding:0;
	list-style-type:none;
    background:#000097 url(../Images/Leishrisk/navtop_back.jpg);
    float:left;
    width:100%;
}

#menuhead li{
	float:left;
}

#menuhead a{
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	background:url(../Images/Leishrisk/MenuHeadDevider.gif) no-repeat 0 5px;
	padding:0 12px 0 12px;
	margin:0 6px 0 0;
}

#menuhead a:hover{
	color:#000097;
	background:#fff;
	text-decoration:none;
}

#menuhead .first{
	background-image:none;
	margin-left:170px;
}


/* Taalkeuze
-----------------------------------------------------------------------------*/


#languageselection{
	float:left;
	font-size: 11px;
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
}

#languageselection li{
	float:left;
}

#languageselection a.lsnormal, a.lsselected{
	display:block;
	float:left;
	height:17px;
	line-height:17px;
	margin: 0 5px 0 0;
	padding: 0 9px;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:0;
}

#languageselection a.lsnormal{
	color:#fff;
}

#languageselection a.lsnormal:hover, a.lsselected{
	color:#000;
	background: #fff;
}


/* content */

#wrapper{
	padding:0 190px 0 165px;
}

#container{
	background-color:#fff;
	float:left;
	width:100%;	
	border-left:165px solid #cccc00; /* The width and color of the left rail */
	border-right:190px solid #ccc; /* The width and color of the right rail */
	margin-left:-165px;
	margin-right:-190px;
	display:inline; /* So IE plays nice */
}
#leftrail{
	float:left;
	width:165px;
	margin-left:-165px;
	position:relative;
}

#leftrail .innertube{
	padding:24px 0 0 0;
	margin:0;
}

#center{
	float:left;
	width:100%;
	margin-right:-100%;
}

#center .innertube{
	padding:25px;
	margin:0;
}

#rightrail{
	float:right;
	width:190px;
	margin-right:-190px;
	position:relative;
}

#rightrail .innertube{
	padding:10px;
	margin:0;
	color:#000;
	font-size:10px;
}

#rightrail .innertube h1{
	padding:0 0 6px 0;
	margin:12px 0 0 0;
	font-size:11px;
	color:#01009A;
	letter-spacing:normal;
}

#rightrail .innertube p{
	padding:0 0 6px 0;
	margin:0;
}

/* Menu */

#menumain{
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:solid 1px #fff;
	margin-bottom:20px;
}

#menumain li{
	display:inline; /* Fix voor IE -> verwijderd extra ruimte boven en onder items */
}

#menumain ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menumain a.mmnormal, a.mmselected, a.mmnormalwithsubs{
	display:block;
	/* height:20px;  afzetten, anders worden menuitems die over meerdere regels gaan niet correct getoond */ 
	line-height:20px;
	border-bottom:solid 1px #fff;
	text-decoration:none;
	font-size:12px;
}

#menumain a.mmnormal,
#menumain a.mmnormalwithsubs{
	color:#fff;
}

#menumain a.mmnormal:hover, a.mmselected{
	color:#fff;
}


/* ruimte tussen mainitems */
#menumain li a{
	/* margin:6px 0; */
}

/* verberg subniveaus */

#menumain ul {
	display:none;
}

/* niveau 1 */

#menumain li a.mmnormal,
#menumain li a.mmnormalwithsubs,
#menumain li a.mmselected{
	width:145px;
	padding-left:10px;
	padding-right:10px;
}

#menumain li a.mmnormal{
	background:url(../images/Leishrisk/glass_back_green.jpg); 
	text-decoration:none;  /* nodig voor IE6 */
}

#menumain li a.mmnormal:hover,
#menumain li a.mmselected{
	background:url(../images/Leishrisk/glass_back_green_hover.jpg); 
}

#menumain li a.mmnormalwithsubs{
	background:#88942e url(../images/Leishrisk/glass_back_green_165_withArrow.jpg) no-repeat right top; 
	text-decoration:none;  /* nodig voor IE6 */
}

#menumain li a.mmnormalwithsubs:hover{
	background:#a5b04a url(../images/Leishrisk/glass_back_green_165_withArrow_Hover.jpg) no-repeat right top; 
}



/* niveau 2 */

#menumain li ul li a.mmnormal,
#menumain li ul li a.mmselected{
	width:135px;
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:5px;
	
}

#menumain li ul li a.mmnormal{
	color:#1a364e;
	line-height:1.5;
	background:#cccc00 url(../images/Leishrisk/BulletMenuMain.gif) no-repeat 4px 0; 
}

#menumain li ul li a.mmnormal:hover,
#menumain li ul li a.mmselected{
	color:#1a364e;
	line-height:1.5;
	background:#fff url(../images/Leishrisk/BulletMenuMain.gif) no-repeat 4px 0; 
}

/* niveau 3 */

#menumain li ul li ul li a.mmnormal,
#menumain li ul li ul li a.mmselected{
	width:155px;
	padding-left:10px;
	padding-right:0;
}

#menumain li ul li ul li a.mmnormal{
	color:#1a364e;
	background: #ccc;
}

#menumain li ul li ul li a.mmnormal:hover,
#menumain li ul li ul li a.mmselected{
	color:#1a364e;
	background: #ccc;
}

/* Extra niet-dynamisch menu
-----------------------------------------------------------------------------*/


.staticmenu{

text-decoration:none; 
line-height:20px;
border-bottom:solid 1px #fff;
width:165px;

}

.staticmenuitem{
font-size:12px;
border-top:solid 1px #9e837d;
background:url(../images/Leishrisk/glass_back_blue.jpg); }

.staticmenuitem a{ 
padding-left:10px;	
color:#244b4f;
text-decoration:none;}

.staticmenu h4 {
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0px;
background-color:#9e837d;
color:#FFFFFF;
border-top:#FFFFFF solid 1px;
text-transform:uppercase;
text-align:center;
font-weight:normal;}

.staticmenu a:hover{ 
display:block;
text-align:left;
width:155px;
background:url(../images/Leishrisk/glass_back_blue_hover.jpg); 

}

/* Formulier elementen 
-----------------------------------------------------------------------------*/

.formitem
{
	background-color:#ffffe5;
	color:#000;
	border:1px solid #ccc;
	width:200px;
}

.formitemsmall{
	background-color:#ffffe5;
	color:#000;
	border:1px solid #000;
	width:100px;
	font-size:10px;
}

.formbutton{
	font-weight:bold;
	background-color:#ccc;
	color:#fff;
	border:1px solid #fff;
}

.formbuttonsmall{
	font-weight:bold;
	background-color:#ccc;
	color:#000;
	border:1px solid #000;
	font-size:10px;
}