/*
 * Das Stylesheet enthält einige Hacks, um eine korrekte Darstellung im Internet-Explorer 5 und 6 zu ermöglichen.
 * Die aktuelle IE-Version 7.0 kommt ohne diese Hacks aus, so dass man davon ausgehen kann, dass das Stylesheet auch für zukünftige Versionen nicht angepasst werden muss.
 */

* {
  border:0;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  line-height:1.3;
}

body {
  color:#000000;
  background-color:#ffffff;
  font-size:75%;
}

* html body {
  text-align:center; /* IE5+6 Center */
}

img {
  display:block;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

ul {
  list-style-type:none;
}

li.active, li.active a {
  font-weight:bold;
}

h1 {
  display:none;
}

a {
  color:#000000;
}

a:hover, a.hover {
  color:#ff0000;
}

div#master {
  width:780px;
  margin:0 auto 0 auto;
}

* html div#master {
  text-align:left; /* IE5+6 Center */
}

div#start {
  text-align:center;
  margin-top:40px;
}

div#start span {
  display:block;
  margin-top:3.9em;
}

div#start span.tagline {
  cursor:default;
  margin-top:1.3em;
  color:#ff0000;
}

div#header {
  height:14em;
  overflow:hidden;
  background-image:url('lokalnomaden.png');
  background-position:left bottom;
  background-repeat:no-repeat;
  position:relative;
}

div#header ul {
  position:absolute;
  left:260px;
  bottom:0;
}

div#header li {
  float:left;
  margin-right:20px;
}

div#menu {
  width:230px;
  float:left;
  text-align:right;
  padding-top:1.3em;
  padding-right:10px;
}

* html div#menu {
  width:240px; /* IE5+6 Quirks */
}

div#menu ul {
  padding-top:2.6em;
}

div#menu li {
  height:2.6em;
}

div#main {
  float:right;
  width:520px;
  overflow:auto;
  margin-top:3.9em;
}

div.lokalnomaden {
  height:27.9em;
}

div.konzept {
  padding-top:2.6em;
  height:25.3em;
}

div.projekte {
  padding-top:5.2em;
  height:22.7em;
}

div.team {
  padding-top:7.8em;
  height:20.1em;
}

div.unterstuetzung {
  padding-top:10.4em;
  height:17.5em;
}

div.presse {
  padding-top:13em;
  height:14.9em;
}

div.kontakt, div.impressum {
  padding-top:15.6em;
  height:12.3em;
}

div.kontakt h2, div.kontakt h3, div.kontakt p, div.kontakt ul {
  margin-left:30px;
}

div.impressum h2, div.impressum h3, div.impressum p, div.impressum ul {
  margin-left:140px;
}

* html div.lokalnomaden, * html div.konzept, * html div.projekte, * html div.team, * html div.unterstuetzung, * html div.presse, * html div.fritze, * html div.pausenalarm, * html div.kontakt, * html div.impressum {
  height:27.9em; /* IE5+6 Quirks */
}

div#main h2, div#main h3, div#main p, div#main ul {
  margin-bottom:1.3em;
}

div#main span.tag {
  color:#ff0000;
}

div#main ul {
  list-style-type:square;
  padding-left:1.3em;
}

div#main ul.menu, div#main ul.img {
  list-style-type:none;
  padding:0;
  margin-bottom:1.3em;
  overflow:hidden;
}

div#main ul.menu li {
  float:left;
  margin-right:35px;
}

div#main ul.img li {
  float:left;
  margin-right:20px;
}

* html div#main ul.menu, * html div#main ul.img {
  width:100%; /* IE 5+6 Float */
}

div#main ul.imglist {
  list-style-type:none;
  margin-left:10px;
  margin-right:20px;
  width:80px;
  float:right;
}

div#main ul.imglist li {
  padding-bottom:1em;
}

div#footer {
  clear:both;
  margin-left:260px;
  padding-top:1.3em;
}

div#footer li {
  float:left;
  padding-left:30px;
  width:80px;
}

* html div#footer li {
  width:110px; /* IE 5+6 Quirks */
}

div#img_large {
  height:45.8em;
  overflow:hidden;
  position:relative;
}

* html div#img_large {
  text-align:center; /* IE5+6 Center */
}

div#img_large img {
  border-color:#ff0000;
  border-width:1px;
  border-style:solid;
  margin:20px auto 0 auto;
}

div#img_large p {
  text-align:right;
  padding-top:3px;
}

div.full p {
  padding-right:50px;
}

div.landscape p {
  padding-right:70px;
}

div.portrait p {
  padding-right:218px;
}

div.publication p {
  padding-right:195px;
}

div#img_large div#close {
  position:absolute;
  top:25px;
}

div.full div#close {
  right:35px;
}

div.landscape div#close {
  right:55px;
}

div.portrait div#close {
  right:203px;
}

div.publication div#close {
  right:180px;
}

div#img_large div#close a {
  display:block;
  border-color:#ff0000;
  border-width:1px;
  border-style:solid;
  padding:2px;
  background-color:#ffffff;
  background-image:url('close.png');
  background-position:center center;
  background-repeat:no-repeat;
  width:12px;
  height:12px;
}

div#img_large div#previous {
  position:absolute;
  top:50%;
  left:0;
}

div#img_large div#previous a {
  display:block;
  background-image:url('previous.png');
  width:8px;
  height:16px;
}

div#img_large div#next {
  position:absolute;
  top:50%;
  right:0;
}

div#img_large div#next a 
{
  display:block;
  background-image:url('next.png');
  width:8px;
  height:16px;
}

div#img_large div#close a *, div#img_large div#previous a *, div#img_large div#next a * {
  display:none;
}
