/* CSS Document */

/******* GENERAL RESET *******/  
html, body, div, span, applet, object, iframe, h1, h3, h4, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
 tfoot, thead, tr, th, td {  
border:0pt none; 
outline:0; 
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}
/*************************/

html, body
{
	/*background:#00b2a9;*/
	height:		100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	color:		#000000;
	font-family: "franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:	14px;
}


a:link,
a:visited,
a:active 
{
	color:#000000;
	text-decoration:underline;
}
a:hover 
{
	color:#000000;
	text-decoration:underline;
}


#supersized, #supersized li 
{
    left: 250px;
	top: 40px;
	right:0;
	width: auto;
	background:	#f2f2f2;
	height:auto;
	bottom:100px;
}

#thumb-tray
{ 
	left:250px; 
	height:60px;
	background: rgba(0,0,0, 0.05);
	width:auto;
	right:0;
}

#slidecaption 
{ 
	position:fixed; 
	z-index:3; 
	color:#86888b; 
	right:0;
	margin:0; 
	text-align:center; 
	line-height:42px; 
	left:250px; 
	font-size:16px;
}


#prevslide
{ 
	left:270px; 
	position: fixed;
}

#nextslide
{ 
	right:20px;
	position: fixed;
}


#navi
{
	height:		100%;
	width:		250px;
	background:	#fff;
	float:		left;
	min-height:	100%; /* Mindesthöhe für moderne Browser */
	height:		auto !important; /* Important Regel für moderne Browser */ 
	height:		100%; /* Mindesthöhe für den IE */ 
	overflow:	hidden !important; /* FF Scroll-leiste */
	position:	fixed;
	left:		0;
	top:			0;
}
#navibuttons
{
	position:	absolute;
	top:			50%;
	margin-top:	-305px;
}

#content
{
	height:		100%;
	background:	url(../img/bg_content.png) repeat;
	min-height:	100%; /* Mindesthöhe für moderne Browser */
	height:		auto !important; /* Important Regel für moderne Browser */ 
	height:		100%; /* Mindesthöhe für den IE */ 
	overflow:	auto !important; /* FF Scroll-leiste */
	position:	absolute;
	top:		0; 
	left:		250px;
	right:		0;
	line-height: 1.3em;
	padding:	80px;
}

#popup{
	background:	url(../img/bg_content.png) repeat;
	line-height: 1.3em;
	padding:	80px;
}



h1{
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	margin:64px 0 26px 0;
	text-transform: uppercase; 
	line-height:32px; 
}
h2{
	font-style: normal;
	font-weight: 400;
	font-size:18px;
	margin:30px 0 12px 0;
	text-transform: uppercase;
}
h3{
	font-style: normal;
	font-weight: 400;
	font-size:16px;
	margin:6px 0 12px 0;
	text-transform: uppercase;
}
h4{
	font-style: normal;
	font-weight: 400;
	font-size:12px; 
	line-height:1em;
	margin:-11px 0 16px 0;
	text-transform: uppercase;
}
h5{
	font-style: normal;
	font-weight: 400;
	font-size:12px;
	line-height:1em;
	margin:-28px 0 16px 0;
	text-transform: uppercase;
}
p{
	margin:0 0 14px 0;
	text-transform: uppercase;
}
.signature{
	font-weight:bold;
	margin:24px 0 20px 0;
	font-size: 12px;
	text-transform: uppercase;
}

hr{
	margin:60px 0 68px 0;
	border: 0; 
	height: 0; 
	border-top: 1px solid rgba(0, 0, 0, 0.2); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


#content img.image{
	float:left;
	margin:0 45px 55px 0;
}

#content .clear{
	clear:both;
}

#content th{
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

#content td{
	vertical-align:top;
	padding-bottom:15px;
}

a#info{
	position: fixed;
	display:block;
	height: 23px;
	opacity: 0.6;
	width: 53px;
	left: 270px;
	bottom: 70px;
	background:rgba(0, 0, 0, 0) url("../img/info.png") repeat scroll 0 0;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index:100;
}

a#info:hover{
	opacity:1;
}


.centerContainer { 
	text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}