/*
	$Id: main.css 420 2007-09-10 08:38:02Z NORD\tims $
*/
body {
	margin: 0;
	padding: 0;
	font-size: 7.5pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #575757;
	background-color: #ffffff;	
}

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

a.nounderline {
	text-decoration: none !important;
}

a.nounderline:hover {
	text-decoration:underline !important;
}

a span.mehr {
	text-decoration:underline !important;
}

/* Allgemeine Styles */
.clearAll {
	clear: both;
}
.alternative {
	display: none;
}


/* Gerüst */
#wrapper {
	width:99.9em;
	clear: both;
	height: 100%;
}
body>#wrapper {
	width:99.9em;
	clear: both;
	min-height: 100%;
	height: auto;
}

/* Header */
#header {
	height:22.5em;
	position:relative;
	z-index: 1000;	
}

body#home #header {
	height:13em;
}

#header #leftArea {
	width:44.8em;
	float:left;
}

#header #rightArea {
	width:54.4em;
	float:right;
	text-align:right;
}

#header #companyHeader {
	width:45.1em;
	height:13em;
	background-color:#ce2431;
	position:relative;
}

#header #logo {
	float:right;
	width:26.5em;
	height:13em;
}

/* Agentursuche */
#header #agencySearch, #header #agencySearchResult {
	width:18em;
	float:left;
	bottom:2em;
	left:1.5em;
	position:absolute;
}

#header #agencySearchResult .thumbnail {
	height: 8em;
	width: 8em;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}

#header #agencySearchResult img {
	width: 11.1em;
	height: 9.3em;
	z-index: 10;
	position: relative;
}

#header #agencySearchResult a {
	font-size:1.2em;
	color:#ffffff;
}
#header #agencySearchResult a.newSearch {
	float:right;
}
#header #agencySearchResult a img {
	width:0.4em;
	height:0.7em;
	margin-left:0.6em;
}
#header #agencySearchResult a:hover {
	text-decoration:underline;
}
#header #agencySearch label {
	color:#ffffff;
	display:block;
	font-size:1.1em;
	margin-bottom:0.3em;
}
#header #agencySearch form {
	padding-top:1em;
	clear:both;
}

#header #agencySearch fieldset {
	border:none;
}
#header #agencySearch input.searchfield {
	width:12em;
	background-color:#eaeaea;
	border:none;
	font-size:1.1em;
	padding:0.2em 0.3em 0.3em 0.3em;
	color: #575757;
	float:left;
}
* html #header #agencySearch input.searchfield { /* Hack for IE<7 */
	padding-bottom:0.2em;
}
*+html #header #agencySearch input.searchfield { /* Hack for IE7 only */
	padding-bottom:0.2em;
}
#header #agencySearch input.submit {
	float:left;
	height:1.4em !important;/* be nice to FF */
	height:1.8em; 
	width:1.4em !important;/* be nice to FF */
	width:1.8em;
}
*+html #header #agencySearch input.submit { /* Hack for IE7 only */
    height:1.8em !important;
	width:1.8em !important;
}





/* Breadcrumb - Navi */
#header #breadcrumb {
	padding:1em;
	color: #989898;
}
#breadcrumb a{
	color: #989898;
	text-decoration:underline;
}
#breadcrumb em{
	color: #ce2431;
	font-style:normal;
}

/* Helper */
#header #helper {
	position: absolute;
	top: 19.9em;
	left: 1.2em;
	margin: 0;
}      

body#home #menuWrapper #helper {
	margin: 6.9em 0 1.3em 1.2em;
}                     

#helper a {
	color:#ce2431;
	font-weight:bold;
	padding:0.1em 0.2em;
}
#helper span {
	margin: 0 0.2em;
	color:#ce2431;
	font-weight:bold;
	font-size:1.2em;
}
#helper #smallFont {
	font-size:1.1em;
}
#helper #resetFont {
	font-size:1.2em;
}
#helper #bigFont {
	font-size:1.3em;
}
#helper #normalize, #helper #simplify {
	font-size:1.1em;
}
#helper .active {
	background-color:#ce2431;
	color:#ffffff;
}


/* Visual rechts */
#header #visual {
	width:48em;
	height:18.5em;
}

/* Fuer Vermittler */
#agenturen #header #visual {
	width: 22.2em;
	height: 18.6em;
	background-color: #CE2431;
	padding-right: 23.1em;
	border-right: 2.7em solid #EAEAEA;
}

/* Unternehmens-Navi */
#header #companyMenu {
	font-weight:bold;
	margin-left:7em;
	text-align:left;
}
#companyMenu ul{
	margin: 1em 0 0 0;
	float:left;
	z-index: 1000;
}
#companyMenu ul li{
	float:left;
	margin:0 0 0 2em;
	padding: 0 0 1em 0;
}
#companyMenu ul li.mrw{
	margin:  0 0 0 1em;
	padding: 0 0 0 1em;
	border-left:1px solid #575757;
}
#companyMenu ul li a{
	display:block;
	color: #575757;
	font-size:1.1em;
}
#companyMenu ul ul{
	display:none;
	position:absolute;
	width:23.4em;
	left:49.9em !important; /* be nice to IE<7 */
	left:47.9em; 
}
#companyMenu ul li:hover ul{
	display:block;
}
#companyMenu ul li:hover a{
	color: #ce2431;
}
#companyMenu ul li:hover ul a{
	color: #575757;
}
#companyMenu ul ul li{
	display:block;
	width:100%;
	font-weight: normal;
	background-color:#e2e2e2;
	text-indent:2.5em;
	border-top:0.1em solid #ffffff;
	padding:0;
}

#companyMenu ul ul li.active {
	background-color: #fff;
}

#companyMenu ul ul li a{
	display:block;
	color: #575757;
	padding:0.2em 0;

}
#companyMenu ul ul li a:hover{
	background-color:#ce2431;
	color:#ffffff;   
    text-decoration: none; 	
}

/* Suchfeld */
#companyMenu form#search {
/*	margin:0.8em 0 0 14.3em !important;*/
	margin:0.8em 0 0 1em;
	float:right;
}
#home #companyMenu form#search {
/*	margin:0.8em 0 0 13.6em !important;*/
	margin:0.8em 0 0 1em;
}
#companyMenu form#search fieldset {
	border:none;
}

#companyMenu form#search input.searchfield {
	padding: 0.2em 0.3em 0.1em 0.3em;
	width:12em;
	border: 0.1em solid #ce2431;
	color: #ce2431;
	font-size:1em;
	float:left;
}
* html #companyMenu form#search input.searchfield { /* Hack for IE<7 */
	padding-top:0.15em;
}
*+html #companyMenu form#search input.searchfield { /* Hack for IE7 only */
	padding-top:0.15em;
}

#companyMenu form#search input.submit {
	float:left;
	height:1.4em !important;/* be nice to FF */
	height:1.8em; 
	width:1.4em !important;/* be nice to FF */
	width:1.8em;
}
*+html #companyMenu form#search input.submit { /* Hack for IE7 only */
    height:1.8em !important;
	width:1.8em !important;
}



/* Content-Bereich */

/* Menu */
#bodyWrapper #menu {
	width:18.5em;
	float:left;
	background-color:#eaeaea;
	height:100em;
}

body>#wrapper #bodyWrapper #bodyWrapper {
	height:auto;
	min-height:100em;
}

body#home #bodyWrapper #menuWrapper{
	float:left;
}

/*
	Hauptmenü
*/
#menu {
	overflow: hidden;	/* http://archivist.incutio.com/viewlist/css-discuss/53724 */
}

#menu a:focus {outline-offset: -1px}

/* Ab 1. Ebene */

#menu ul li {  
	margin: 2.9em 0; 	
	border-bottom: 1px solid #FFF;       
	font-weight: bold;
}

#menu ul li a {                   
	font-size: 1.4em;
	line-height: 1.6em;
	display: block;
	padding-left: 0.9em; 
	color: #575757;
}

#menu ul li ul {
	margin: 0;
	border-top: 1px solid #fff;	    
}

#menu ul ul li { 
	margin: 0; 	
	padding: 0;  	
	font-weight: normal;
	font-size: 0.9em;
}

#menu ul ul ul {
	border: none;
}

#menu ul ul ul li { 
	font-size: 1em;
}

#menu ul ul a {
	padding-left: 1em;
}

#menu ul ul ul a {           
	border-bottom: none;
	border-top: 1px solid #eaeaea;
	background-color:#ffffff;
}

#menu ul ul ul a {
	padding-left: 1.8em;
}

#menu ul ul ul ul a {
	padding-left: 2.8em;
}

#menu ul ul a.active, 
#menu ul ul a.mark {
	background-color:#ffffff;
	border-bottom:none;
}

#menu ul ul a.mark, #menu ul ul a.active {           
	font-weight: bold;      
}

#menu ul ul ul a.active, 
#menu ul ul ul a.mark {
	color:#ce2431;
	font-weight: normal;   
}


/* Sidebar */
#bodyWrapper #sidebar{
	width:25.8em;
	float:right;
	margin-top: 0;
	position:relative;
}

body#home #bodyWrapper #sidebar {
	/*margin-right:0.8em;*/
	width:23.4em;
}
#sidebar #sidebarleft{
	float:left;
	width:23.1em;
}
#sidebar #sidebarrightTop{
	background-color:#eaeaea;
	width:2.7em;
	height:14em;
	margin-bottom:1em;
	position:absolute;
	top:0;
	left:23.1em;
}

#sidebar #sidebarright{
	background-color:#eaeaea;
	width:2.7em;
	height:83em;
	position:absolute;
	top:15em;
	left:23.1em;
}
body>#wrapper #sidebar #sidebarright {
	height:auto;
	min-height:83em;
}
/* Related Teaser */
#sidebar #relatedteaser {
	margin-top:1em;
	background: #eaeaea; /* Kann das hier stehen? */
}

#sidebar .textteaser {
/*	background: #eaeaea;*/
	padding: 1em 0;
	height: 1%; /* http://css.tests.free.fr/en/exemple8.php */
}

#sidebar .textteaser img {
	margin: 0.2em 1em 0.4em 1em;
	float: left;
}

#sidebar .textteaser h4, #sidebar .imgteaser h4{
	font-size:1.2em;
	margin-bottom:0.4em;
	margin-left:1em;
}
#sidebar .textteaser p, #sidebar .imgteaser p{
	font-size:1.1em;
	margin-left:1em;
}
#sidebar .textteaser a, #sidebar .imgteaser a{
	text-decoration:underline;
	color: #575757;
}
#sidebar .imgteaser {
	background:#C4E4F4;
	padding:1em 0 1em 0;
}
#sidebar .imgteaser img {
	margin-bottom:0.4em;
}

#sidebar #relatedteaser .imgteaser img {
	width: 23.2em;	/* Bildgröße Breite */
	height: 12.4em;	/* Bildgröße Höhe */
}


/* BAP */
#sidebar #bap {
	height:12em;
	background-color:#ce2431;
	color: #ffffff;
	padding:1em;
	margin-bottom: 1em;
}
#sidebar #bap.step1 {
	height:20em;
	padding:0 1em 2em 1em ;
}
#bap a{
	font-size:1.2em;
	color:#ffffff;
	text-decoration:underline;
}                

#bap h3, #bap h4 {
	font-size: 1.4em;
	font-weight: bold;    
	margin-bottom: 0.2em;	
}

#bap h4 {
	font-size:1.2em;
} 

#bap p {
	font-size:1.2em;
	margin: 0 0 0.5em 0;
}

#bap ul {
	margin: 0.3em 0;
	list-style-type:none;
	list-style-position:outside;
}
#bap ul li{
	padding:0.2em 0;
}
#bap img.back{
	width:1em;
	height:0.92em;
	margin-left: 1em;
	vertical-align:middle;
}
#bap img.list{
	width:0.5em;
	height:0.7em;
	margin-right: 0.7em;

}

/* Dialogbox */
#sidebar #dialogbox {
	margin-top:0;
}
#dialogbox h2 {
	padding:1em 0 0.3em 2em;
	background-color:#ce2431;
	color:#ffffff;
	text-transform:uppercase;
	font-size:1.2em;
}
#dialogbox ul {
	padding:1em 0 0.3em 2em;
	border-left: 0.1em dotted #ce2431;
}
#dialogbox ul li{
	margin:0.5em 0;
}

#dialogbox ul ul {
	border: none;
	padding: 0;
}

#dialogbox a{
	color: #ce2431;
	font-size:1.2em;
}
#dialogbox a.icon:hover{
	text-decoration:none;
}

#dialogbox img {
	width:2.33em; /* Vorsicht mit img-Grš§en in font-size > 1em */
	height:2.33em;
	vertical-align:middle;
	margin-right:1em;
}



/* Content-Bereich */
#bodyWrapper #content {
	width: 37em;
	float:left;
	padding:0 6em 0 2.4em;
	line-height: 1.4em;
	font-size: 1.2em;	
}

body#home #bodyWrapper #homepage {
	width: 80.6em;
	float: left;
	padding: 0;                 
}
body#home  #bodyWrapper #homepage #colRight {
	float:right;
}      

#content li {
/*
	font-size: 1.2em;
	font-size:1.2em;
*/
	line-height:1.4em;
	margin-bottom:0.6em;
}

#content li li {
/*	font-size: 1em;*/
}

#content ul {
	list-style-type:square;
	list-style-position: outside;
	margin-left: 1.5em;
}

#content ol{
	list-style-type:decimal;
	list-style-position: outside;
	margin-left: 3em;
}

#content h1, #content h2 {
	font-size: 1.3em;
	margin-bottom:1em;
}

#content h1 {
	width: 22em;
}

#content h2 {
	font-size: 1.2em;
}

#content h3 {
	font-size: 1em;
}

/*
#content h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin:1em 0;
	line-height:1.3em;	
}
*/

#content p, #content td {
	margin:1em 0;
}

/*
#content p, #content td {
	font-size: 1.2em;
	margin:1em 0;
	line-height:1.3em;
}
*/                       

#content th { border: 1px solid #B3B3B3; font-weight: normal; text-align: left; background-color: #E2E2E2; padding: 0.3em; }

#content .border th {font-weight: bold;}

#content .border { border-collapse : collapse; }
#content .border td { border: 1px solid #B3B3B3; padding: 0.3em; }


#content em, #content .produktbezeichnung, #content p.subline { 
/* #content .produktbezeichnung, #content p.subline nur fuer Abwaertskompatibilitaet */ 
	color:#ce2437;
	font-style:normal;
}
#content div.teaser {
	margin:2em 0;
}
#content div.teaser h2 {
	margin:0;
	font-size:1.1em;
}
#content div.teaser p {
	margin:0;
}
#content div.teaser a {
	color:#575757;
	text-decoration:none;
}
#content div.teaser a:hover {
	text-decoration:underline;
}
#content div.teaser p a span {
	text-decoration:underline;
}

#content div.divide, .texttrenner {
	width:15em;
	border-top: 1px dotted #575757;
}

#content acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

#overDiv {
	position:absolute; 
	visibility:hidden; 
	z-index:1000;
	border: 1px solid #D7D7D7;
	background: #ffffff;
	padding: 0.6em;
/*	width: 25em; */
}

#sitemap {
	margin: 0;
	padding: 0;
}

#sitemap ul#navi {
	list-style-type: none;
	margin: 0 0 2em 0;
}

#sitemap a.sitemap {
	line-height:1.3em;
	text-decoration:underline;
}

#sitemap ul#navi li a {
	text-decoration: none;
}

#sitemap ul#navi li {
	font-size: 1em;
	line-height: 2.1em;
	width: 6.5em;
	height: 2.1em;
	margin-right: 0.1em;
	text-align:center;
	color:#424242;
	background-color:#e2e2e2;
	float:left;   
}

#sitemap p.sitemaplevel1 {clear: left; font-size:1.2em;line-height:1.3em;margin-top: 2em;margin-bottom:2em;text-decoration:none !important;font-weight:bold;}
#sitemap p.sitemaplevel2 {font-size:1.1em;line-height:1.3em;margin-left:5em;margin-bottom:0.7em;}
#sitemap p.sitemaplevel3 {font-size:1.1em;line-height:1.3em;margin-left:5em;margin-bottom:0.7em;}

#sitemap ul.sitemap {list-style-type:square;margin-left:12.2em;margin-top:0.7em;margin-bottom:2em;}

#sitemap p.top {
	border-bottom: 1px dotted #424242;
	text-align: right;
}

ul.sitemap {list-style-type:square;margin-left:12.2em;margin-top:0.7em;margin-bottom:2em;}

/* Startseite */
#visualStartseite, #visualStartseite img {
	float:left;
	width:26.6em;
	height:42.5em;
}  

#teaserStartseite {
/* 	float:left; */
	position: absolute;
	top: 31.4em;
	left: 27.8em;
	width: 28.4em;
	margin: 0;
}    

#homepage>#teaserStartseite {
	top: 31em;
}

#teaserStartseite h4 {
	font-size:1.2em;
	font-weight:bold;
}
#teaserStartseite p {
	font-size:1.2em;
	margin-bottom: 1em;
}
#teaserStartseite a {
	color: #575757;
}
#teaserStartseite a span {
	color: #575757;
	text-decoration:underline;
}

#teaserStartseite #movie {
	margin-left: 0.1em;
	margin-top: 1em;
}

#teaserStartseite .textteaser {
	margin-top: 2em;
}


/* Footer */
div#footer {
	margin-top: 4em;         
	font-size: 0.92em; 
}     

body#home #homepage {
	position: relative;
}

body#home div#footer {
	position: absolute;
	top: 37em;
	left: 0.2em;
	font-size: 1.1em;
	margin-left: 2em;	     
}

div#footer ul {   
	margin-bottom: 3em;
	list-style: none; 
	margin-left: 0; 	 
}  

div#footer ul li {     
	margin-right: 1em;
	float:left;
}

#footer a {
	color: #575757;
	text-decoration:underline;
}


body#home #footer_links {
	position: absolute;
    top:  100em;
	margin-bottom: 2em;
    left: 6em;
    width: 58em;
    line-height: 1.2em;
}

body#home #footer_links a, #footer_links {
    color: #919191;   
}

body#home #footer_links a {
	font-size: 1.1em;
}

/* Kundenmagazin-download first */
table.kundenmagazin tr.first td {
	border-top: 1px solid #989898;
}



/**
 *
 * Übernommene alte Stylesheets
 * TODO: Sollten in Phase 2 angepasst werden
 * 
 */            

/*.texttrenner {
	border-bottom: 1px dotted #424242;
}*/

.contentheadline {
	font-weight: bold;
}

p.contentheadline {
	font-size: 1em;
}

p.begriffhead {font-weight:bold;color:#575757;margin-bottom:1.5em;float:left;}

td .contentheadline {
	font-size: 1em;
}

td.columnleft {width:8.2em;font-weight:bold;color:#575757;vertical-align:top;}
td.columnright {width:24.7em;padding-left:0.1em;vertical-align:top;}
td.space {line-height:1em;}

img.thumbnail {margin-right:2em;float:left;}

.contenttext img.thumbnail {
    margin-bottom: 1em;
}

p.contenttext {
	clear: left;
	margin-top: 1em;
}

p.contenttext a {
	text-decoration: underline;
}                             

#content a.unterstrich, #content a, ul.lexikon a {text-decoration:underline;}
#content a.unterstrich:hover, ul.lexikon a:hover {color:#000000;}

#content p.fussnote, 
#content div.fussnote,
#content span.fussnote {
	font-size: 0.9em;
    line-height: 1.2em;	
}                  

#content #stoerer {color:#ce2431;font-weight:bold;font-size:14px;margin:5px 0px 5px 3px;padding:0px;border:0px;}

#content #stoererfooter {color:#ce2431;font-size:12px;margin-bottom:15px;margin-top:5px;padding:0px;border:0px;padding-left:16px;}

#content #stoererline {font-size:1px !important;width:330px;border-top:1px dotted #424242; margin:0px; padding:0px; height: 1px;overflow:hidden;}

#content #stoerer a {
	text-decoration:none;
	font-family:Arial;
	color:#ce2431;
	font-weight:bold;
	font-size:14px;
}

#content #stoerer a:hover {
	text-decoration:underline;
	color:#ce2431;
}

#content #stoerer img {margin-bottom:1px;margin-right:7px;}

/* Preisbeispiel (alt) */
div.preisbeispiel {
    padding: 0 0 0.7em 3.8em;
    margin-bottom: 2em;
}

div.preisbeispiel div.teaser {
    border-left: 2em solid #CFF0FF;
    padding-left: 2.3em;
}

#content div.preisbeispiel div.teaser p {
    font-size: 0.9em;    
    margin-top: 0;
    line-height: 1.2em;
    color: #575757;
}
div.preisbeispiel div.teaser h3 {
    font-size: 1.4em;
    font-weight: bold;
    color: #575757;
    margin: 0 0 1.5em 0;
}
div.preisbeispiel div.fussnote p {
    font-size: 0.9em;
    line-height: 1.1em;
    color: #999999;   
}
div.preisbeispiel a.moreInfo, div.preisbeispiel a.berechnen {
    display: block;
    width: 9.8em;
    height: 1.7em;
	float:left;
    background: url(../img/mehr_info.gif) no-repeat;
    text-indent: -900em;
	margin-right: 0.5em;
    text-decoration: none !important;
}
div.preisbeispiel a.moreInfo:hover, div.preisbeispiel a.berechnen:hover {
	text-decoration: none !important;
    background: url(../img/mehr_info.gif) no-repeat;	
}
div.preisbeispiel a.berechnen:hover {
    background: url(../img/berechnen.gif) no-repeat;	
}
div.preisbeispiel a.berechnen {
	float: left;
    background: url(../img/berechnen.gif) no-repeat; 
}

/* XML-RECHNER (alt) */
#DERRechner {
	background-color: #C4E4F4;
	width: 37em;
	padding-left:0.4em;
}

html>body #DERRechner {
	padding-right:4px;
}

.line {
	height:0.1em;
	background-color:#ffffff;
	width:100%;
	padding:0;
	margin:0;
}

#DERRechner .result {
	font-weight: bold;
	color: #CE2437;
	text-align:center;
}

#DERRechner a.action img {
	width:8.08em;
	height:1.33em;
}         

/*
	Agentursuche im Content
*/
.suchHighlight {
	color: #ce2431;
}

#content ul.suchergebnis {          
	clear: both;
	margin-left: 0;
}

.suchergebnis a {
	text-decoration: underline;
}

.suchergebnis li {
	float: left;
	list-style: none;
	background: url(../img/bulletpoint.gif) no-repeat 0 0.5em;
	margin: 0 2em 0.4em 0;
	padding-left: 1.4em;
	width: 13.8em;
	w\idth: 12em;	
}

.suchergebnis li strong {
	display: block;
}

.clear {
	clear: both;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.agenturVC {
   background-color: #C4E4F4;
   padding: 0.6em;
   margin-bottom: 2em;
}

.agenturVC div.address {
    float: left;
    width: 13em;
}

.agenturVC div.address p {
   margin-top: 0;
   margin-bottom: 2em;
}

.agenturVC table {
   float: right;
   margin: 0;
}

.agenturVC a.email {
   	color: #ce2431;
   	display: block;
}

/* ============================== */
/*   Auszeichnungen                  */
/* ============================== */
div.widebox {
	background:#E2F1FA;
	position:relative;
	left: -0.8em;
	width: 34em;
	margin-bottom: 3em;
	padding: 1em 1.2em 1em 1em;     
	clear: left;
}

div.widebox img {
	float: left;
	margin: 0 1em 1em 0;
}

div.widebox p {
	display: block;
	margin-left: 9.5em !important;
}

#content ul.redBullet{
	margin: 0;
	padding: 16px 20px 10px 20px;
	background:#E2F1FA;
	width:290px;
}

.redBullet li{
	list-style: none;
	background: url(../img/bullet_small.gif) no-repeat 0 4px;
	margin: 0 0 9px 0;
	padding-left: 25px;
}

.redBullet li a {
	text-decoration: underline;
}

/* ========================================================================== */
/*	Print Stylesheet														  */
/* ========================================================================== */
@media print {
	#header, #menuWrapper {display:none;}
}

/****** Lightbox********/ 

#imageData #caption { font-size:14px;line-height: 20px; padding-left:7px;}
#imageDataContainer { padding:15px; padding-bottom: 0px; position:relative;}
#outerImageContainer { padding:15px; padding-bottom: 0px;}
#lightbox{ z-index: 1011; }
#hoverNav{ z-index: 1001; top:10px; height:97%; }
#overlay{ z-index: 1010;}

#bottomNavClose {z-index: 1012; position:absolute; display:block; top:15px; right:35px;}