body {
font-family: verdana,helvetica,sans-serif;  
padding:0; 
margin:0;
}
#elcf {
width:100%;
}

#head {
height: 119px;
}

#logoLeft {
/*display:inline;*/
width:195px;
height:130px;
float:left;
background: url(/elcf/fileadmin/uic/images/ELCF2transparent_01.png) no-repeat;
}

#logoLeft img, .logoRight img{
display: none;
}
#box {
/*text-align: center;*/
}
.title {
color: #666;
font-size: 1.5em;
font-family: Verdana;
margin: auto 3em;
padding-top:0.8em; 
}
.logoRight {
background: url(/elcf/fileadmin/uic/images/european-road-safety-charter.gif) no-repeat;
float:right;
width: 181px;
height: 120px;
margin-top: 9px; 
margin-right: 9px; 
display:inline; 
}
#body {
width: 100%;
height:100%;
margin: 0 auto; /* 10px auto; */
padding: 0;
background-color: #fff;
color: #333;
/*  border: 1px solid #FFCF00; */
}

.navi {
float: left;
width: 20em;
font-size: .8em;
padding-top:1em;
padding-left:0.7em; 
min-height:800px;
margin: 1em 0;
}

#bodyMiddle {
margin-left: 20em;; 
padding: 1em 1em 1em 1em;

/*	display:block;
padding: 0em;
margin: 0em; */
}

#bodyRight {
float:right;
display:inline; 
background-color: #fdf;
width:20%; 
min-height:800px;

}


.content {
padding: 0 1em 0.5em 1em; 
display:block;
}

.content div {
display:inline;
height:100%;
min-width:500px;
}

.navibar {
height: 2.2em;
margin: 1em 0;
border-bottom: solid .5em #2446a2;
}

.navibar a {
color: #fff;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
background-color: #2446a2;
border-top: solid .2em #09c;
text-decoration: none;
display: inline;
float: left;
width: 6em;
margin: 0 2em;
padding: .7em 2em;
text-align: center;
}
.navibar a:hover{
text-decoration: none;
background-color: #046;
color: #fff;
}
.navi a{
text-decoration: none;
font-weight: bold;
color: #666;
border-right: solid .5em #09c;
background: #f5f5f5;
display: block;
padding: 0.2em 0.4em 0.2em 0.4em;
margin-top:0.2em;
width:88%;
}
.navi a:hover{	
color: #000;
background-color: #fff;
border-right: solid .5em #2446a2;
}


.current {
border-right: solid .8em #036;
padding: 0.2em 0.4em 0.2em 0.4em;
font-weight: bold;
width:88%;
margin-top:0.2em;
display: block;
}

.current-Level-2 {
font-weight:bold;
border-right: solid .5em #036;
padding: 0.2em 0.4em 0.2em 0.4em;
padding-left:1.5em;
display:block;
width:80.5%;
margin-top:0.2em;

}

.current-Level-3 {
font-weight:bold;
border-right: solid .3em #036;
padding: 0.2em 0.4em 0.2em 0.4em;
padding-left:3em;
margin-right:0.94em;
display:block;
margin-top:0.2em;
}

.item {
display:block;
}

.item-Level-2 {
display:block;
margin-top:0.2em;
padding-left:1em;
margin-right:0.94em;
}

.item-Level-3 {
width:73%;
padding-left:3em;
display:block;
}

#userinfo {
float:right;
vertical-align:middle;
padding-top:0.4em;
}

.username {
float:left;
vertical-align:middle;
/*background-color:#fda;*/
padding-left:2em;
padding-right:2em;
}

.logout {
float:right;
margin-left:10em;
vertival-align:middle;
padding-right:2em;
}

.loginLink {
float:left;
vertical-align:middle;
/*background-color:#fda;*/
padding-left:2em;
padding-right:2em;
margin-top:-0.3em;
}

.registerLink {
float:right;
margin-left:8em;
vertival-align:middle;
padding-right:2em;
margin-right:1em;
margin-top:-0.3em;
}

.registerLink a {
width:100%;
}

#language {
float:left;
margin-left:-8em;
margin-top:0.1em;
}

H1{
font-size: 1.4em;
color: #2446a2;
}




