/*--------------------------------------------*/
/*---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:0;
         padding:0;
         background-image:url(../images/bg.jpg);
         background-repeat:repeat-x;
         background-color:#eeeeee;
         }

/*--------------*/
/*---Headings---*/
/*--------------*/

h1, h2, h3, h4, h5, h6 {
         margin:1em 0em;
         }

h1 {
         font-size:1.5em;
         margin:0.5em 0em;
         }

h2 {
         font-size:1.0em;
         margin-bottom:2em;
         }

h3 {
         font-size:1.1em;
         }

h4 {
         font-size:1.1em;
         }

h5 {
         font-size:1.1em;
         }

h6 {
         font-size:1.0em;
         }

/*----------------------------*/
/*---General Element Styles---*/
/*----------------------------*/

p {
         margin:1em 0em;
         }

li {
         margin:0.5em 0em;
         list-style-type:circle;
         }

ul {
         margin:.5em 0 .5em 1em;
         padding:0 0 0 50px;
         }

form {
         display:inline;
         }

table {
         border-collapse:collapse;
         }

img {
         border:0;
         }

/*---------------*/
/*---Div Order---*/
/*---------------*/

#wrapper {
         margin:0 auto;
         padding:0;
         width:990px;
         }

* html #wrapper { /* nur für Internet Explorer */
         position:absolute;
         left:50%;
         margin:0 0 0 -495px;
         }

#eyecatcher {
         margin:0;
         padding:0;
         }

#eyecatcher h1 {
         margin:0;
         padding:0;
         }

#breadcrump {
         margin:0;
         padding:25px 0 14px 38px;
         font-size:.7em;
         }

#left {
         margin:80px 0 50px 0;
         padding:0 0 0 38px;
         float:left;
         width:200px;
         font-size:.8em;
         }

* html #left { /* nur für Internet Explorer */
         width:238px;     /* Version 5.x */
         w\idth:200px;    /* Version 6 */
         }

#left img {
         margin:0 0 0 10px;
         padding:0;
         }

#content {
         margin:0 0 30px 310px;
         padding:15px 30px;
         width:590px;
         background-color:#fff;
         color:#808080;
         font-size:.7em;
         min-height:300px;
         height:auto !important;  /* für moderne Browser */
         height:300px;  /* für den IE */
         }

* html #content { /* nur für Internet Explorer */
         width:650px;     /* Version 5.x */
         w\idth:630px;    /* Version 6 */
         }

#content p.answer {
         padding-left:40px;
         }

#content span.question {
         font-size:1.8em;
         }

#footer {
         margin:0;
         padding:0;
         clear:both;
         font-size:.55em;
         }

#footer a {
         color:#000;
         text-decoration:none;
         }

#footer a:hover {
         text-decoration:underline;
         }

/*-----------*/
/*---Links---*/
/*-----------*/

a {
         color:#808080;
         }

a:link, a:visited {
         }

a:focus, a:hover, a:active {
         }

/*----------------*/
/*---Navigation---*/
/*----------------*/

ul#navigation {
         margin:0 0 84px 0;
         padding:0;
         width:150px;
         font-weight:bold;
         }

ul#navigation li {
         list-style:none;
         margin:0 0 10px 0;
         padding:0;
         background-color:#eeeeee;
         }

ul#navigation a, ul#navigation span {
         display:block;
         margin:0 0 0 10px;
         padding:6px 4px 6px 25px;
         }

* html ul#navigation a, * html ul#navigation span {
         width:100%;    /* Breitenangabe fuer IE 5.x */
         w\idth:100%;  /* Breitenangabe fuer IE 6 */
         }

ul#navigation a {
         text-decoration:none;
         color:#808080;
         }

ul#navigation span, ul#navigation a:focus, ul#navigation a:hover, ul#navigation a:active {
         color:#000;
         background-image:url(../images/arrow.jpg);
         background-position:center left;
         background-repeat:no-repeat;
         }

/*-------------*/
/*---Clearer---*/
/*-------------*/

.clearer {
         clear:both;
         margin:0;
         }
