/*
 * default.css - Cascading-Style-Sheet fuer die romeofox-Homepage
 *
 * $Header$ - $Name$
 */

body {
  margin:0;
  padding:0;
  font-family:verdana, arial, sans-serif;
  font-size:80%;
  color:#666666;
  text-align:center;
  background-color:#DDDDDD;
}

p {
  margin:0.2em 0 1.2em 0;
  padding:0.3em;
}

h1 {
  padding:0;
  margin:0;
  font-size:150%;
  font-weight:normal;
  font-style:italic;
  color: #6060FF; /* #0000FF; */
  font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

h2 {
  background-color:#DDDDDD;
  color:#3B4471;
  font-size:100%;
  font-weight:normal;
  margin:0.2em;
  padding:0;
  font-style:italic;
  font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

h3 {
  color:#3B4471;
  font-size:100%;
  font-weight:bold;
  margin:0.2em;
  padding:0;
  font-style:italic;
}

div {
  margin:0;
  padding:0;
  display:block;
}

a:link,
a:visited {
  color:#6060FF;
  text-decoration:underline;
}
a:hover {
  color:#0000FF;
  text-decoration:none;
}
a:active {
  color:#0000FF;
  text-decoration:underline;
}

dt {
  font-style: italic;
}

dd {
  margin-bottom:  1em;
}

.container {
  background-color:#FFFFFF;
  margin:0 auto 0 auto;
  padding:0;
  width:75%;          /* muss auch unten bei .footer angegeben werden! */
  min-height: 600px;  /* Mindest-Höhe nötig, sonst läuft der Aktuell-Bereich unten ins Leere. Für IE siehe ie.css */
}

.titleblock {
  padding:2em;
  margin:0;
  text-align:left;
  background-image:url(tast2.jpg);
  background-repeat:no-repeat;
  background-position:right center;
}

.titleblock p {
  text-indent:4em;
  color:#3B4471;
}

.titleblock h1 {
  font-size:250%;
}


ul.navbar {
  list-style-type:none;
  float:left;
  display:block;
  width:100%;
  line-height:1.5em;
  clear:both;
  margin:0;
  padding:0;
  background-color:#999999;
}

ul.navbar li {
  display:inline;
}

a.nav:link, a.nav:visited {
  display:block;
  float:left;
  width:19.5%;  /* MUSS AUF DIE ANZAHL DER LINKS ANGEPASST WERDEN!!!! 4 Links = 24.5% */
  padding:1.2em 0 1.2em 0;
  margin:0;
  text-decoration:none;
  background-color:#999999;
  color:#FFFFFF;
}

a.nav:hover {
  display:block;
  float:left;
  padding:1.2em 0 1.2em 0;
  margin:0;
  text-decoration:none;
  background-color:#6060FF;
  color:#FFFFFF;
}

a.nav:active {
  display:block;
  float:left;
  padding:1.2em 0 1.2em 0;
  margin:0;
  text-decoration:none;
  background-color:#999999;
  color:#FFFFFF;
}



.rightcontainer {
  float:right;
  clear:both;
  width:20%;
  margin:1em 0 0 0;
  padding:0;
}
.rightcontainer a img {
  border: none;
}

.rightbox {
  margin:0.5em;
  padding:0.3em;
  border:1px solid #999999;
  text-align:center;
}

.rightcontainer h2 {
  text-align:left;
  padding:0 0 0 1.5em;
}

.linkbox a {
  display:block;
}

/*
.linkbox a:hover {
  background-color:#DDDDDD;
}
*/

.zitat p {
  text-align: left;
}

.author {
  text-align: right;
}


.content {
  clear:left;
  text-align:left;
  margin:1.2em 21% 0 0;
  padding:1em 1ex 1em 1.5ex;
}

.content h2 {
  text-indent:3em;
}



.footer {
  background-color:#FFFFFF;
  margin:0 auto 0 auto;
  padding:0;
  width:75%;          /* muss die geleiche sein wie bei #container */
}

.innerfooter {
/*   padding:0.4em 0.8em; */
  margin: 0 0.8em;
  color:#999999;
  font-size:75%;
  border-top:1px solid #999999;
  text-align:left;
  clear:both;
}

.footer .right {
  float:right;
  clear:right;
  text-align:right;
}

.footer p {
  margin:0;
}