/* CSS Document */
/* This file based on 'Tranquille' by Dave Shea */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

html {
margin : 0;
padding : 0;
height : 100%;
width : 100%;
}
body {
margin : 0;
padding : 0;
font-family : Trebuchet MS, "Trebuchet MS", Arial, sans-serif;
font-size : 1.1em;
height : 100%;
width : 100%;
background-image : url(img/water.png);
background-repeat : repeat-x;
background-position : top;
background-color : #60d4ae;
}
a:link {
color:#7e0a00; 
font-weight:bold;
text-decoration : none;
}
a:visited {
color : #7e0a00;
font-weight:bold;
text-decoration : none;
}

a:hover, a:active {
color : #ffffff;
text-decoration : none;
}

.page-wrapper {
width : 1180px;
margin-right : auto;
margin-left : auto;
margin-top : 0;
background-image : url(img/squid-blowfish.png);
background-repeat : no-repeat;
background-position : right top;
z-index : 4;
position : relative;
}

.intro {
margin-top : 0;
padding-top : 130px;
}

header {
background-image : url(img/iwi.png);
height : 283px;
width : 704px;
background-repeat : no-repeat;
z-index : 5;
margin-top : -130px;
position : absolute;
}

.menu {
background-image : url(img/top.png);
background-repeat : no-repeat;
width : 704px;
margin-top:153px;
}

.menu a{
font-size : 1em;
font-weight : bold;
color:#ffb273;
}

menu a:hover {
color : #F90012;
text-decoration : none;
}

menu a:active {
color : black;
text-decoration : none;
}

.menu p {
margin-left : 60px;
margin-right : 60px;
padding-top : 20px;
padding-bottom:20px;
text-align : center;
color:white;
}

.back {
text-align : right;
}

.back a{
color:#7e0a00; 
font-size:0.8em;
font-weight:bold;
}

.fett {
color:#006363; 
font-weight:bold;
}

.zicke {
float: left;
color:#006363; 
font-weight:bold;
}

.welcome {
color:#006363; 
font-weight:bold;
padding-top:50px;
}

.red_img {
	float: left;
	padding-right:30px;
}

.news {
margin-top : -25px;
width : 646px;
margin-bottom : 0;
padding-top:25px;
padding-bottom : 2px;
padding-left:30px;
padding-right:30px;
background-image : url(img/back.png);
}

.news p {
font-size : 0.8em;
margin-left : 60px;
margin-right : 60px;
line-height : 140%;
}

.content {
margin-top : 0;
width : 704px;
background-image : url(img/end.png);
background-repeat : no-repeat;
background-position : bottom;
padding-bottom : 366px;
margin-bottom : 50px;
}
.content h3 {
margin-top : 0;
}

.content p {
font-size : 0.8em;
margin-left : 60px;
margin-right : 60px;
line-height : 140%;
}

.explanation {
background-image : url(img/back.png);
width: 644px;
padding-top:15px;
padding-bottom : 20px;
padding-left:30px;
padding-right:30px;
}

.explanation h2 {
font-family:Palatino Linotype, "Palatino Linotype", Book Antiqua, serif;
padding-top:18px;
padding-left:60px;
font-weight:bold;
font-size:1em;
color:#086ca2; 
}

.explanation ul {
font-size : 0.8em;
padding-left : 60px;
padding-right : 60px;
line-height : 140%;
}

.explanation li {
list-style-position:outside;
list-style-image:url(img/list.png);
}



.sidebar {
	background-image : url(img/menu-top.png);
	background-repeat : no-repeat;
	background-position : top;
	width : 191px;
	padding-top : 370px;
	position : absolute;
	top : 280px;
	margin-left : 470px;
	font-family : Trebuchet MS, "Trebuchet MS", Arial, sans-serif;
	font-size : 0.8em;
	left: 229px;
}
.sidebar p {
margin-left : 25px;
padding-left : 10px;
margin-top : 5px;
margin-bottom : 10px;
line-height : 130%;
margin-right : 30px;
}

.submenu {
background-image : url(img/menu-back.png);
margin-top: -93px;
margin-bottom : 0;
padding-bottom : 20px;
}

.submenu a {
display : block;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-weight : bold;
color:#700900; 
}

.submenu a:hover {
color:#034569; 
}

.submenu li {
}

.sidebar .wrapper {
background-image : url(img/menu-end.png);
background-repeat : no-repeat;
padding-bottom : 87px;
background-position : bottom;
}

.extra2 {
background-image : url(img/bottom.png);
background-repeat : no-repeat;
background-position : center;
height : 282px;
width : 100%;
position : fixed;
bottom : 0;
z-index : 5;
}
.extra1 {
z-index : 2;
height : 1446px;
width : 100%;
position : absolute;
top : 800px;
background-image : url(img/critters.png);
background-repeat : no-repeat;
background-position : center;
}

/* Lightbox2 -- lightbox.css */

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.6;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(img/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(img/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}