/*
 * Beschreibung: Stylesheet für Fehmarn-Design
 * Autor: Tim Isenheim
 */


body{
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  background: #00284D;
  color: #fff;
  text-align: center;
}

#container{
  font-size: 1.2em;
  width: 770px;
  margin: 20px auto 0 auto;
  padding-top: 140px;
  background: #344B6C url(bitmaps/titel.jpg) no-repeat top center;
  color: #fff;
  text-align: left;
}

#wrapper {}

#content { margin: 25px; line-height: 1.5em; }

h1, h2, h3, h4, h5, h6{
  font: 19px Arial, Helvetica, sans-serif;
  background: url(bitmaps/whitestripe.gif) no-repeat bottom center;
  padding-bottom: 12px;
  margin-top: 18px;
}

h2{
  font-size: 17px;
  font-weight: bold;
  background: none;
  padding: 0;
  margin-top: 23px;
}

h3{
  font-size: 17px;
  font-weight: none;
  background: none;
  padding: 0;
  font-style: italic;
}

h2 small{ font-size: 12px; font-weight: normal; }



/* INHALTE
---------------------------*/

#content p.unterschrift{
  background: url(bitmaps/neumann-unterschrift.gif) no-repeat left top;
  padding-top: 70px;
}

#content p.highlight{
  border-top: 3px solid #6486B4;
  border-bottom: 3px solid #6486B4;
  background: #476794;
  padding: 3px 6px;
  font-size: 0.9em;
}

#content p.haftung{
  font-size: 10px;
  line-height: 15px;
  text-align: justify;
}

#content .columnwide p{ width: 400px; }

#content img.bordered{ border: 1px solid #99ccff; }

/* GALERIE
----------------- */

table#galerie{
  width: 410px;
}

table#galerie a:visited img, table#galerie a img { border: 1px solid #99ccff; }
table#galerie a:hover img { border: 1px solid #fc3; }

table#galerie td{ width: 140px; text-align: center; font-size: 11px; }

/* TERMINE
-----------------*/

table.termin { background: #6486B4; width: 400px; font-size: 12px; }
table.termin td{ border: 1px solid #476794; padding: 0 0 0 3px; }

#content .columnwide { width: 430px; }
#content .columnsmall { width: 280px; }
#content .left { float: left; }
#content .right { float: right; }

#content a, #content a:visited { color: #fff; text-decoration: underline; font-weight: bold; }
#content a:hover { border: 0 none; text-decoration: underline; color: #fc3; }

#content ul { color: #fc3; font-size: 20px; }

#content ul li span{ color: #fff; font-size: 12px; }

div.center{ text-align: center; }
div.tab { padding: 8px 0 0 18px; }


/* NAVIGATION - Hauptmenü
---------------------------*/

#navigation{
  background: #efefe0;
  width: 100%;
  color: #fff;
}

#navigation ul{
  margin: 0;
  padding: 0;
}

#navigation li{
  float: left;
  list-style: none;
}

#navigation li a, #navigation li a:visited{
  display: block;
  width: 7.0em;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 25px;
  color: #666;
  background: #efefe0 url(bitmaps/tab.gif) no-repeat right -25px;
}

#navigation li a:active, #navigation li a:visited:active{ color: #000; }

#navigation li a:hover,
#navigation li a:visited:hover,
#navigation li.active a{
  background: #cc9 url(bitmaps/tab.gif) no-repeat right 0px;;
}

/* FOOTER - Fussnote
--------------------------- */

#footer{
  background: #fff;
  color: #333;
  height: 89px;
  font-family: Arial, Helvetica, sans-serif;
  width: 770px;
  margin-top:20px;
}

#footer .logo{
  float: left;
}

#footer .logo a:visited, #footer .logo a{
  display: block;
  background: url(bitmaps/fehmarn-design-logo.gif) no-repeat center;
  width: 122px;
  height: 82px;
  letter-spacing: -999em;
  color: #fff;
  text-decoration: none;
  padding: 6px 0 0 25px;
}

#footer .address{
  float: right;
  font-weight: bold;
  color: #369;
  padding: 17px 65px 0 0;
  line-height: 1.5em;
}

#footer div.address .name { font-size: 1.4em;  }

#copyright{
  font-size: 0.9em;
  text-align: center;
  background: #00284D;
  color: #fff;
}

#copyright a, #copyright a:visited{ color: #69c; text-decoration: none; }
#copyright a:hover, #copyright a:visited:hover{ color: #fff; text-decoration: underline; }

/* POPUP
----------------------*/

body#popup a img, body#popup a:visited img{ border: 0 none; }

/* Ausrichtung
------------------------*/

.alignleft { float: left; margin-right: 8px; }
.alignright { float: right; margin-left: 8px; }

/* CLEARING
-------------------------*/

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}