/*
 * 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: 199px;
  background: #344B6C url(bitmaps/titel.jpg) no-repeat top center;
  color: #fff;
  text-align: left;
}

#wrapper {}

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

h1{
  background: url(bitmaps/whitestripe.gif) no-repeat bottom center;
  padding-bottom: 12px;
}

h1, h2, h3, h4, h5, h6{
	font: 1.6em Arial, Helvetica, sans-serif;
}

 h3{
 	font: 1.4em Arial, Helvetica, sans-serif;
 	font-style: italic;
}


div.hr hr{ display: none; }
div.hr { background: url(bitmaps/whitestripe.gif) no-repeat bottom center; height: 40px; width: 100%; }

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

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

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

#content .left p{ margin: 0; }

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

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


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

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

.bordered{
	border: 3px solid #ccc;
	padding: 1px;
	margin:0 10px 10x 0;
}

.alignleft{ float: left; margin: 0 10px 10px 0;}
.alignright{ float: right;}

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

#navigation{
  background: #FDF9E8 repeat-x left -25px;
  color: #FDF9E8;
  width: 100%;
}

#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: #344B6C;
  background: #ffffff url(bitmaps/tabo2.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;
  color: #333;
}

.entryimage{
	margin: 18px 0 0 10px;
	padding: 2px;
}


.tab a {
	font-weight: bold;
	font-size: 100%;
}

.tab img{ vertical-align: bottom; }

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

#footer{
  background: #fff;
  color: #333;
  height: 89px;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  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: #00284D;
  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;
  padding: 5px 0;
}



/* 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;
}