﻿/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
html {
 /* height: 100%;*/
}

body {
	font-family: Sans-serif;
	font-size: 11pt;
	text-align: center;
	background-attachment:fixed;
	/*background-image: linear-gradient(135deg, white 0%,darkblue 75%); /* W3C */
	/*background-image: -moz-linear-gradient(135deg, white 0%, darkblue 75%);	/* FF3.6+ */
	/*/*background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,white), color-stop(75%,darkblue)); /* Chrome,Safari4+ */
	/*background-image: -webkit-linear-gradient(135deg, white 0%,darkblue 75%); /* Chrome10+,Safari5.1+ */
	/*/*background-image: -o-linear-gradient(-45deg, white 0%,darkblue 75%); /* Opera 11.10+ */
	/*background-image: -ms-linear-gradient(-45deg, white 0%,darkblue 75%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000A8', endColorstr='#FFFFFF',GradientType=0	); /* IE6-9 fallback on horizontal gradient */
	background-image: url(../img/drahtgeflecht2.png);
	background-color: #ffc267; 
	color: black;
	margin: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	height: 100%;
}
body  a{
	color: white;
	text-decoration: none;
}

#pageholder {
	margin: 0 auto;
	margin-top: 50px;
	left:50%;
	right:50%;
	z-index:1;
}

#page {
  margin: 0 auto;
  padding: 20px;
  width:800px;
  border: 1px solid white;
  box-shadow: 5px 5px 10px #000000, 0px 0px 10px #000000, 0px 5px 10px #000000, 5px 0px 10px #000000;
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari, Chrome */
  -khtml-border-radius:10px; /* Konqueror */
  border-radius:10px; /* CSS3 */
  text-align: center;
  background-color: white;
  height: 100%;
}
.imgShadow {
	border: 0px;
	box-shadow: 5px 5px 8px #333333;
	/*width: 250px;*/
}
.imgText {
	font-family: Sans-serif;
    font-size: 8pt;
	padding-left:40px;
	text-align: left;
}
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
.taskText {
	text-align:left; 
	width:887px;
	font-family: Sans-serif;
	font-size: 9pt;
	color: gray;
}
.text {
	text-align:left; 
	width:887px;
}
.menu {
	z-index:102;
}
#rightlinks { 
	position:fixed; 
	top:0px; 
	right:0px; 
	width:15%; 
	height:84%; 
	text-align: right; 	
	z-index:100;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#leftlinks { 
	position:fixed;
	top:0px; 
	left:0px; 
	width:15%; 
	height:84%; 
	text-align: left; 
	z-index:100;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#bottomlinks { 
	position:fixed; 
	bottom:0px; 
	left:0px;
	width: 100%; 
	height:16%; 
	text-align: center;
 	z-index:101;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	margin: 0 auto;
}

#footer {
	padding: 20px;
	width:800px;
	box-shadow: 5px 5px 10px #000000, 0px 0px 10px #000000, 0px 5px 10px #000000, 5px 0px 10px #000000;
  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari, Chrome */
  -khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	background-image: url(../img/holz.jpg);
	margin: 20px auto;
	color: white;
	text-decoration: none;
}
div#center {
	width: 100%;
	text-align: center;
}
div#showHideForm {
	float: left;
}
div#gbNav {
	text-align: right;
}
div#showHideForm a {
	font-family: Sans-serif;
	color: #463d2e;
}
div#gbNav a {
	font-family: Sans-serif;
	color: #463d2e;
}
div#content {
	font-family: Sans-serif;
	color: #463d2e;
	text-align: left;
}
div#content a {
	font-family: Sans-serif;
	color: #463d2e;
	text-decoration: underline;
}
p.hint {
    color: grey;
    font-size: 7pt;
}
td.err {
	border:1px solid red;
	background-color: #FF3333;
	color: white;
	font-style:bold;
	font-size:8pt;
}
fieldset {
	border: 0px none; 
	border-top:1px solid #463d2e;
	text-align: left;
}
legend {
	font-family: Sans-serif;
	font-size: 14pt;
	font-weight:bold;
	color: #463d2e;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.center {
	margin: 0 auto;
	width: 800px;
}
