/* CSS Document */
html {
	overflow-x: hidden;
	overflow-y: auto;
} 
body {
background-color:#E0E0E0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#303030;
}
#navigation {
background-color: white;
padding:2px;
text-align:center;
}
#nav{
  clear:both;
  font-weight:bold;
  color:#666;
  margin: 0px;
  float:left;
  list-style-type:none;	
  /*background:url(navigation/navshadow.gif) no-repeat 8px 100% #fff;*/
  padding: 0px;
  /*background-image:#FFFFFF;*/
  background:#FFFFFF;
}
/*For some reason there is a difference between MSIE and real browsersFirefox and Opera here. That is why we need to hack:*/


html>body #nav{
  margin-left:4px;
  /*background:url(navigation/navshadow.gif) no-repeat <strong>4px</strong> 100% #fff;*/
}
/*The whole trick of the navigation has been done many times before, but just to reiterate:

We use the same background image on the LI and on the A/STRONG inside it.

On the LI we position it to the left and top and allow it to fade out onto a background colour. We add a padding to the left to show a bit of the background.
*/
#nav li{
  list-style-type:none;
  float:left;
  margin:0 0 0 4px;
  padding:0 0 0 8px ;
  background:url(navigation/tabblue.gif) #c0c0c0 top left no-repeat;
  text-align:center;
  text-decoration:none;
}
/*On the A/STRONG we position the same background image top and right and give it a padding to the right to show that bit of the background. We do not define a background colour for the rest but leave it transparent - effectively allowing the LI background to show through.
*/

#nav li a{
  color:#FFFFFF;	
  background:url(navigation/tabblue.gif) transparent top right no-repeat;
  display:block;
  padding:0 10px 5px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
	list-style-type:none;
   text-align:center;
   text-decoration:none;
}
/*For the current page we use other images and colours:*/


#nav li.curr,
#nav li.over,
#nav li.hover
{
  background:url(navigation/tabgrey.gif) #3375b2 top left no-repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-align:center;
  text-decoration:none;
  color:#000000;
}
#nav li strong,
ul#nav li.curr a,
ul#nav li.over a,
ul#nav li.hover a
{
  display:block;
  color:#000000;
  padding:0px 10px 5px 0px;
  text-decoration:none;
  background:url(navigation/tabgrey.gif) transparent top right no-repeat;
  text-align:center;
}
.titel
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-color:#508EC9;
	font-weight:bold;
	padding:2px;
	border-bottom:1px solid black;
	border-top:1px solid black;
}
.titel2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-color:#7B807C;
	padding:2px;
}
a
{
	color:#3333FF;
	text-decoration:none;
}
a:hover
{
	color:#000000;
	text-decoration:underline;
}
a:active{
	color:#3333FF;
}

#content {
    background-color:#FFFFFF;
}

.advert { 
    text-align: center;  
}

.logo {
    width: 50%;
    text-align:left;
}

.old {
    font-size:10px;
}

#maincontent {
	float: left;
    width: 70%;
	height: 100%;
	overflow-y: scroll;
	overflow-y: none;
}

#rssbanner {
    float: left;
    width: 30%;
}

#all {
    display: inline;
}

/* cv styles */
.old {
    margin: 1em;
    padding: 1em;
    border: 1px solid; 
    font-size: 80% 
}
.tech {
    float: right;
    padding: 10px;
    margin: 10px;
    border: 1px dashed;
    background: white;
    width: 200px;
}
.old .tech {
    width: 180px;
}
h1, h2, h3 { clear: both; }

