/* DATEI: global.css */

body {
 background-color: #6600ff;
 color: #000000;
 font: small Tahoma, Arial, Helvetica, sans-serif;
 }

#wrapper {
 position: relative;
 max-width: 1350px;
 min-width: 880px;
 background-color: #99FF00;
 color: #000000;
 margin: 5px auto 5px auto;
 padding: 10px;
 }

#header {
 text-align: center;
 padding-top: 0.5em;
 }

#header-bottom {
 border-bottom: 1px solid #6600ff;
 padding-bottom: 0.8em;
 }

#header-bottom ul {
 margin: 0;
 padding: 0;
 }

#header-bottom li {
 display: inline;
 margin: 0.7%;
 position: relative;
 top: 0.7em;
 }

 #main {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 margin-top: 10px;
 background-image: url(../images/bg.png);
 background-position: top left;
 background-repeat: repeat-y;
 }

 #leftside {
 background-color: #ccff99;
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 margin: 0 0 1em 0;
 padding: 1em 0 1em 0;
 text-align: center;
 clear:both;
 }

#leftside ul {
 margin: 0;
 padding: 0.5em 1.5em 0 1.5em;
 line-height: 2em;
 list-style-type: none;
 }

#leftside li {
 color: #6600ff;
 margin-bottom: 1em;
 margin-left: 0.25em;
 font-size: small;
 font-weight: bold;
 text-align: left;
 }

#content {
 margin: 0 0 0 220px;
 padding: 1.5em;
 background-color: #ccff99;
 min-height: 400px; /*vergrößern, wenn Navigation größer werden soll */
 }

#header-bottom a:link, #header-bottom a:visited, #header-bottom a:active, #header-bottom a:hover {
 text-decoration: none;
 color: #6600ff;
 border-bottom: none;
 }

h1, h2, h3, h4, h5, h6 {
 color: #6600ff;
 line-height: 0.5em;
 }

h1 {
 font-size: medium;
 font-weight: bold;
 }

h2 {
 font-size: small;
 font-weight: bold;
 }

h3, h4, h5, h6 {
 font-size: small;
 font-weight: normal;
 }

p {
 text-indent: 1.5em;
 line-height: 1.4em;
 }

span.color {
 color: #6600ff;
 font-style: italic;
 }

a:link, a:visited, a:active, a:hover {
 text-decoration: none;
 border-bottom: dashed 1px;
 }

a:link, a:visited, a:active {
 color: #000000;
 }

a:hover {
 color: #6600ff;
 }

a.color:link, a.color:visited, a.color:active {
 color: #6600ff;
 }

a.color:hover {
 color: #000000;
 }

a.left:link, a.left:visited, a.left:active {
 color: #6600ff;
 border-bottom: none
 }

a.left:hover {
 color: #000000;
 border-bottom: none
 }

a.extern:link, a.extern:visited, a.extern:active, a.extern:hover {
 padding-left: 29px;
 background:url(../images/link-ex.png) no-repeat left;
 }

/* funktioniert nicht im Netz:
a.extern:hover {
background:url(../images/link-ex2.png) no-repeat left;
 }
 */

img {
 border: 0;
 }