
/* override some defaults that are different from browser to browser anyway */
body,div,form {
  padding: 0px;
  margin: 0px;
  font-size:100.01%;
}

img {
  border: none;
}

body {
  background-color: #fff;
  color: #333;
  text-align: center; /* IE5 block element centering hack */
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4,p {
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #000;
}

h1,h2,h3,h4 {
  color: #154B93;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.2em;
}

h2.lead {
  font-size: 1.2em;
}



h3 {
  font-size: 1.0em;
}

h4 {
  font-size: 1.0em;
}

/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

/* default link styling */
a:link     { color: #eb272a; font-weight: bold; text-decoration: none }
a:visited { color: #eb272a; text-decoration: none; }
a:hover   { color: #eb272a; text-decoration: underline; }
a:active  { color: #f00; text-decoration: underline; }

/*** main wrapper, centered ***/
#wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* reset alignment to default */
  width: 960px;
}


/** head: header-img, home link, metamenue **/

#head {
/*  float: left; */
  position: absolute;
  top: 0px;
  width: 720px;
}

#logo {
  width:720px;
  height:120px;
  position: relative;
  margin: 0px;
  padding: 0px;
}

#meta{
  position: relative;
  width: 712px;
  background: #eb272a;
  padding: 2px 2px 2px 6px;
  margin: 0px;
  color: #fff;
 }

#meta a:link    { color: #fff; font-weight: bold; text-decoration: none; }
#meta a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#meta a:hover   { color: #fff; font-weight: bold; text-decoration: none; }
#meta a:active  { color: #fff; font-weight: bold; text-decoration: none; }

/** main nav: left-side main navigation menu (level 2) **/
#nav {
  top: 10px;
  position: relative;
  width: 220px;
  float: left;
}

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

#nav li {
  margin-right: 20px;
  width: 220px;
}

#nav ul div {
  width: 196px;
  border: 1px solid #D0E2F6;
  border-bottom: none;
  padding: 1px;
  margin: 0px;
}

#nav ul a {
  display: block;
  width: 188px;
  font-weight: normal;
  padding: 4px;
}

#nav li.active {
  background: url(./menue_aktiv.gif) no-repeat 200px 6px;
}

#nav li.nobg {
  background: none;
}

#nav li.active a {
  font-weight: bold;
  background-color: #D0E2F6;
}

/* second level */
#nav li.active li a {
  width: 178px;
  padding-left: 14px;
  font-weight: normal;
}


/* 3rd level */
#nav li.active li.active li a {
  width: 164px;
  padding-left: 28px;
  font-weight: normal;
}

#nav li.last div {
  border-bottom: 1px solid #D0E2F6;
}


#nav a:link    { color: #154E95; text-decoration: none; }
#nav a:visited { color: #154E95; text-decoration: none; }
#nav a:hover   { color: #154E95; text-decoration: underline; }
#nav a:active  { color: #154E95; text-decoration: underline; }

/** content: main content block **/
#content {
  top: 10px;
  float: right;
  position: relative;
  width: 475px;
  padding-left: 20px;
}

#content .height {
  min-height: 300px;
}

#content p.abstract {
  font-weight: bold;
  margin-bottom: 10px;
}

#content img {
/*  float: left; */
  margin-right: 5px;
  margin-bottom: 5px;
}

#content div.teaser {
  margin-top: 10px;
  border-top: 1px solid #D0E2F6;
  margin-bottom: 20px;
  width: 100%;
  float: right;
}

#content div.teaser div {
  width: 48%;
  float: left;
  padding: 5px;
}

#content div.teaser div.first {
  padding-left: 0px;
  border-right: 1px solid #D0E2F6;
  clear: both;
}

#content div.meta {
  clear: both;
}

#content div.meta ul {
  list-style-type: none;
  padding: 0px;
  padding-top: 10px;
  margin: 0px;
}

#content div.meta li {
  border-left: 1px solid #D0E2F6;
  float: left;
  border-bottom: 1px solid #D0E2F6;
}

#content div.meta li a {
  padding-left: 10px;
  padding-right: 10px;
  color: #154B93;
}

#content div.fsk {
  clear: both;
  margin-top: 10px;
}

/** news: right-side news container **/
#news {
  width: 200px;
  float: right;
  margin-top: 70px;
  font-size:0.9em;
}

#news h2 {
  color: #fff;
  background: url(news_bg.jpg) repeat-y;
  padding: 2px;
}

#news .box {
  margin-top: 2px;
  border: 1px solid #D0E2F6;
  padding: 1px;
}

#news .box h3 {
  background-color: #D0E2F6;
  padding: 2px;
}

#news .box p {
  padding: 2px;
}

#news span.kat {
  background-color: #154B93;
  padding-left: 4px;
  padding-right: 4px;
  color: #fff;
  font-size:0.9em;
  text-transform: uppercase;
}

#switch
 {
  position: absolute;
  left: 240px;
  width: 100%;
  z-index: 2;
  text-align: right;
}
