/*
-------------------------------------------------------
FiloRosso WebDesign Basis Style fuer FeWo Heck
Author:   Manfred Gerber
Version:  23 Juni 2005
------------------------------------------------------- */

/* Generelle Formatierungen
------------------------------------------------------- */
* {
 margin: 0;
 padding: 0;
 border: 0;
}

body {
 font: 76%/150% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
 text-align: center;
 background: #E8E8F8;
 color: #000;
 min-width: 770px;
 max-width: 1300px;
}
a, a:visited {
 color: #54677E;
 font-weight: bold;
}
a:hover {
 color: #000;
}
abbr[title], acronym[title] {
 border-bottom: 1px dashed #c3c3c3;
 cursor: help;
}
hr {
 display: none;
}
h2, h3, h4, p {
 margin: 0 0 1em 0;
}
h1 {
 font: bold 136%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
h2 {
 margin: 2em 0 .1em 0;
 font: bold 126%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
h3 {
 font: bold 106%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
h4 {
 font: bold 100%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
ul {
 margin: .5em 0 1.5em 2em;
 list-style-type: circle;
}

/* Klassen
------------------------------------------------------- */

.grau{
 background: #f8f8f8;
}
.left{
 float: left;
}
.clear{
 clear: both;
}
.valid{
 display: none;
}


/* Begrenzung
------------------------------------------------------- */
#wrapper {
 margin: 0 auto;
 position: relative;
 background: #fff url(../gfx/wrapper_left.gif) repeat-y 0 0;
 text-align: left;
 width: 83%;
 z-index: 500;
}
#header, #navi, #footer {
 clear: both;
 width: 100%;
}

/* Header Schrift
------------------------------------------------------- */
#header_schrift {
 background: #E8E8F8 url(../gfx/header_schrift_left.gif) no-repeat;
 text-align: left;
 height: 60px;
}
#header_schrift h1 {
 position: absolute;
 top: 10px;
 left: 35px;
 height: 40px;
 width: 420px;
 text-indent: -9999px;
}
#header_schrift a, #header_schrift h1 a:visited {
 display: block;
 width: 420px;
 height: 40px;
 color: #333;
 text-decoration: none; /* mozilla browser zeigen sonst eine underline */
 border-bottom: 0px solid #eee;
}
#header_schrift_right {
 position: absolute;
 right: 0;
 background: url(../gfx/header_schrift_right.gif) no-repeat;
 height: 60px;
 width: 20px;
 z-index: 1;
}


/* Header
------------------------------------------------------- */
#header {
 background: #E8E8F8 url(../gfx/wrapper_left.gif) repeat-y;
 text-align: left;
 height: 170px;
}
#header_left {
 position: absolute;
 left: 20px;
 background: url(../gfx/header_back.jpg) no-repeat;
 height: 170px;
 width: 96.5%;
 z-index: 2; /* schiebt das header-Bild unters Logo */
}
#header_right {
 position: absolute;
 right: 0;
 background: url(../gfx/header_schrift_right.gif) repeat-y;
 height: 170px;
 width: 20px;
 z-index: 2;
}


/* Mainnavigation
------------------------------------------------------- */

#navi {
 position: absolute;
 top: 230px;
 left: 0px;
 font: normal 12px/20px "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
 height: 26px;
 background: url(../gfx/header_left.gif) repeat-y;
 z-index: 1;
}

#navi_right {
 position: absolute;
 right: 0;
 background: url(../gfx/navi_right.gif) repeat-y;
 height: 26px;
 width: 200px;
 z-index: 2;
}
#navi_right p {
 margin: 2px 8px 0 8px;
 float: left;
 clear: left;
}

#navi_right ul {
 list-style: none;
}
#navi_right li  {
  float: left;
}
#navi_right ul a  {
  display: block;
  float: left;
  text-indent: -9999px;
  width: 20px;
  text-decoration: none;
}
#header ul a.klein  {
  background: url("../gfx/schrift-klein.gif") no-repeat 0 0;
}
#navi_right ul li:hover a.klein {
  background-position: 0% -22px;
}
#navi_right ul a.gross  {
  background: url("../gfx/schrift-gross.gif") no-repeat 0 0;
}
#navi_right ul li:hover a.gross {
  background-position: 0% -22px;
}

* html #header_right,
* html #header_schrift_right,
* html #navi_right {
 right: -1px;
}

/* Content
------------------------------------------------------- */
#floatholder {/* also makes the right "sliding" tab */
 background: url(../gfx/floatholder_right.gif) repeat-y 100% 0;
 float: left;
 width: 100%;
 position: relative;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {display: inline-table;}

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

#center {
 color: #000;
 float:left;
 width: 100%;
 margin-right: -95%;
}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {
 margin-right: -100%;
}
/* * html div#left {margin-left: 0;}  */


#content {
 margin: 2em 250px 0 60px;
 padding-top: 1em;
 min-height: 600px;
}
* html #content {
 height: 700px;
}

/* Rechts
------------------------------------------------------- */
#right h3, #right p {
 padding: 3em 27px 0 0;
}

#right {
 float:right;
 width: 190px;
}



/* Fusszeile
------------------------------------------------------- */
#footer {
 font-size: 86%;
 text-align: center;
 background: url(../gfx/footer_left.gif) repeat-y 0 0;
}
#footer p {
 margin: 0;
}
#footer div{
 background: url(../gfx/header_schrift_right.gif) repeat-y 100% 0;
}

/* Bildergallery
------------------------------------------------------ */
#gallery {
 margin: 0;
 padding: 2em 0 0 0;
 width: 350px;
 position:relative;
 top:0px;
 left:0px;
 }
#imageCaption {
 font: bold 100% Verdana,Arial,Helvetica,sans-serif;
 }

#bild {
 background: transparent url("../gfx/laden.gif") no-repeat 0 0;
 }

#minis {
 margin: 0;
 padding: 0;
 width: 390px;
 position: absolute;
 left: 0;
 top: 18px;
 }
#minis img {
 border: 1px solid #E0E0E0;
 }
#minis a {
 margin: 0 0 4px 0;
 padding: 2px;
 float: right;
 clear: right;
 border: 1px solid #999;
 background: #FFF;
 }
#minis a:hover {
 padding: 2px;
 border: 1px solid #FFCC33;
 background: #F2F2F2;
 }
#minis a:hover img {
 border: 1px solid #FFCC33;
 }
#minis a:active {
 padding: 2px;
 border: 1px solid #FFCC33;
 background: #FFE57C;
 }
#bild  {
 margin: 0;
 padding: 0;
 }