body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #333;
margin-left:10px;
margin-top:10px;
margin-right:10px;
line-height:1.5em;
background-color:#fff;
}
a:link {color: #0090D2;text-decoration: none;}
a:visited {color: #0090D2;text-decoration: none;}
a:hover, a:focus {color: #0090D2;text-decoration: underline;}
a:active {color: #0090D2;}
link rel="shortcut icon" href="favicon.ico"

p {line-height:1.5em; font-size:1.1em; text-align:justify;}

h1 {font-size: 1.4em; font-weight: bold; color:#000000; margin:0px;}
h2 {font-size: 1.1em; font-weight: bold; color: #000000; margin:0px;}
h3 {font-size: 1em; font-weight: bold; font-style:italic; color: #000000;}
h4 {font-size: 1em; text-decoration: underline; color: #000000;}
hr {height: 1px; color:#cccccc;}

ul {font-size:1.0em;}
ul li {font-size:1.0em;}
ul li ul {font-size:1.0em;}
ul li ul li {font-size:1.0em;}
ol {font-size:1.0em;}

th {border:0.0em solid #ccc;background-color:#f4f4f4;}
td {border:0.0em solid #ccc; padding:2px; font-size:1.1em;}

.lit { text-align:left;}

#container-header { width:100%; height:173px; margin:0;}

/*orange lines*/
.row-orange1 { height:13px; background-image:url(images/line1.gif); margin:0; background-repeat:repeat-x;}
.row-orange2 { height:13px; background-image:url(images/line2.gif); margin:0; background-repeat:repeat-x;}

/*pictures*/
#pic-english { background-image:url(images/header/english.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-sitemap { background-image:url(images/header/sitemap.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-impressum { background-image:url(images/header/impressum.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-contact { background-image:url(images/header/contact.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}

#pic-start { background-image:url(images/header/picstart.jpg); background-repeat:repeat-x; height:150px;}
#pic-projekte { background-image:url(images/header/projekte.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-bodenkunde { background-image:url(images/header/boden.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-bhutan { background-image:url(images/header/bhutan.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}
#pic-philosophie { background-image:url(images/header/philosophie.jpg); background-repeat:repeat-x; height:150px; margin-left:0;}

#container-nav-main { margin-top:30px;}
#nav-container {width:200px; float:left; left:10px;}
#content {margin:5px 20px 0 160px; border-left:1px dotted #cccccc; padding:15px;}

/*definitions forms*/ 
input{font-size:1em; color: #333; background-color:#fff; border:1px solid #0090d2;}
input.noborder{border:none;}

/*textarea {font-size:1em;color: #333;border:1px solid #0090d2; height:11px;}*/
select {font-size:1em;color: #333; border:1px solid #0090d2; background-color:#fff;}

.label { width:180px; text-align:right;}
.formelement { margin-left:200px; margin-top:-15px; padding-bottom:15px;}

/*layout top navigation*/ 
#navtop{ margin: 0 0 0 0; padding:0; height:25px;}
#navtop ul { padding: 0; list-style-type: none;}
#navtop ul li { display: block; float: left; padding:1px;}
#navtop ul li a { text-decoration: none; padding: 0 7px 0 7px; border-right: 1px solid #333; color: #333; text-align: center;}
#navtop ul li a:hover {text-decoration: underline;}
#navtop ul li.without-border { padding: 0 1px 0 7px; border-right: 0px; color: #666; text-align: center; margin-top:-1px;}
#navtop ul li a.without-border { padding: 0 1px 0 7px; border-right: 0px; color: #666; text-align: center; margin-top:-1px;}

/* left menue */

#nav {
clear:both;
float:left;
margin-right:0;
margin-left:0;
padding: 0;
width: 155px;
}
#nav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#nav li
{
border-bottom: 1px solid #fff;
margin: 0;
}
#nav li a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #F8D820;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}

#nav li.philosophie-e1 a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #cc3;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}
#nav li.philosophie-e1 a:hover{color: #fff;background-color: #b8b800;text-decoration: none;}
#nav li.philosophie-e1 a:focus{color: #fff;background-color: #b8b800;text-decoration: none;}
#nav ul li.philosophie-e1-aktiv a{color: #fff;background-color: #b8b800;text-decoration: none;}

#nav li.projekte-e1 a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #ffa500;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}
#nav li.projekte-e1 a:hover{color: #fff;background-color: #ff8c00;text-decoration: none;}
#nav li.projekte-e1 a:focus{color: #fff;background-color: #ff8c00;text-decoration: none;}
#nav ul li.projekte-e1-aktiv a{color: #fff;background-color: #ff8c00;text-decoration: none;}

#nav li.start-e1 a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #7FCCE5;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}
#nav li.person-e1 a:hover{color: #fff;background-color: #00bfff;text-decoration: none;}
#nav li.person-e1 a:focus{color: #fff;background-color: #00bfff;text-decoration: none;}
#nav ul li.person-e1-aktiv a{color: #fff;background-color: #00bfff;text-decoration: none;}

#nav li.bodenkunde-e1 a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #cd853f;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}
#nav li.bodenkunde-e1 a:hover{color: #fff;background-color: #a0522d;text-decoration: none;}
#nav li.bodenkunde-e1 a:focus{color: #fff;background-color: #a0522d;text-decoration: none;}
#nav ul li.bodenkunde-e1-aktiv a{color: #fff;background-color: #a0522d;text-decoration: none;}

#nav li.bhutan-e1 a
{width:150px;margin: 0;display: block;padding: 5px 2px 5px 10px;font-weight: bold;color: #fff;background-color: #CC99FF;text-decoration: none;
voice-family: "\"}\""; voice-family:inherit;width: 140px;}
#nav li.bhutan-e1 a:hover{color: #fff;background-color: #9966CC;text-decoration: none;}
#nav li.bhutan-e1 a:focus{color: #fff;background-color: #9966CC;text-decoration: none;}
#nav ul li.bhutan-e1-aktiv a{color: #fff;background-color: #9966CC;text-decoration: none;}


/* Navigation links 2.Ebene*/
#nav ul ul li {margin: 0;border-bottom: 0;}
#nav ul ul li a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.start-e2 a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.start-e2 a:hover{color: #666;border-left:5px solid #00bfff;background-color:#fff;}
#nav ul ul.start-e2 a:focus{color: #666;border-left:5px solid #00bfff;background-color:#fff;}
#nav ul ul li.start-e2-aktiv a{color: #666;border-left:5px solid #00bfff;background-color:#fff;}

#nav ul ul.projekte-e2 a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.projekte-e2 a:hover{color: #666;border-left:5px solid #ff8c00;background-color:#fff;}
#nav ul ul.projekte-e2 a:focus{color: #666;border-left:5px solid #ff8c00;background-color:#fff;}
#nav ul ul li.projekte-e2-aktiv a{color: #666;border-left:5px solid #ff8c00;background-color:#fff;}

#nav ul ul.bodenkunde-e2 a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.bodenkunde-e2 a:hover{color: #666;border-left:5px solid #a0522d;background-color:#fff;}
#nav ul ul.bodenkunde-e2 a:focus{color: #666;border-left:5px solid #a0522d;background-color:#fff;}
#nav ul ul li.bodenkunde-e2-aktiv a{color: #666;border-left:5px solid #a0522d;background-color:#fff;}

#nav ul ul.bhutan-e2 a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.bhutan-e2 a:hover{color: #666;border-left:5px solid #9966CC;background-color:#fff;}
#nav ul ul.bhutan-e2 a:focus{color: #666;border-left:5px solid #9966CC;background-color:#fff;}
#nav ul ul li.bhutan-e2-aktiv a{color: #666;border-left:5px solid #9966CC;background-color:#fff;}

#nav ul ul.philosophie-e2 a { margin:0; display: block; width: 150px; padding: 5px 2px 5px 10px; color: #666; text-decoration: none;font-weight: normal; border-left:5px solid #fff; background-color:#fff; voice-family: "\"}\""; voice-family:inherit;width: 140px; }
#nav ul ul.philosophie-e2 a:hover{color: #666;border-left:5px solid #b8b800;background-color:#fff;}
#nav ul ul.philosophie-e2 a:focus{color: #666;border-left:5px solid #b8b800;background-color:#fff;}
#nav ul ul li.philosophie-e2-aktiv a{color: #666;border-left:5px solid #b8b800;background-color:#fff;}

/* Layout zweispaltiger Kontentbereich */



/* Layout footer*/

#footer{ margin:auto;height:60px; width:100%;text-align:center;} 

#navfooter{ margin:10px 0 0 0;background-color:#fff;height: 30px;padding: 0;}
#navfooter ul { padding: 0; list-style-type: none;}
#navfooter ul li { display: block; float: left;}
#navfooter ul li a { text-decoration: none; padding: 3px 9px 3px; border-right: 1px solid #666; color: #333; background-color: #fff; text-align: center;}
#navfooter ul li a.no-border{ text-decoration: none; padding: 3px 1px 3px 8px; border-right:0; color: #333; background-color: #fff; text-align: center;}
#navfooter ul li.no-border{ text-decoration: none; padding: 3px 1px 3px 8px; border-right:0; color: #333; background-color: #fff; text-align: center;}
#navfooter ul li a:hover { text-decoration: underline;}

/* added by jitka@ebi.ac.uk to be used in the dynamic content of the pages */

.center   { text-align: center }
.noborder { border: none }
.form     { margin: 2%; }