/*** general section ***/

body {
  color: #333333;  
  background-color: white;
/*  font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif;*/
/*  font-family: "Nimbus Sans L [urw]", "Nimbus Sans L [urw]", "Helvetica [Adobe]", sans-serif;*/
  font-family: "Verdana", sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#top_logo {
height: 64px;
background-color: transparent;
background-image: url("../images/logo_600x64.png");
background-repeat: no-repeat;
background-position: 120px 0px;
/*  background: transparent url(../images/menu/content_bg.png) repeat-y;*/
}


#interlinks {
  float: right;
  position: relative;
  top: -48px;
  left: -42px;
  background-color: transparent;
}
#interlinks td {
}

a { /*top menu header links*/
  color: #E5F2FB;
  text-decoration: none;
}
a:hover {
  color: #09548B;
}

a img { /* no borders in firefox */
  border-style: none;
}

p {
  margin: 0 0 17px;
  padding: 0;
  line-height: 18px;
}

.wrapper { /* fuer alles im body */
  width: 920px; /* TODO gute breite? */
  margin: 4px auto;
}

/*** content ***/

#content { /* fuer alles zwischen top menu und fuszleiste */
  width: 880px;
/*  background: transparent url(../images/menu/content_bg.png) repeat-y;*/
  float: left;
  padding: 0px 10px 4px 6px;
}

/* links */
#content a {
  color: #0073b4;
}
#content a:hover {
  color: #55aab4;
  text-decoration: underline;
}
#content a:visited {
  color: #55aa84;
}
#content a:visited:hover {
  color: #99aa84;
  text-decoration: underline;
}

/* sub/superscript */
#content sup {
  font-size:60%;
}
#content sub {
  font-size:60%;
}

/* tables */
#content table {
  width:100%;
  margin:10px;
}

/* images */
#content img {
/*  padding: 4px 14px;*/
  border:none;
}

.center-img { /*centered images*/
  display:block;
  text-align:center;
  margin:5px auto;
}
.center-sub { /*subtitles for centered images*/
  width:100%;
  text-align:center;
  padding:8px;
  padding-bottom:12px;
  font-style:italic;
}

.left-img {
  float:left;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
/*  padding-left: 0;*/
}
.right-img {
  float:right;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* headings */

#content h1 {
  color: #333;
  font-weight: 400;
/*  font-variant: small-caps;*/
  font-size: 18px;
  border-bottom: 1px dashed #C1D9F0;
}
#content h2 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  padding-left: 10px;
/*  margin-bottom: -5px;*/
  padding-top: 20px;
}
#content h3 {
  font-weight:400;
  font-size:12px;
  font-color:#808080;
  padding-left:30px;
  font-weight:bold;
}

/* horizontal line, implementiert als <div> */
.hr {
  border-bottom: 1px dashed #C1D9F0;
  width:100%;
  margin:10px 0;
}

#content p {
  padding: 0 15px;
  padding-right: 8px;
  text-align: justify;  
}

/* fuszleiste */
#content-bottom {
  color: white;
  float: left;
  width: 880px; /* kuerzer?? komisch... */
  padding-top: 0px;
/*  margin-top: 0px;*/
  margin: 4px auto;
  /* margin-bottom: 4px; */
/*  background: transparent url(../images/menu/content_bottom.png) no-repeat;*/
  height: 24px;
  background: #0073b4; /*official site color :) */
}

.floatleft {
  margin: 2px 5px 5px 10px;
  float: left;
}
.floatright {
  margin: 2px 10px 5px 0px;
  float: right;
}

/* linkes menu */
#leftmenu {
  float: left;
  width: 200px;
  margin-right: 6px;
  margin-left: -30px;
}
#leftmenu h3 {
  color:#0073b4;
}
#leftmenu ul {
  list-style:none;
  margin: 0;
  padding-left:30px;
}
#leftmenu ul li {
  padding-top: 4px;
  padding-left: 0px;
  margin-left: 0px;
  margin: 0;
}

/* content rechts vom linken menu */
#rightcontent {
  float: left;
  width: 680px;
  text-align: justify;
  background-image: url(/images/vertical_dash.gif);
  background-repeat: repeat-y;
  background-position: left top;
  margin: 0;
  padding: 0 0 0 12px;
}
#rightcontent h2 {
  font-weight:bold;
  text-transform: none;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:1em;
  background-color:#ddf;
}

#rightcontent li {
  padding-right:8px;
}

/* spezial fuer hauptseite */
#maincontent { /* content on index.php*/
  float: left;
  background-image: url(/images/title.jpg);
  background-repeat: none;
  /*font-family: "Nimbus Sans L [urw]", "Nimbus Sans L [urw]", "Helvetica [Adobe]", sans-serif;*/
  font-size: 12px;
  width: 880px;
  height:450px;
  text-align: justify;
  margin-left: -6px;
  padding: 0 0 0 12;
}
#maincontent a:hover {
  text-decoration:none;
  color: #007364;
}
#maincontent a:visited:hover {
  text-decoration:none;
  color: #007364;
}

#maincontent a:visited {
  color: #0073b4;
}

.spaced li {
  padding-bottom:1em;
}

.authors {
  font-variant: small-caps;
}


/* spezial-formatierung fuer <span class="infai"> */
.infai {
 color: #0073b4;
 font-weight:bold;
}

/* breadcrumb */

#breadcrumb {
  padding: 10px 20px;
}

#breadcrumb a:link, #breadcrumb a:hover, #breadcrumb a:visited {
  color:#888888;
  text-decoration: underline;
}

#scherzl { /*last bit of breadcrumb*/
  font-weight:bold;
  color: #666666;
}

/* staff page */
.staff_text {
  padding-left:50px;
  text-align: justify;
  vertical-align:top;
}

.staff_name {
  font-weight: bold;
}

/* login page */
#login {
  text-align:right;
  background-color:#ddf;
  padding:0;
  padding:1em 0;
  padding-right:1em;
}

.required {
  color:red;
}

#registration_table {
  width: 50%; /*does not work*/
}
#registration_table td {
  padding-left:1em;
}

.leftreg {
  text-align:right;
}
.rightreg {
  width: 200px;
}

/*** clearfix ***/
/* but see also http://www.sitepoint.com/examples/clearing_floats/example2.php*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.dist_flag {
  border: 1px solid #eee;
}
.dist_title {
/* color:red;*/
 padding-bottom:8px;
 font-weight:bold;
}
.dist_country {
  width:30%;
  padding-left:22px;
  font-size:large;
  font-family:Verdana;
  text-align:left;
}

/* footer hack!! */
/*
* {
  margin: 0;
}
  */

/*
html, body {
  height:100%;
}
.wrapper {
  min-height:100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  border:1px solid green;
}
.footer, .push {
  height: 2em;
  }
  */

.indexhelilink {
  position:relative;
  left:260px;
  top:80px;
  font-size:300%; 
  font-weight:bold;
/*  z-index:5;*/
}

.linka a:hover { /* TODO doesn't work!! */
  color: #FC0;
}