/**
 * StarterKit Layout
 *
 * Definition of al layout specified styles of main and section elements
 *
 * @copyright       Copyright 2008, Deep Blue Networks
 * @version         0.1
 **/
 
 /* Clearfix */
 
 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* Begin Template Layout definition */

#mainflash { display: none; }

.pageContainer
{
	background:transparent;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.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:20px;
	left:846px;
	z-index:103;
}

.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;
	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
{

}

.breadCrumb li span span { margin: 0 5px 0 0; }

.breadCrumb a
{
	text-decoration: none;
	color: #009c82;
}

.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 */

.headerBox {
	width: 980px; 
	height: 136px; 
	position: relative; 
	z-index: 100;
}

.mainNav
{
	position:absolute;
	top:82px;
	left:35px; /*100px*/
	z-index:100;
	width:770px;
	padding: 0 0 0 129px; /*64px*/
	height:28px;
	display: block;
	background:url(/Images/verlaufnavi.jpg) no-repeat;
}

.mainNav ul
{
	width: 100%;
	display:block;
}

.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 10px 0 10px;
/*	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;	
	border: 1px solid #868686;
	border-width: 0 1px 1px;
	padding-right:0px;
	width: 140px;
}

.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 { width: 100%; overflow: hidden; }

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;}

/* quick navi */
.quickNavi { position: absolute; top: 3px; left: -146px; width: 110px; padding: 0 10px; background: url(/Images/quickNaviBg.gif) left bottom repeat-x #fff; border-bottom: 1px solid #11a38a; }
.quickNavi p { padding: 0 0 5px; margin: 0; font-size: 12px; font-weight: bold; color: #097f68; }
.quickNavi ul { padding: 0; margin: 0; }
.quickNavi ul li { padding: 0; margin: 0; list-style: none outside; }
.quickNavi a { display: block; padding: 0 0 5px 12px; margin: 0; background: url(/Images/quickNaviArrow.gif) 0px 5px no-repeat; text-align: left; font-size: 10px; }
.quickNaviAnchor { display: none; }
/* quick navi (end) */

/*GoggleShopsearch*/

.GoogleShopsearch 
{
    background:url(/images/google_searchbox.jpg) no-repeat;
    height:118px;
    width:132px;
    padding:6px;
    margin-left:14px;
}

.GoogleShopsearch h2
{
    font-weight:bold;
    margin-bottom:6px;
}

.GS_fieldrow 
{
    height: 20px;
    margin:0 0 12px 0;
    padding:0;
 } 

.GS_fieldrow input
{
    float:left;
    width:100px;
    height:16px;
    margin-right:2px;
    color: Gray;
}

/*no search for partners without js*/
.GoogleShopsearch #plz {
	display:none;
}

.GS_fieldrow select
{
    float:left;
    width:50px;
    height:22px;
}

.GoogleShopsearch a
{
    background:url(/images/search_button.png) no-repeat;
    display:block;
    height:28px;
    width:85px;
    clear:left;
    color:#fff; 
    text-align:center;
    padding-top:4px;
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
}

/* Googleshopsearch w/GoogleMap */

.GS_mapsearch
{
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
    padding: 15px 0;
    margin-bottom:40px;
    width: 658px;
 }
 
 .GS_mapsearch input
{
    float:none;
    display:inline-block;
    width:260px;
 }
 
 .GS_mapsearch span
 {
    display:inline-block;
    color:#009c82;
    font-size:11px;
 }
 
 .mapsearch_plz
 {
    margin-left:20px;
 }
 
  .mapsearch_countries
 {
    margin-left:10px;
 }
 
.GS_mapsearch input[type=submit]
 {
    background:url(/images/search_button.png) no-repeat;
    height:28px;
    width:85px;
    color:#fff; 
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    border:0;
    margin-left:10px;
    padding-bottom:5px;
    cursor:pointer;
 }
 
 .GS_searchresults
 {
    background:url(/images/google_searchresults.gif) no-repeat;
    height:25px;
    width:700px;
    margin-bottom: 15px;
    padding: 3px 0 0 15px;
}

.GS_searchresults_noresults
{
    color: Red;
}

#map_canvas
{
    float:left;
    width:392px;
    height:412px;
    margin-right:10px;
    border:1px solid #ccc;
}

.GS_resultscontainer
{
    float:left;
    width:255px;
    height:412px;
    overflow:auto;
}

.GS_resultsadresses
{
    float:left;
    width:235px;
    border-bottom: 1px solid  #EFEFEF;
    margin-bottom: 10px;
 }
 
 .GS_mapblock 
 {
    height:445px;
 }
 
.GS_pin_gruen
{
    background:url(/Images/GoogleMaps_Partnersuche/gruen/Button_blanco.png) no-repeat center top;
    float:left;
    width:36px;
    text-align:center;
    color:#fff;
    height:40px;
    padding:3px;
    font-size:11px;
    
}
 
.GS_pin_grau
{
    background:url(/Images/GoogleMaps_Partnersuche/grau/Button_blanco.png) no-repeat center top;
    float:left;
    width:36px;
    text-align:center;
    color:#fff;
    height:40px;
    padding:3px;
    font-size:11px;
    
}

.GS_adresses
{
    float:left;
    width:120px;
 }
 
 .GS_adresses p
{
    width:178px;
    line-height:12px;
 }
 
  .GS_adresses p a
{
    text-decoration:underline;
 }
 
 .GS_shoptype
{
    display:block;
    font-size:11px;
    color:#009c82;
}

 .GS_shopname
{
    font-weight:bold;
}
  
.GS_distanceresult
{
    float:left;
    width:70px;
    text-align:right;
}

/* IE 7 Adjustments */

html>body .GS_mapsearch input[type=submit]
 {
    margin-bottom:-4px;
 }

 /* list/homepage */
 
.descriptionHome {
	margin-left: 15px;
	padding: 20px 150px 0 0;
}
.contentMain .descriptionHome li {
	list-style-position: outside;
}

/*Reference Tool*/

.reference_module {
    width: 638px;
    padding:10px;
    background-color:#daeae7;
    margin-bottom:20px;
}

.reference_select {
    float: left;
    margin: 0 48px 80px 0;
    width: 160px;
}

.reference_select h2 {
    font-weight:bold !important;
}

.reference_select select {
    width:162px;
}

.reference_item {
    float: left;
    height: 120px;
    margin: 0 10px 20px 9px;
    text-align: center;
    width: 140px;
}

.reference_item  input {
    width:140px;
    height:84px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    -webkit-box-shadow: 0px 0px 2px 2px #666;
    -moz-box-shadow: 0px 0px 2px 2px #666;
    box-shadow: 0px 0px 2px 2px #666; 
    margin-bottom:4px;
    behavior: url(/global/PIE/PIE.htc);
}

.reference_details {
    width:660px;
    margin: 10px 0 10px;
}

.reference_details h2 {
    margin-bottom:0 !important;
}

.reference_details span.footnote {
    font-size:10px;
    margin-top:-10px;
    color:#51BBAA;
    float:right;
}

div#slideshow ul#slides li {
    list-style-type:none;
}

div#slideshow ul#slides li img{
    width:374px;
    height:268px;
    list-style-type:none;
}

div#slideshow {
    float:left;
    width:374px;
    height:330px;
    margin-right:20px;
    position:relative;
    z-index:5
}

div#slideshow ul#nav {
    /*display:none;*/
    list-style:none;
    position:absolute; 
    width:374px;
    top:110px;
    z-index:15;
}

div#slideshow ul#nav li#prev {
    float:left; 
    width:35px;
    margin:0;
    list-style:none;
}

div#slideshow ul#nav li#next {
    float:right; 
    width:35px;
    margin:0;
    list-style:none;
}

div#slideshow ul#nav a {
    display:block;
    width:35px;
    height:35px;
    text-indent:-9999px;
    margin: 0 20px 0 0;
}

div#slideshow ul#nav li#prev a {
    background:url(/images/referencenavileft.png) no-repeat;
}

div#slideshow ul#nav li#next a {
    background:url(/images/referencenaviright.png) no-repeat;
}

div#slideshow ul#slides {
    list-style:none;
}

div#slideshow ul#slides li {
    margin:0 0 20px 0;
}

#slideshow li p {
    clear:none;
}

.reference_details_objectdescription {
    float: left;
    font-size: 9px;
    line-height: 14px;
    width: 265px;
}

.reference_authorquote {
    background-color:#daeae7;
    height:auto;
    margin-bottom: 20px;
    width:660px;
}

.reference_authorquote .authorquote_author {
    font-weight:bold;
    color:#1D8168;
    width:400px;
    float:left;
    padding:20px 20px 0 20px;
}

.reference_authorquote_textblock {
    width:400px;
    float:left;
}

.reference_authorquote p {
    float: left;
    font-style: italic;
    padding: 0 20px 0;
    width: 455px;
}

.reference_authorquote img{
    display: block;
    float: left;
    height: 190px;
    margin-left: 107px;
    width: 152px;
}

.reference_specifics {
   clear:left;
}

.rs_item {
    float: left;
    overflow: hidden;
    width: 206px;
}

.rs_item.right {
    margin-left: 20px;
}

.rs_item h4 {
    font-weight:bold;
    font-size:10px;
}

.rs_button {
    clear:both;
    margin-bottom:10px;
}

.rs_button input {
    color:#1D8168;
    border:0 none;
    background:none;
    cursor:pointer;
}

.hide {
    opacity: .2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/*Verlinkungsteaser*/

a.verlinkungsteaser {
    background: url(/images/Geniax-Störer_kl.png) no-repeat scroll 0 0 transparent;
    height: 105px;
    left: 520px;
    position: absolute;
    top: 40px;
    width: 195px;
    z-index: 99;
}


a.verlinkungsteaser:hover {
    background:url(/images/Geniax-Störer_gr.png) no-repeat;
}