﻿/**
 * StarterKit Layout
 *
 * Definition of al layout specified styles of main and section elements
 *
 * @copyright       Copyright 2008, Deep Blue Networks
 * @version         0.1
 **/


/* Begin Template Layout definition */

.pageContainer
{
	background:transparent;
	width: 100%;
	overflow: hidden;
	padding: 136px 0 0;
}

.footer
{
	padding: 0 0 0 180px;
	height:40px;
	background:tranparent;
	clear: both;
}

.logo
{
	position:absolute;
	top:9px;
	left:5px;
	z-index:190;
	background:transparent;
}

.geniaxLogo
{
	position:absolute;
	top:87px;
	left:846px;
	z-index:103;
}

.mainNav
{
	position:absolute;
	top:82px;
	left:100px;
	z-index:100;
	width:843px;
	height:28px;
	background:url(/Images/verlaufnavi.jpg) no-repeat;
}

.metaNav
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:80;
	width:938px;
	height:18px;
	background:transparent;
	text-align:right;
}

.quickSearch
{
	display:none;
}

.header
{
	display:none;
}

.breadCrumb
{
	position:relative;
	top:0px;
	left:190px;
	height:40px;
	width:658px;
	padding: 8px 0 0 0;
	background:transparent;
	border-top: solid 1px #A3A3A5;
}

.breadCrumb img
{
	margin:0 0px 1px 0;
}

.breadCrumb ul
{
}

.breadCrumb li.node
{
	margin:0 0 0 5px;
}

.breadCrumb a
{
	text-decoration: none;
	color: #009c82;
}

.nodeLink
{
	margin:0 5px 0 0;
}

.contentMain
{
	position:relative;
	z-index:70;
	width:664px;
}

.contentMain p { clear: both; margin:6px 0 12px 0; }

.contentSideBar
{
	display:none;
}

/* End Template Layout definition */

/* Navigation */

.mainNav ul
{
	position:relative;
	left:64px;
	float:left;
	display:inline;
}

.mainNav ul li
{
	position:relative;
	float:left;
	display:inline;
	height:28px;
}

.mainNav ul li .prepend
{
	display: none;
	position:absolute; 
	left:-9px;
	height:27px; width:9px;
}

.mainNav ul li .append
{
	display: none;
	position:absolute; 
	right:-9px;
	height:27px; width:9px;
}

.mainNav ul li .active
{
	display:inline;
	background:transparent;
}

.mainNav ul li.top
{
	z-index:102;
}

.mainNav ul li img
{
	float:left;
	display:inline;
}

.mainNav ul li a
{
	margin:4px 15px 0 20px;
	float:left;
	display:inline;
}

.mainNav ul ul
{
	display:none;
	position:absolute;
	clear:both;
	top:28px;
	left:-1px;
	background:url(/Images/verlauf_flyout.jpg) repeat-x;	
	padding-right:0px;
}

.mainNav ul ul span { display: block; float: left; background: url(/Images/verlaufborder_flyout.jpg) left top no-repeat; }
.mainNav ul ul span span { display: block; float: right; background: url(/Images/verlaufborder_flyout.jpg) right top no-repeat; }

*+html .mainNav ul ul span span { float: left; }
* html .mainNav ul ul span span { float: left; }
.mainNav ul ul li
{
	clear: both;
	background:	transparent;
}

.mainNav ul ul li span
{
	float:left;
	background:	transparent;
}

/* Meta Navigation */
.metaNav
{
	position:relative;
	z-index:10;
}

.metaNav ul
{
	float:right;
	display:inline;
}

.metaNav ul li
{
	float:left;
	display:inline;
	margin: 0 0 0 18px;
}

.metaNav ul li a
{
	text-decoration:none;
	color:#cccccc;
	font-size:9px;
	font-weight:bold;
}

.LoginStatus
{
	position:relative;
	z-index:20;
	left:184px;
}

/* Breadcrumb */

.breadCrumb li
{
	color:#009c82;
	font-size:9px;
}

input.textBox
{
	border:0px;
	height:23px;
	background:url(/Images/textBox_bg.gif) repeat-x;
	float:left;
	font-size:11px;
	padding:5px 0 0 0;
	width:186px;
}

.textAreaBg
{
	background:url(/Images/textarea_bg.gif) repeat-x;
	display: block;
	height: 54px;
	width: 418px;
	float:left;
}

textarea.textArea
{
	border:0px;
	height:54px;
	background:transparent;
	font-size:11px;
	margin: 4px 0 0 0;
}

.textBoxBorder, .textAreaBorder
{
	float:left;
}

input
{
	float:left;
}

label
{
	/*text-indent:-1000em;*/
	float:left;
	margin:5px 0 0 0;
}

.labelBox
{
	width:180px;
	float:left;	
}

.errorList
{
	margin:10px 0 10px 0;
}

/* Start DownloadImageList */
.DownloadImageList
{
/*    background: #FFFFFF; */
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    width: 526px;
}

.DownloadImageList a
{
    display:block;
}

.DownloadImageListpopup
{
	position: absolute;
	top:29px;
	left:0px;
	width: 526px;
	z-index: 1000;
	display:none;
}

.DownloadImageListpopup img
{
    border: solid 1px #ffffff;
    margin:auto;
    float:none;
}

.pager a
{
    display:inline;
}

.pager img
{
    display:none;
}

.DownloadImageList ul li 
{
    display: inline;
    float: left;
    list-style-type: none;
    margin:0 32px 16px 0px;
}

.DownloadImageList ul li img.thumb
{
    display:block;
    float:none;
}

.DownloadImageList ul li div.thumb
{
    width: 124px;
}

/* */

.loginMeta
{
	clear:both;
	margin:14px 0 0 18px;
}

.loginMeta a
{
	margin:2px 8px 0 4px;
}

a.tabNav
{
	position:relative;
	top: 4px;
	left: 3px;	
}

.downloadList ul.downloads li
{
	list-style: none;
	margin:0;
	clear:both;
}

.downloadList ul.downloads li a
{
	margin:0;
}

ul#pressList { }

ul#pressList li { clear:both; display:block; list-style-type:none; margin-bottom:25px;}

ul#pressList li span.presse_date { float:left; }
ul#pressList li h3.presse_title_short { float:left; }

ul#pressList li p { clear: both; position:relative; top:8px; }
*+html ul#pressList li p { clear: both; }

.downloads { display:block; } 

.downloads a { padding: 10px 0 0 28px; margin: 0 10px 20px 0; display:block; float:left; height:26px; }
.downloads a img { margin: 0 2px 1px 0; }

.downloads a.docx, .downloads a.doc { background: transparent url(../Images/Icons/word_mini.png) no-repeat left; }
.downloads a.pdf { background: transparent url(../Images/Icons/pdf_mini.png) no-repeat left; }
.downloads a.jpg, .downloads a.tif, .downloads a.gif, .downloads a.png { background: transparent url(../Images/Icons/image_mini.png) no-repeat left; }
.downloads a.mpg, .downloads a.avi, .downloads a.wmv { background: transparent url(../Images/Icons/film_mini.png) no-repeat left; }
.downloads a.zip { background: transparent url(../Images/Icons/zip_mini.png) no-repeat left; }
.downloads a.rtf { background: transparent url(../Images/Icons/rtf_mini.png) no-repeat left; }

/* jQuery Scroller */

.holder {
	float: left;
}

.scroll-pane {
	width: 678px;
	height: 230px;
	overflow: hidden;
	background: transparent;
	float: left;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #A3A3A5;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#login
{
	position:relative;
	width:352px;
	float:left;
}

#login p span.label
{
	width:120px;
	display:block;
	float:left;
}

#captcha
{
	position:relative;
	width:252px;
	float:left;
}

#captcha p
{
	clear:both;
	margin:0px;
}

#captcha label.chbLabel 
{
	width:220px;
	margin: 2px 0 0 4px;
	padding: 0;
}


/* Registration */
#registration
{
	position:relative;
	width:382px;
	float:left;
}

#login p, #registration p, #contact p, #search p, #changepw p
{
	clear:both;
}

fieldset#search
{
	border-top: solid 1px #E8F3EF;
	display:block;
	border-bottom: solid 1px #E8F3EF;
	background: transparent;
	padding: 0 0 15px 0;
	margin: 0 0 28px 0;
	height: 40px;
}

fieldset#search p 
{
	float:left; 
}

fieldset#search p span.label
{
	width:98px;
	display:block;
	float:left;
}

.searchLabel label
{ margin:13px 0 0 0; }

#registration p span.label, #contact p span.label
{
	width:160px;
	display:block;
	float:left;
}

#changepw p span.label
{
	width:220px;
	display:block;
	float:left;
}

#contact
{
	position:relative;
	width:352px;
	float:left;
}

#contact p span.label
{
	width:120px;
	display:block;
	float:left;
}

/* DROPDOWN */

input.ddl { border: none; background-color: Transparent; width:200px; height:24px; cursor:pointer; background:url(/Images/dropdownbox.gif) no-repeat; padding:5px 0 0 7px; float:left; }
input.ddlsearch { border: none; background-color: Transparent;	width:168px; height:24px; cursor:pointer; background:url(/Images/dropdownbox_presse.gif) no-repeat; padding:5px 0 0 7px; float:left; position:relative; top:8px; }

ul.ddl, ul.ddlsearch 
{
  display: none;
  width: auto;
  border: 1px solid #ccc;
  padding: 0px;
  list-style: none;
  margin: 0px;
  background-color: #ccc;
  position: absolute;
  z-index:999;
}

ul.ddl li, ul.ddlsearch li
{
  padding: 2px 6px 2px 2px;
  display: block;
  list-style: none;
  list-style-position:outside;
  margin: 0px;
  height: 20px;
}

ul.ddl li:hover, ul.ddlsearch li:hover
{
  background-color: #efefef;
  cursor: pointer;
}

/* jQuery UI Styles */

.ui-tabs-nav ul li { list-style-type: none; }

.ui-tabs-panel .Buttons a, #tabs div .Buttons a
{
	display: inline;
	height:auto;
	width:auto;
	background: transparent;
	cursor: pointer;
	padding: 0px 5px 0px 0px;
}

.ui-tabs-panel .Buttons a:hover, #tabs div .Buttons a:hover {text-decoration: underline;}
.ui-tabs-panel .Buttons a.active, #tabs div .Buttons a.active:hover{font-weight: bold; text-decoration: none;}

.highslide-caption{display:none;}

.furtherLinks{position: relative; bottom:0px; height:220px; margin-left: -30px;}

.downloadView{display:block; height:300px;}


.btn_details_left{margin-left:5px;}

.highslide-body { padding: 12px; }
.backgroundImage{position: absolute; right: 0px; bottom: 0px; z-index: 20;}




