html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:12px; font-weight:normal; font-style:normal; }
ul, ol { list-style:none; }
fieldset,img { border:none; display:block; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
article,aside,details,figcaption,figure,breadcrumb
footer,header,hgroup,menu,nav,section { display:block; padding:0; margin:0; float: left; }
iframe { border:0; }
abbr { cursor:help; border:none; }
/*= Utilities
********************************/
.left { float:left !important; }
.right { float:right !important; }
.clearfix:before, .clearfix:after { content:''; display:table; }
.clearfix:after { clear:both; }
.attachement-top { margin-bottom:10px; }
.attachement-left, .imageLeft { float:left; margin-right:20px; }
.attachement-right, .imageRight { float:right; margin-left:20px; }
.link-arrow:after { content: '\00BB'; font-size: 1.4em; position: relative; bottom: -3px; right: -2px; }
/*= General definitions
********************************/
html { height:100%; overflow-y:scroll; }
body { height:100%; font:14px/18px 'Verdana',sans-serif; color:#666; background:#fff; }
.canvas { width:940px; height: auto; margin:0 auto; position:relative; clear: both; font-size: 14px;}
p, figure, ul, ol, dl, table { margin-bottom:15px; }
p.intro { font-weight:bold !important; margin-bottom:0; }
strong { font-weight:bold; font-size:inherit; }
::-moz-selection { background:#b2b1b0; color:#cc2c1d; }
::selection { background:#b2b1b0; color:#cc2c1d; }
::-moz-selection { background:#b2b1b0; color:#cc2c1d; }
hr#top { position:fixed; top:0; left:0; z-index:1000; width:100%; margin:0; border:0; height:3px; background:#cc2c1d; }
/*= Typography
********************************/
/* headlines */
h1, .h1 { color:#666; font:normal 36px/40px 'Century Gothic','Verdana',sans-serif; margin-bottom:10px; }
h2, .h2 { color:#ff9900; font:normal 19px/25px 'Century Gothic','Verdana',sans-serif; margin-bottom:15px; }
h3, .h3 { color:#666; font:normal 14px/20px 'Century Gothic','Verdana',sans-serif; margin-bottom:4px; }
.magazin h1, .magazin h2, .magazin h3,
h1.magazin, h2.magazin, h3.magazin,
.magazin .h1, .magazin .h2, .magazin .h3,
.teaser.magazin h2, .teaser.magazin h3,
label.magazin { color:#ff9900; }
.ratgeber h1, .ratgeber h2, .ratgeber h3,
h1.ratgeber, h2.ratgeber, h3.ratgeber,
.ratgeber .h1, .ratgeber .h2, .ratgeber .h3,
.teaser.ratgeber h2, .teaser.ratgeber h3,
label.ratgeber { color:#33b0be; }
.markenwelt h1, .markenwelt h2, .markenwelt h3,
h1.markenwelt, h2.markenwelt, h3.markenwelt,
.markenwelt .h1, .markenwelt .h2, .markenwelt .h3,
.teaser.markenwelt h2, .teaser.markenwelt h3,
label.markenwelt, #registration .markenwelt { color:#cc2c1d; }
.unterhaltung h1, .unterhaltung h2, .unterhaltung h3,
h1.unterhaltung, h2.unterhaltung, h3.unterhaltung,
.unterhaltung .h1, .unterhaltung .h2, .unterhaltung .h3,
.teaser.unterhaltung h2, .teaser.unterhaltung h3,
label.unterhaltung { color:#7e4b96; }
.tv h1, .tv h2, .tv h3,
h1.tv, h2.tv, h3.tv,
.tv .h1, .tv .h2, .tv .h3,
.teaser.tv h2, .teaser.tv h3,
label.tv { color:#8bb22a; }
.ratgeberH3 { color:#33b0be !important; }
.home h1, .home h2, .home h3,
h1.home, h2.home, h3.home,
.home .h1, .home .h2, .home .h3,
.teaser.home h2, .teaser.home h3 { color:#666; }
/* links */
a { color:#666; }
a:hover { color:#000; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; transition:all 0.2s ease-in; }
a.arrow, a.arrow-white { text-decoration:none; color:inherit; }
a.arrow:before, a.arrow-white:before { content:'» '; font-family:'Verdana',sans-serif; }
a.arrow:hover, a.arrow-white:hover { text-decoration:underline; }
a.arrow-white { color: #ffffff; }
a.white { color: #ffffff; text-decoration: none; }
a.white:hover { text-decoration:underline; }
a.more { text-decoration:none; color:#ff9900; font:normal 18px/26px 'Century Gothic','Verdana',sans-serif; }
a.more:hover { text-decoration:underline; }
a.more:after { content:' »'; font-family:'Verdana',sans-serif; }
a.more.no_after:after { content: ''; }
.magazin a.more, .teaser.magazin a.more { color:#ff9900; }
.ratgeber a.more, .teaser.ratgeber a.more { color:#33b0be; }
.markenwelt a.more, .teaser.markenwelt a.more { color:#cc2c1d; }
.unterhaltung a.more, .teaser.unterhaltung a.more { color:#7e4b96; }
.tv a.more, .teaser.tv a.more { color:#8bb22a; }
a.delete { display:inline-block; text-decoration:none; padding-right:30px; line-height:25px; background:url('/themes/hlt/images/sprites.png') right -384px no-repeat; }
/*= Header
********************************/
header { height:130px; background:#fff; width: 100%; }
.logo { display:block; /* HZ: float:left;*/ position: absolute; margin-top:15px; text-indent:-9999px; }
/* navigation */
header nav { float:right; display:none;}
header nav ul { margin:0; }
header nav li { display:inline; font:14px/25px 'Century Gothic','Verdana',sans-serif; }
header nav a { text-decoration:none; text-transform:uppercase; }
.nav-meta { margin-top:10px; display:none;}
.nav-meta li { padding-left:20px; }
.nav-meta .login { padding:0 30px 0 0; min-width:100px; text-align:right; color:#cc2c1d; font-weight:bold; background:url('/themes/hlt/images/arrow_down_common.png') center right no-repeat; }
.nav-main { position:absolute; z-index:1000; bottom:6px; right:-40px; padding:22px 40px 0 0; background:url('/themes/hlt/images/background_navigation.png') top right no-repeat;display:none; }
.nav-main li { padding-bottom:18px; padding-left:20px; }
.nav-main a { display:inline-block; padding-left:35px; font-size:18px; background:url('/themes/hlt/images/sprites.png') -283px 0 no-repeat; }
.nav-main .magazin a { color:#ff9900; background-position:-283px 0; }
.nav-main .ratgeber a { color:#33b0be; background-position:-283px -25px; }
.nav-main .markenwelt a { color:#cc2c1d; background-position:-283px -50px; }
.nav-main .unterhaltung a { color:#7e4b96; background-position:-283px -75px; }
.nav-main .tv a { color:#8bb22a; background-position:-283px -75px; }
.nav-main li.current,
.nav-main li.active { background:url('/themes/hlt/images/background_navitem.png') bottom center no-repeat; }
.subnav { position:absolute; top:130px; left:0; z-index:2; width:100%; height:0; overflow:hidden; background:url('/themes/hlt/images/background_subnav.png') top center repeat-x;display:none;}
.subnav.magazin { background-color:#ff9900; }
.subnav.ratgeber { background-color:#33b0be; }
.subnav.markenwelt { background-color:#cc2c1d; }
.subnav.unterhaltung { background-color:#7e4b96; }
.subnav.tv { background-color:#8bb22a; }
.subnav .copy { width:290px !important; margin-top:55px; margin-right:50px; float:left; color:#fff; }
.subnav .copy h2 { font-size:36px; line-height:40px; color:#fff; margin-top:-10px; }
.subnav .copy input { margin-bottom:0; float:left; }
.subnav .copy input.text { width:220px; }
.subnav .list { float:left; width:135px; margin-top:55px; margin-right:20px; }
.subnav .list h3 { font:bold 14px/18px 'Verdana',sans-serif; margin-bottom:5px; color:#fff; }
.subnav .list:last-child { margin-right:0; }
.subnav .list li { margin-bottom:5px; color:#fff; }
.subnav .list li:last-child { margin:0; }
.subnav .list a { color:#fff; text-decoration:none; }
.subnav .list a:hover { text-decoration:underline; }
/* stage */
.stage { height:300px; width: 100%; float: left; background:url('/themes/hlt/images/background_stage.png') top center repeat-x; margin: 0 auto 15px; display:none;}
.stage .hero { position:relative; z-index:-1; margin:0 auto; }
.stage .teaser { margin-top:-260px; left:200px; width:360px; float: left; margin-left:50%; padding:20px; background:#ff9900; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%,#cc3400 100%); background:-webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#cc3400)); background:-webkit-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:-o-linear-gradient(top, #ff9900 0%, #cc3400 100%); background:linear-gradient(to bottom, #ff9900 0%,#cc3400 100%); -webkit-filter:none; filter:none; }
/*= Footer
********************************/
footer { height:auto; overflow:hidden; margin-top:-50px; background:#fff url('/themes/hlt/images/background_footer.png') top left repeat-x; width: 100%; float: left; padding-bottom: 5px; }
.copyright { margin-top: -15px; float:left; display: block; background:url('/themes/hlt/images/sprites.png') -247px -100px no-repeat; font:12px/50px 'Century Gothic','Verdana',sans-serif; }
/* navigation */
footer nav { float:none; display:none;}
footer nav ul { margin:0; }
footer nav li { display:inline; color:#cc2c1d; font:12px/50px 'Century Gothic','Verdana',sans-serif; }
footer nav li:not(:last-child):after { content:' | '; }
footer nav a { color:#666; text-transform:uppercase; text-decoration:none; }
footer nav a:hover { color:#cc2c1d; }
/*= Content
********************************/
.content { min-height: 0; }
.columns { padding-bottom:50px; margin-bottom:25px; }
.col-single { width:100%; }
.col-left { width:900px; float:left; }
.col-left-narrow { width:460px; float:left; }
.col-right { display:none;}
.col-right-wide { width:460px; float:right; }
/* breadcrumb */
.breadcrumb { display:none; }
/* layer */
.layer { display:none; position:absolute; z-index:1000; padding:20px 15px; border:1px solid #aaa; background:#fff; -o-box-shadow:1px 1px 5px #aaa; -webkit-box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; box-shadow:1px 1px 5px #aaa; }
.layer hr { margin:15px -15px; padding:0; border:0; height:1px; background:#ccc; }
/* brand slider */
.brands { display: table-cell; vertical-align: middle; position:relative; text-align:center; height:65px; padding-bottom:25px; background:url('/themes/hlt/images/background_brands.png') bottom center no-repeat; padding-left: 30px; }
.brands li { display:inline;}
.brands img { display:inline; margin-top: 10px; margin-left: 2px; margin-right: 2px; }
.jqDockWrap { margin:0 auto; }
/* teaser */
.teaser-box { margin-bottom:25px; background:url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; display:none;}
/* social sharing */
.sharing { clear:both; margin-bottom:15px; display:none;}
#commentAndRating { display: none; }
.tools a { display:block; float:left; margin-right:5px; width:18px; height:17px; text-indent:-9999px; background:url('/themes/hlt/images/sprites.png') -66px -150px no-repeat; }
/* comments */
.comments { margin-bottom:15px; position:relative;display:none;/* padding-bottom:50px; margin-bottom:25px; background:url('/themes/hlt/images/background_teaser.png') bottom center no-repeat; */}
/* zodiacs */
.zodiacs { margin:50px 0 0 0 !important; padding:0 !important; list-style:none; }
.zodiacs li { width:225px; float:left; padding-bottom:15px; margin-right:10px; cursor:pointer; background:url('/themes/hlt/images/background_zodiac.png') bottom right no-repeat;}
.zodiacs li:nth-child(2n+2) { margin-right:0; }
.zodiacs li .copy { height:90px; }
.zodiacs li:hover .copy,
.zodiacs li.current .copy { background:#e0e0e0; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); background:-webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background:-o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); background:-webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:-o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background:linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); -webkit-filter:none; filter:none; }
.zodiacs img { float:left; }
.zodiacs h2 { margin:0; padding:10px 0 5px; font-size:18px; }
.carousel { width:940px; overflow-x:scroll; margin-left:20px; float:left; }
.carousel ul { width:5000px; }
.carousel li { float:left; margin-right:20px; position:relative; cursor:pointer; }
.carousel li span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; font:normal 18px/74px 'Century Gothic','Verdana',sans-serif; color:#fff; text-align:center; background:rgb(255,153,0); background:rgba(255,153,0,0.75); }
.unterhaltung .carousel li span { display:none; position:absolute; top:0; left:0; width:100%; height:100%; font:normal 18px/74px 'Century Gothic','Verdana',sans-serif; color:#fff; text-align:center; background:rgb(126,75,150); background:rgba(126, 75, 150, 0.5); }
.carousel li:hover span,
.carousel li.current span { display:block; }
.carousel-button { float:left; width:59px; height:74px; cursor:pointer; border:0; }
.carousel-next { background:#ff9900 url('/themes/hlt/images/arrow_right_white.png') center center no-repeat; float: right;}
.carousel-prev { background:#ff9900 url('/themes/hlt/images/arrow_left_white.png') center center no-repeat; }
.unterhaltung .carousel-next { background:#7e4b96 url('/themes/hlt/images/arrow_right_white.png') center center no-repeat; }
.unterhaltung .carousel-prev { background:#7e4b96 url('/themes/hlt/images/arrow_left_white.png') center center no-repeat; }
/* bookmarks */
.bookmarks h2 { margin-bottom:5px; padding-left:35px; background:url('/themes/hlt/images/sprites.png') -283px 0 no-repeat; }
.bookmarks h2.magazin { background-position:-283px 0; }
.bookmarks h2.ratgeber { background-position:-283px -25px; }
.bookmarks h2.markenwelt { background-position:-283px -50px; }
.bookmarks h2.unterhaltung { background-position:-283px -75px; }
.bookmarks h2.tv { background-position:-536px -75px; }
.bookmarks ul { padding:20px 0 0 0; list-style:none; }
.bookmarks ul li { margin-bottom:25px; }
.bookmarks ul.magazin { border-top:3px solid #ff9900; }
.bookmarks ul.ratgeber { border-top:3px solid #33b0be; }
.bookmarks ul.markenwelt { border-top:3px solid #cc2c1d; }
.bookmarks ul.unterhaltung { border-top:3px solid #7e4b96; }
.bookmarks ul.tv { border-top:3px solid #8bb22a; }
.bookmark-left { float:left; width:140px; margin-right:20px; }
.bookmark-left p { margin:5px 0 0; }
.bookmark-middle { float:left; width:600px; margin-right:20px; }
.bookmark-middle p { margin-bottom:5px; }
.bookmark-middle h3 { margin-top:-5px; font:normal 20px/26px 'Century Gothic','Verdana',sans-serif; }
.bookmark-right { float:left; width:180px; }
.bookmarks .unavailable h3 { color:#666; }
.bookmarks .unavailable .bookmark-left span { display:block; padding:10px 5px; text-align:center; background:#666; color:#fff; font:normal 14px/18px 'Century Gothic','Verdana',sans-serif; }
/* svg-social sharing buttons */
.hlt-social-cell {
display: none;
}
/* other css-changes */
header.canvas {
margin: 0 auto;
}
#article_frage_themengebiete {
width: 100%;
}
#brands {
width: 1100px;
float: left;
left: 55%;
margin-left: -550px;
position: relative;
}
.brands {
margin: 0 auto;
width: 960px;
}
.brands a {
display: block;
float: left;
}
body.lifetimesCH .brands a {
margin-right: 2px;
}
aside.teaser-search {
float: right !important;
}
.copy a.button {
width: 180px;
padding-right: 10px;
}
.copy ul li {
width: 220px;
}
.backNo {
background: none;
}
.display_none {
display: none;
}
.nav-metaResponsive {
display: none;
width: 99%;
min-height: 335px;
position: absolute;
top: 4px;
right: 1%;
left: 0;
border: 1px solid gray !important;
background-color: #fff;
z-index: 200000;
}
.nav-metaResponsive ul {
width: 100%;
height: auto;
margin: 0 0 20px 20px;
float: left;
}
.nav-metaResponsive ul li {
display: block;
}
.nav-metaResponsive ul li a {
display: block;
padding: 15px 0 5px 10px !important;
}
.nav-metaResponsive aside {
width: 100%;
background: none;
left: 25px;
position: relative;
margin: 20px 0 0 0;
padding: 0 0 5px 0;
}
.nav-metaResponsive input.text.placeholder {
width: 60%;
}
.nav-metaResponsive aside.teaser-search form {
display: block;
float: left;
}
a.hide {
font: 18px/32px "Century Gothic","Verdana",sans-serif;
margin: 0 0 20px 30px;
}
.static {
position: static !important;
}
.home .widthMax645,
.ratgeber .widthMax645,
.widthMax645 {
width: 100%;
float: left;
margin: 20px 10px 0 0;
padding-top: 20px;
background: none;
border-top: 1px solid #dcdcdc;
}
.copy,
.width90pr {
width: 90%;
float: left;
padding: 0;
margin: 0;
}
.widthFullImp {
width: 90% !important;
}
.lessMarginTop {
float: left;
margin: 20px 0 0 0;
position: relative;
}
#click_mostReadChilds {
float: left;
}
#click_mostReadChilds,
#click_bestRatedChilds {
font-size: 14px !important;
float: left;
margin: 15px 0 0 0;
}
img#responsImg,
.nav-main ul li a img,
#footerResponsImg,
#responsiveNav {
display: none;
}
a.dk_toggle {
width: auto !important;
}
a.dk_toggle span {
padding: 0 60px 0 0;
}
body .canvas .dk_container a.dk_toggle {
width: 100% !important;
}
body.henk section.col-left article div,
body.henk section.col-left article div object,
body.henk section.col-left article div object embed {
width: 460px !important;
height: 290px !important;
display:none;
}
.test_img{
width: 175px;
float: left;
margin: 0 15px 10px 0;
}
#gsContent #gsContent2 table tbody tr td:first-child {
width: 56% !important;
}
#gsContent2 {
margin: 10px 0 0 0;
padding-bottom: 10px;
float: left;
}
body.voting section fieldset.formbox {
width: 90%;
float: left;
}
body.voting .col-left-narrow {
width: 49%;
float: left;
margin-right: 10px;
}
body.voting .col-right aside.teaser.teaser-color {
background-color: #33B0BE;
width: 85%;
float: right;
margin-top: 10px;
border: none;
padding-bottom: 20px;
}
.teaser.valassis-coupon-teaser,
.teaser.valassis-coupon-teaser h3 a.more {
color: #fff;
}
.width_auto {
width: auto !important;
}
.survey_reg_wrapper_p {
float: left;
}
.survey_reg {
width: 100% !important;
margin: 0 !important;
}
.fillitup{
width: 100% !important;
float: left !important;
}
span.fillitup{
width: auto !important;
float: none !important;
}
.fillitup strong.width_auto,
fieldset.formbox.reg_form strong.gender{
margin: 0 !important;
}
article h2 {
width: 100%;
clear: both;
}
.content_push{
background: url('/themes/hlt/images/background_teaser.png') bottom center no-repeat;
padding: 25px 0 0 0;
margin: 25px 0 0 0;
clear: both;
width: 100%;
}
table {
float: left;
}
body.recepies .col-left article h2 {
float: none;
}
body.recepies .col-left article .teaser-color .attachement-right {
margin: 0;
}
.layer.layer-comment a.password.clearfix {
margin-left: 0;
}
body.lifetimes .dosage_order input#email {
width: 95% !important;
}
body.markenweltShop .teaser {
padding-bottom: 15px;
}
body.magazin.recepies .teaser-box .teaser-color {
padding: 0;
}
body.magazin.recepies .teaser-box .teaser-color h2,
body.magazin.recepies .teaser-box .teaser-color .white p {
width: auto;
float: left;
margin: 10px 0 0 10px !important;
clear: none;
}
#mawDebug {
display: none;
}
.imageContent {
z-index: 100000;
position: relative;
}