/*--------------------------------------------------  
Papiertueten.de CSS Style  
Design - www.ogee.de  
--------------------------------------------------*/
body {
	margin: .5em;
	padding: 0;
	height: 100%;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: .8em;
}
img {
	border: 0;
}
a {
	color: #0000cc;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
blockquote {
	margin: 1em;
	padding: .5em .5em .5em 85px;
	background-color: #D7ECF8;
}
#anfrage a {
	padding: 4px;
	background-color: #B55579;
	color: #FFFFFF;
	border: 2px solid #fff;
	text-decoration: underline;
}
blockquote p {
	margin: .2em;
	color: #000000;
}
hr {
	margin-bottom: 20px;
	border: none;
	width: 99%;
	color: #eeeeee;
	background-color: #eeeeee;
	height: 1px;
	clear: both;
}
td.desc {
	padding: 4px;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: .7em;
}
#postHeader {
	margin: 0 auto;
	padding: 0 .2em .3em .2em;
	width: 760px;
	text-align: right;
	vertical-align: middle;
	font-family: arial, sans-serif;
	font-size: .7em;
	text-transform: uppercase;
}
#centerColumn {
	margin: 0 auto;
	padding: 0.5em;
	width: 760px;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
}
#centerColumn h2 {
	margin: .5em 0 -.5em 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #333333;
}
#centerColumn h3 {
	margin: 0 0 -.5em 0;
	padding: .75em 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}
#navbar {
	margin: -1em -1em 0 -1em;
/* Mozzila attributes */
	padding: 1em 0 1em 0 !important;
/* IE specific attributes */
	padding: 1em 0 0 0;
	background-color: #A2CAC6;
}
#navbar ul {
	margin: 0 0 -1em .3em !important;
	margin: .3em 0 0 .3em;
	padding: 0 0 1em 0;
	list-style: none;
	background-color: #A2CAC6;
}
#navbar li {
	margin: 0 0 0 -.27em;
	padding: .2em 0 .2em 0 !important;
	padding: 1em 0 1em 0;
	list-style: none;
	display: inline;
	background-color: #A2CAC6;
}
#navbar li a {
	margin: 0 0 0 0;
	padding: 1em .5em 1em .5em !important;
	padding: 1em .5em 0 .5em;
}
#ein_kasten {
	position: relative;
	clear: both;
	background-color: #eeeeee;
	border: 1px solid #B0B0B0;
}
h1 {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	color: #333333;
}
h1 a {
	color: #333333;
	text-decoration: none;
}
h1 a:hover {
	color: #666666;
	text-decoration: none;
}
#kasten_1 {
	position: relative;
	margin: 0 5px 1em 0;
	padding: 8px;
	float: left;
	width: 330px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
#kasten_2 {
	position: relative;
	margin: 0 5px 1em 14px;
	padding: 8px;
	float: right;
	width: 330px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
.barepic {
	border: none;
}
.right {
	float: right;
	margin: 5px;
	padding: 2px;
}
.left {
	float: left;
	margin: 5px;
	padding: 2px;
}
.center {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.news em {
	font-size: .8em;
	color: #000000;
}
#box_1 {
	margin: 0 5px 2em 0;
	padding: 8px;
	float: left;
	width: 158px;
	height: 350px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
#box_2 {
	margin: 0 7px 2em 14px;
	padding: 8px;
	float: left;
	width: 158px;
	height: 350px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
#box_3 {
	margin: 0 14px 2em 7px;
	padding: 8px;
	float: left;
	width: 158px;
	height: 350px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
#box_4 {
	margin: 0 0 2em 5px;
	padding: 8px;
	float: left;
	width: 158px;
	height: 350px;
	background-color: #DBE6DE;
	border: 1px solid #B0B0B0;
}
#box_1 p, #box_2 p, #box_3 p, #box_4 p {
	font-size: .8em;
	color: #000000;
}
#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: .8em;
}
#box_1 h3, #box_2 h3, #box_3 h3, #box_4 h3 {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: .9em;
	font-weight: bold;
}
#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	list-style: none;
}
#box_1 li, #box_2 li, #box_3 li, #box_4 li {
	margin: 0 0 .3em 0;
	padding: 5px 0 0 5px;
	font-size: .8em;
}
#footer {
	position: relative;
	clear: both;
	bottom: 0;
	margin: 3em 0 0 0;
	padding: 0;
	height: 4em;
	line-height: 4em;
	text-align: center;
	font-size: .7em;
	background-color: #eee;
	border: 1px solid #B0B0B0;
}
/* TABBER */
/*--------------------------------------------------  
REQUIRED to hide the non-active tab content.  
But do not hide them in the print stylesheet!  
--------------------------------------------------*/
.tabberlive .tabbertabhide {
	display: none;
}
/*--------------------------------------------------  
.tabber = before the tabber interface is set up  
.tabberlive = after the tabber interface is set up  
--------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top: 1em;
}
/*--------------------------------------------------  
ul.tabbernav = the tab navigation list  
li.tabberactive = the active tab  
--------------------------------------------------*/
ul.tabbernav {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #B0B0B0;
	font: normal 12px Arial, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #B0B0B0;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}
ul.tabbernav li a:link {
	color: #0000cc;
}
ul.tabbernav li a:visited {
	color: #0000cc;
}
ul.tabbernav li a:hover {
	color: #333;
	background: #ccc;
	border-color: #B0B0B0;
}
ul.tabbernav li.tabberactive a {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
	color: #000;
	background: white;
	border-bottom: 1px solid white;
}
/*--------------------------------------------------  
TabberTab - http://www.barelyfitz.com/projects/tabber/  
.tabbertab = the tab content  
Add style only after the tabber interface is set up (.tabberlive)  
--------------------------------------------------*/
.tabberlive .tabbertab {
	padding: 5px;
	border: 0px solid #aaa;
	border-top: 0;
/* 
If you don't want the tab size changing whenever a tab is changed 
you can set a fixed height */
	/* height: 200px;*/
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
	/* overflow: auto;*/
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display: none;
}
.tabberlive .tabbertab h3 {
	display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height: 200px;
	overflow: auto;
}
/*--------------------------------------------------  
Lightbox CSS - http://www.lokeshdhakar.com/projects/lightbox2/  
--------------------------------------------------*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data: image/gif;base64,AAAA);
/* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding: 0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 105px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/*--------------------------------------------------  
hey mom! it's for you... :)
--------------------------------------------------*/