/*--------------------------------------------*/
/*---Copyright (c) EDV MAHO Internetagentur---*/
/*--------------------------------------------*/

/*-------------*/
/*---Default---*/
/*-------------*/

* {
         font-family:verdana,arial,sans-serif;
         font-size:100.01%;
         }

/*-------------------------------*/
/*---Always Display Scrollbars---*/
/*-------------------------------*/

html {
         overflow:scroll;
         height:100%;
         }

/*----------*/
/*---Body---*/
/*----------*/

body {
         margin:5px 0 0 0;
         padding:0;
         background-color:#f2f2f2;
         }

/*--------------*/
/*---Headings---*/
/*--------------*/

h1, h2, h3, h4, h5, h6 {
         color:#808080;
         margin:1em 0em;
         }

h1 {
         font-size:1.25em;
         margin:1em 0 .3em 0;
         }

h2 {
         font-size:1.2em;
         }

h3 {
         font-size:1.2em;
         }

h4 {
         font-size:1.2em;
         }

h5 {
         font-size:1.1em;
         }

h6 {
         font-size:1.0em;
         }

/*----------------------------*/
/*---General Element Styles---*/
/*----------------------------*/

p {
         margin:1em 0em;
         }

li {
         margin:1em 0em;
         }

form {
         display:inline;
         }

table {
         border-collapse:collapse;
         }

img {
         border:0;
         }

/*---------------*/
/*---Div Order---*/
/*---------------*/

#wrapper {
         margin:0 auto;
         padding:0;
         width:990px;
         background-image:url(../images/bg-wrapper-middle.jpg);
         background-repeat:repeat-y;
         }

* html #wrapper { /* nur für Internet Explorer */
         position:absolute;
         left:50%;
         margin:0 0 0 -495px;
         }

#top {
         margin:0;
         padding:10px 0 10px 5px;
         background-image:url(../images/bg-wrapper-top.jpg);
         background-repeat:no-repeat;
         height:49px;
         }

* html #top { /* nur für Internet Explorer */
         height:69px;     /* Version 5.x */
         he\ight:49px;    /* Version 6 */
         }

#eyecatcher, #navigation, #content_wrapper {
         margin:0 27px 0 5px;
         padding:0;
         }

#eyecatcher {
         padding-bottom:10px;
         }

#navigation {
         background-color:#0b8fd9;
         }

#navigation .clearer {
         background-color:#fff;
         font-size:.1em;
         }

#content_wrapper {
         margin-top:10px;
         padding:0 20px 20px 20px;
         background-image:url(../images/bg-content-wrapper.jpg);
         background-repeat:repeat-y;
         }

#content {
         margin:0;
         padding:8px 15px 15px 15px;
         float:left;
         width:615px;
         background-color:#fff;
         color:#808080;
         font-size:.8em;
         line-height:1.5;
         min-height:400px;
         height:auto !important;  /* für moderne Browser */
         height:400px;  /* für den IE */
         }

* html #content { /* nur für Internet Explorer */
         width:645px;     /* Version 5.x */
         w\idth:615px;    /* Version 6 */
         }

.shadow-home {
         background:url(../images/schatten-264px.jpg) no-repeat bottom left;
         padding:4px 7px 17px 7px;
         border-top:1px solid #efefef;
         float:left;
         margin:4px 10px 0 0;
         width:250px;
         }

* html .shadow-home { /* nur für Internet Explorer */
         width:264px;     /* Version 5.x */
         w\idth:250px;    /* Version 6 */
         }

.shadow-galerie {
         background:url(../images/schatten-164px.jpg) no-repeat bottom left;
         padding:4px 7px 17px 7px;
         border-top:1px solid #efefef;
         float:left;
         width:150px;
         margin:0 20px 16px 0;
         }

* html .shadow-galerie { /* nur für Internet Explorer */
         width:164px;     /* Version 5.x */
         w\idth:150px;    /* Version 6 */
         }

#content h2 {
         font-size:1em;
         }

img.border {
         border:1px solid #c7c7c7;
         padding:2px;
         }

#right {
         margin-left:690px;
         padding:0;
         font-size:.7em;
         color:#808080;
         }

#right div {
         margin:0;
         padding:0;
         border-bottom:1px dotted #808080;
         }

p.date {
         text-align:right;
         font-size:.8em;
         }

#footer {
         margin:0;
         padding:0 27px 24px 5px;
         color:#fff;
         text-align:right;
         font-size:.55em;
         font-weight:bold;
         background-image:url(../images/bg-wrapper-bottom.jpg);
         background-repeat:no-repeat;
         background-position:left bottom;
         min-height:32px;
         height:auto !important;  /* für moderne Browser */
         height:32px;  /* für den IE */
         }

#footer p {
         background-color:#0b8fd9;
         padding:4px;
         }

#footer a {
         color:#fff;
         text-decoration:none;
         }

#footer a:hover {
         text-decoration:underline;
         }

/*-----------*/
/*---Links---*/
/*-----------*/

a {
         color:#0b8fd9;
         }

a:link, a:visited {
         text-decoration:none;
         }

a:focus, a:hover, a:active {
         text-decoration:underline;
         }

/*----------------*/
/*---Navigation---*/
/*----------------*/

#navigation ul {
         margin:0;
         padding:0;
         font-size:.8em;
         }

#navigation li {
         margin:0;
         padding:0;
         display:inline;
         list-style-type:none;
         float:left;
         border-right:4px solid #fff;
         }

#navigation a, #navigation span {
         margin:0;
         padding:12px 19px;
         display:block;
         text-decoration:none;
         color:#000;
         font-weight:bold;
         background-color:#0b8fd9;
         }

#navigation a:link {
        }

#navigation a:visited {
        }

#navigation a:focus, #navigation a:hover, #navigation a:active {
         background-color:#6cb2d9;
         color:#f2f2f2;
         }

#navigation span {
         color:#fff;
         }

/*-------------*/
/*---Clearer---*/
/*-------------*/

.clearer {
         clear:both;
         margin:0;
         }
