@font-face {
    font-family: Droid;
    src: url('/res/DroidSans-webfont.eot#') format('eot'), 
	 url('/res/DroidSans.ttf') format('truetype');
}

body    {
    background-color: #eeeeee;
    font-family: Droid, Times New Roman;
    font-size:	10pt;
    color:	grey;
}

img {
    border:	0px;
}

#mainwindow {
    width:      	900px;
    margin-left:	auto;
    margin-right:	auto;
    background-color:	#eeeeee;
    box-shadow:		0px 0px 6px #808080;
}

#logo {
    background:		url('/res/Zeitstrahl_2.png') no-repeat;
    margin-left:	0;
    margin-right:	0;
}

#content	{
    background-color:white;
    padding:	0px;
    position:	relative;
}

#nav {
    width:		900px;
    margin-left:	auto;
    margin-right:	auto;
    height:		45px;
    padding:		0px;
}

#menu {
  position:absolute;
  line-height:	45px;
}

#nav ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#nav li.topmenu {
  float:left;
}

.topmenu a {
  float:left;
  width:148px;
  text-align:center;
  color:#0086b2;
  font-family:Arial;
  font-size: 9pt;
  text-decoration: none;
  font-weight: bold;
}

.topmenu ul {
  display:none;
}

.topmenu a {
  border-left:1px solid white;
  border-top:1px solid white;
  border-bottom:1px solid grey;
  border-right:1px solid grey;
  background: #eeeeee; /* for non-css3 browsers*/
  background-image: linear-gradient(to top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);

}

.topmenu .top_sel {
  background: #bbbbbb; /* for non-css3 browsers*/
  background-image: linear-gradient(to top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(170,170,170) 100%);
  background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);
  background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(200,200,200) 100%);

}

.submenu {
    width: 148px;
    line-height: 28px;
    position: relative;
    clear: both; /* special IE6 */
    z-index: 500;
    background: white;
}


#nav a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb !important;
  z-index:500;
}


.topmenu:hover ul {
  display:block;
  z-index:500;
}

a {
    text-decoration:	none;
    font-weight:	normal;
    color:		#0086b2;
}

.floatend {
    clear:	both;
    float:	none;
}

#kontakt {
    font-size:	8pt;
    text-align: center;
}

.listitem {
    background-color: #eeeeee;
}

.listheader {
    background-color: #dddddd;
}

ul {
    list-style-type:	none;
}

.sel_item {
    background:	url("/res/marker1.png") no-repeat scroll left 6px transparent;
    padding-left:	35px;
    position:		relative;
    left:		-35px;
    margin:		0px;
    color:		#01184c;
}

.verlauf {
    background:	url("/res/verlauf_148.png");
}

h1,h2,h3,h4 {
    font-family:	Times;
    color:		#01184c;
}

h3 {
    margin-top:		10px;
    margin-bottom:	5px;
}

h4 {
    font-weight:	normal;
    font-family:	Droid;
    margin-top:		5px;
    margin-bottom:	0px;
}

.small_link {
    font-size:	8pt;
    border:	0px;
}