/* ========================================================================= *
 * Jugendfeuerwehr Spoeck Homepage                                           *
 *                                                                           *
 * Stefan Friedle <stefan.friedle@jugendfeuerwehr-spoeck.de>                 *
 * Daneil Fretz <daniel.fretz@jugendfeuerwehr-spoeck.de>                     *
 *                                                                           *
 * Copyright 2004 (c) Jugendfeuerwehr Spoeck                                 * 
 * ========================================================================= */


body, p {
  font-family: Trebuchet MS, Sans-Serif;
  font-size: small;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Trebuchet MS;
}

a {
  text-decoration: none;
}

:link {
  color: darkblue;
  border-bottom: 1px #dddddd dotted;
}
:visited {
  color: darkblue;  
  border-bottom: 1px #dddddd dotted;
}

:link:hover, :visited:hover {
  color: #FF941A;
  border-bottom: 1px #666666 dotted;
}


#layout {
  text-align: left;
  vertical-align: top;
  max-width: 520px;
  margin: 0 auto;
}

#main-column {
  width: 100%;
  padding: 0 0 0 0;
  float: right;
}

#main-column h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2ex;
}

#main-column h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2ex;
  margin: 0 0 0 0;
  border-bottom: dotted 1px #001a33;
}

#main-column img {
  border: 1px #aaaaaa dotted;
  padding: 1px 1px 1px 1px;
}

.left {
  float: left;
  margin-right: 12px;
}

.right {
  float: right;
  margin-left: 12px;
}


#header {
  background: url(../img/logo.png) no-repeat top right;
  vertical-align: top;
  height: 120px;
}

#header h1 {
  font-size: 26px;
  letter-spacing: 0.4ex;
  text-align: right;
  padding: 0 110px 0 0;
  margin: 0 0 0 0;
}

#header h2 {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.4ex;
  text-align: right;
  padding: 0 110px 0 0;
  margin: 0 0 0 0;
}


#impressum {
  vertical-align: top;
}

#impressum th, td {
  vertical-align: top;
}


#navigation h4, #navigation p {
  padding: 0 5px 0 5px;
}

#navigation h3 {
  background: #FF941A;
  margin: 0 0 0 0;
  padding: 0 0 5px 5px;
  color: white;
}

#navigation h4 {
  margin: 10px 0 0 0;
}

#navigation p {
  margin: 0 0 0 0;
}

