html,body{margin:0;padding:0}
body{font: 76% verdana,arial,sans-serif; background-color:#222; color: black;font-weight:bold;}
p{margin:0 10px 10px}
#container{background-color: #808080;}
#navigation a{display:block;color: #006;padding:2px 5px 2px 5px}
div#header{position:relative; padding: 20px 0px 20px 10px;color:white;background-color: #222;}
a {color: white; text-decoration:none;}
div#header h1{height:80px;line-height:80px;margin:0;}
#header .left {width: 220px; background-color: #222;}
#header .right {padding: 0px;}
#content{margin: 20px 0 0 20px; font-weight:normal;line-height: 0.5em;}
div#content {line-height:1.2em}
div#navigation{	background:#808080;}
#navigation a {font-weight: bold;}
ul {list-style: none; margin:0; padding: 0;}

ul li ul {font-size: 1em;}
ul li ul li ul {font-size: 0.9em; margin-left:5px;}
a.folder {border-right: 10px solid #a2a2a2;}



#navigation ul li a.site {background-color: #808080;border:1px solid #a2a2a2; border-right: 0;color: #444;}
#navigation ul li a.site:hover {color: #000;}
#navigation ul li ul li ul li a.site {background-color: #222;border:1px solid #ddd; border-right: 0;color: #fff;}
#navigation ul li ul li ul li ul li a.site:hover {color: #888;}
#navigation ul li ul li ul li ul li a.active {color: #aaa;}
#navigation a.folder {font-size: 1.5em;color:#222;padding:10px;font-variant: small-caps;}
#navigation a.folder:hover {color: #aaa}
#navigation a.kulturdata {text-transform: uppercase; font-size: 1.25em; font-weight: bold; color: white;background: #222;}
#navigation a.projects {color: white; background: #222;}



/* COLOURS */
a.lifescience {border-right: 10px solid blue;}
a.technoscience {border-right: 10px solid cyan;}
a.economics {border-right: 10px solid red;}
a.media {border-right: 10px solid magenta;}
a.politics {border-right: 10px solid #00FF00;}
a.general {border-right: 10px solid yellow;}

#navigation a.lifescience, #navigation a.technoscience, #navigation a.economics, 
#navigation a.media, #navigation a.politics, #navigation a.general, #navigation a.news {
color: #444;
}

#navigation a.lifescience:hover, #navigation a.lifescience.active {color: blue;}
#navigation a.technoscience:hover, #navigation a.technoscience.active {color: cyan;}
#navigation a.economics:hover, #navigation a.economics.active {color: red;}
#navigation a.media:hover, #navigation a.media.active {color: magenta;}
#navigation a.politics:hover, #navigation a.politics.active {color: #00FF00;}
#navigation a.general:hover, #navigation a.general.active {color: yellow;}
/* END COLOURS */

div#extra{background:#FF8539; height: 10px;}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{float:left;width:100%; background: #808080 url(../images/wrapper-back.jpg) repeat-y; }
div#content{margin-left:250px;padding-bottom:10px;}
div#navigation{float:left;width:200px;margin-left:-100%;}
div#extra{clear:left;width:100%;}

h2 {font-size: 1.2em}