/* HTML5 reset */

header, section, nav, footer, aside, figure, figcaption{
display:block;
margin:0;
padding:0;
border:0;
}

img{
max-width:100%;
}

html{
font:75%/1.5 'DIN Next W01 Light',Arial,sans-serif; /* 12px base size */
background:#a5cee6; /* needs to match the top slide bg color */
overflow-x:hidden;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
}

strong{font-family:'DIN Next W01 Heavy',Arial,sans-serif;}
em{font-family:'DINNextW01-LightItalic',Arial,sans-serif;}
strong em,
em strong{font-family:'DINNextW01-HeavyItalic',Arial,sans-serif;}

h1,h2,h3{font-family:'DIN Next W01 Heavy',Arial,sans-serif;}

.hidden{
display:none;
}

.pad-10{
padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.textlink{
color:#900;
}

header{
margin-bottom:0;
}

header #logo{
display:block;
width:158px;
height:50px;
border-top:0.4em solid #3a3a3a;
background:url(../images/logo.png) 55px 14px no-repeat;
background-size:100px 15px;
text-indent:-9000px;
}

header #impressum{
color:white;
display:block;
font-size:10px;
left:36%;
width:200px;
position:relative;
text-decoration:none;
top:-50px;
}

.nav-main{
overflow:hidden;
z-index:100;
outline:0px solid #f0f;
}

a{outline:0 !important;}

/* create a fixed navigation for non-touch devices */
.no-touch .nav-main{
width:100%;
min-height:40px;
min-height:0;
height:0;
visibility:hidden;
}

.no-touch .nav-main#nav-warum{
visibility:visible;
position:fixed;
top:10px;
height:40px;
}

.nav-main ul{
overflow:hidden;
min-height:40px;
background:url(../images/nav_band_right.png) 58em -0.45em no-repeat;/*64em 0*/
}

.touch .nav-main ul{
background-position:58em -.45em; /*62.85em 0;*/
}

.ie .nav-main ul{
background-position:58em -.45em; /*62.5em 0;*/
}

.nav-main li{
display:inline-block;
float:left;
cursor:pointer;
background:#3a3a3a;

outline:0px solid #0f0;
}

.nav-main li.pre{
/* the element *before* the active element needs a special background for the arrows to work */
background:#9c2d14 !important;
}

.nav-main li.band-start{
background:url(../images/nav_band_left.png) right 0 no-repeat !important;
width:15px;
height:43px;
}

.nav-main li.band-end{
/*
background:url(../images/nav_band_right.png) 0 0 no-repeat;
background:#f0f;
width:100px;
height:43px;
*/
display:none;
}




.nav-main li a{
color:white;
text-decoration:none;
padding:5px 20px 5px 10px;

background:url(../images/nav_arrows.png?cache=1753889165) right -50px no-repeat;
display:block;
float:left;
font-size:12px;
cursor:pointer;
}

.nav-main li.last a{
background-position:left 0;
}

.nav-main li.active a{ background-position:right -180px; }
.nav-main li.active.last a{ background-position:left -180px; }
.nav-main li a:hover{ color:#bbb; }


.screen{
outline:0px solid #f0f;
min-height:750px;
padding-top:20px;

overflow:hidden;
}

.no-touch .screen{ padding-top:50px; }

.screen#screen-warum{ background:#a5cee6 url(../images/content/warum/background_warum_1x.png) 30% 80px repeat-x; background-size:465px 2000px; }
.screen#screen-nrv{ background:#94c1bc url(../images/content/nrv/background_nrv_1x.png) 5% -95px repeat-x; background-size:290px 225px; padding-top:100px; }
.screen#screen-leistungen{ background:#c1da91 url(../images/content/leistungen/background_leistungen_1x.png) 30% top repeat-x; background-size:43px 22px; }
.screen#screen-rechner{ background:#878786 url(../images/content/rechner/background_rechner_1x.png) 30% top repeat-x; background-size:248px 78px; }
.screen#screen-beispiele{ background:#7eb6b0 url(../images/content/beispiele/background_beispiele_1x.png) 30% -125px repeat-x; background-size:450px 450px; }
.screen#screen-promo{ background:#4d938b url(../images/content/promo/background_promo_1x.png) 60% top repeat-x; background-size:450px 150px; }
.screen#screen-kontakt{ background:#595959 url(../images/content/kontakt/background_kontakt_1x.png) 60% top repeat-x; background-size:43px 22px; }

#nav-warum{ background:transparent; }
#nav-nrv{ background:#7aa9c3; }
#nav-leistungen{ background:#94c1bc; }
#nav-rechner{ background:#c1da91; }
#nav-beispiele{ background:#878786; }
#nav-promo{ background:#7eb6b0; }

.screen .sequence-navigation{
outline:0px solid #f0f;
width:100%;
}

.screen .sequence-navigation a,
.screen .videopager a{
display:inline-block;
padding:4px 8px;
background:#fff;
color:#666;
text-decoration:none;
font-size:14px;
margin-right:3px;

/* 3D shadow effect */
-webkit-box-shadow:
-1px 1px 0 #757575,
-2px 2px 0 #757575,
-3px 3px 0 #757575;
-moz-box-shadow:
-1px 1px 0 #757575,
-2px 2px 0 #757575,
-3px 3px 0 #757575;
box-shadow:
-1px 1px 0 #757575,
-2px 2px 0 #757575,
-3px 3px 0 #757575;
}

.screen .sequence-navigation a:hover,
.screen .sequence-navigation a.next,
.screen .videopager a:hover,
.button3d.next,
.button3d.local-link,
.button3d.goto,
.button3d.active,
.button3d:hover{
background-color:#5f5f5f !important;
color:#fff !important;
position:relative;

/* 3D shadow effect */
-webkit-box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
-moz-box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
}

.button3d.next{
background-color:#9c2d14 !important;
}

.screen .sequence-navigation a.next:after,
.button3d.next:after{
content:" ";
display:block;
width:0;
height:0;
border-top:14px solid transparent;
border-bottom:14px solid transparent;
border-left:10px solid #9c2d14;
position:absolute;
top:50%;
margin-top:-14px;
right:-10px;
z-index:91;
}

.screen .sequence-navigation .prev{
/* hide the back button for the first frame */
display:none;
}

.screen .sequence-navigation .pager a.active,
.screen .videopager a.active{
background:#5f5f5f;
color:#fff;

/* 3D shadow effect */
-webkit-box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
-moz-box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
box-shadow:
-1px 1px 0 #3f3f3f,
-2px 2px 0 #3f3f3f,
-3px 3px 0 #3f3f3f;
}

.screen .sequence .file-download{
text-decoration:none;
}

/*.screen .sequence strong{
font-weight:bold;
}*/

.screen .sequence li.slide{
display:none;
}

.screen .sequence li.slide:first-child{
display:block;
}

.screen .sequence .text{
outline:0px solid #00f;
}

.screen .sequence .image{
outline:0px solid #f00;
/* fix webkit animation image flicker per http://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker */
-webkit-perspective:1000;
-webkit-backface-visibility:hidden;
}

.screen .sequence .image span{
padding:0 0 0 10px; /* add a left space to content images */
display:block;
position:relative;
}

.screen .sequence .image img{
max-width:100%;
height:auto;
}

.image #warum-img-person{
position:absolute;
top:31%;
left:8%;
border:0px solid #f0f;

width:62.888%;
height:auto;

-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
transition:all 1s ease;
}

.image #warum-img-person.state2{
-webkit-transform:rotate(2deg) translate(1%);
-moz-transform:rotate(2deg) translate(1%);
-ms-transform:rotate(2deg) translate(1%);
transform:rotate(2deg) translate(1%);
}

/* screen leistungen styles */

/* slideshow text styles */
.screen .sequence .text > *{
margin-right:5%;
}

.screen .sequence .text h2{
font-size:32px;
color:#fff;
margin-bottom:0.8em;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

.screen .sequence .text h3{
font-size:16px;
margin-bottom:1em;
}

.screen .sequence .text p{
/* font-size:18px;
font-family:Georgia, Times, serif; */
font-size:15px;
margin-bottom:1em;
}

.screen .sequence .text a{
color:#900;
}

.screen .sequence .text ul,
.screen .sequence .text table{
margin-bottom:1em;
}

.screen .sequence .text ul li{
list-style:outside square;
margin-bottom:0.5em;
}

.screen .sequence .text table td{
padding:0 1em 0.5em 0;
}

.screen .sequence .text p.title{
padding:4px 8px 0 30px;
margin-bottom:0.5em;
cursor:pointer;
}

.screen .sequence .text p.title strong{
color:#f2faff;
}

.screen .sequence .text p.title:hover{
color:#900;
}

.screen .sequence .text .content{
display:none;
/*font-family:Helvetica, Arial, sans-serif;*/
font-size:14px;
padding:0 8px 0 30px;
}

.screen .sequence .text .open .content{
display:block;
}

.screen .sequence .text .accordion > li{
margin-bottom:0;
list-style:none;
border-top:1px dashed #666;

background-image:url(../images/sprite_arrows.png?cache=1753889165);
background-position:6px 7px;
background-repeat:no-repeat;
}

.screen .sequence .text .accordion > li.active{
background-position:6px -876px !important;
}

.screen .sequence .text .open{
background-color:#cbebff;
background-color:rgba(205,235,255,0.80);
background-color:rgba(255,255,255,0.55);
background-position:6px -876px !important;
padding-bottom:0.5em;
}

.screen .sequence .text .open p.title strong{
text-decoration:none;
color:inherit;
}

.screen .leistungen-icons{
margin-bottom:0 !important;
margin-right:0 !important;
}

.screen .leistungen-icons li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-right:5px;
}

.screen .leistungen-icons li h3{
text-align:center;
}

.screen .leistungen-icon{
display:block;
text-decoration:none;
}

.screen .leistungen-icon{
display:block;
padding:0 1em;
}

.screen .leistungen-icon img{
display:block;
margin:0 auto;
height:auto;
}

.screen .leistungen-icon:hover img{
position:relative;
top:2px;
}

/* additional leistungen styles */
.pager.inactive{display:none;}
.screen .sequence .text p.title{margin-bottom:.25em;}
.lid{margin-top:3em;}

/* rechner */

#screen-rechner .introtext{
padding-top:50px;
margin-left:50px;

width:550px;
}

#screen-rechner h2{
font-size:32px;
color:#fff;
margin-bottom:0.8em;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
margin-top:1em;
}

#screen-rechner h3{
font-size:16px;
margin-bottom:1em;
color:#333;

padding:5px 0;
border-top:1px dashed #333;
border-bottom:1px dashed #333;
}

#screen-rechner .preis{
font-size:16px;
}

#screen-rechner .calculator-mask{
outline:0px solid #f0f;
}

#screen-rechner .calculator-mask .question{
outline:0px solid #ff0;
min-height:100px;
margin-bottom:20px;
display:none;

padding:4px 8px 4px 30px;
margin-bottom:0;
border-top:1px dashed #333;
border:0;
background-image:url(../images/sprite_arrows.png?cache=1348147935);
background-position:6px 13px;
background-repeat:no-repeat;

-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#screen-rechner #calculator-mask-1 .question:first-child{
display:inline-block;
}

#screen-rechner .calculator-mask .question p{
margin-bottom:0.5em;
}

#screen-rechner .calculator-mask .question b{
color:#777;
margin-left:0.5em;
display:inline-block;
display:none;
}

#screen-rechner .calculator-mask .question-nav{
border:0;
padding:0;
background:transparent;
}

#screen-rechner .calculator-mask #question-10 em{
color:#900;
}

#screen-rechner .calculator-mask .type-container{
padding-left:2em;
}

#screen-rechner .calculator-mask label{
display:block;
}

#screen-rechner .calculator-mask label span{
display:inline-block;
width:50%;
min-width:80px;
}

#screen-rechner #calculator-mask .slide{
display:none;
}

#screen-rechner #calculator-mask .slide:first-child{
display:block;
}

#screen-rechner #calculator-mask .choices{
margin:20px 0;
}

#screen-rechner #calculator-mask .choices li{
margin-bottom:10px;
}

#screen-rechner #calculator-mask .choices li a.active{

}

#screen-rechner .pager a{
display:none;
}

#screen-rechner .pager a:first-child{
display:inline-block;
}

/* beispiele */
/* slideshow sprites */
#screen-beispiele .beispiel-slideshow{

}

#screen-beispiele .introtext{

}

#screen-beispiele .introtext h2{
font-size:32px;
color:#fff;
margin-bottom:0.8em;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

#screen-beispiele .beispiel-slideshow h3{
font-size:16px;
padding:0 10px 10px;
display:inline;
}

#screen-beispiele .sequence-navigation{
padding:10px 10px 20px 15px;
padding:0 10px 0 0;
display:block;
float:right;
width:120px;
text-align:right;
margin-bottom:30px;
}

#screen-beispiele .sequence{
border:0px solid #000;
width:100%;
margin:0 !important;
overflow:hidden;
}

#screen-beispiele .sequence ul{
padding:0px;
}

#screen-beispiele .sequence figure{
border:0px solid #f0f;
padding:0 1em;
}

#screen-beispiele .frame1,
#screen-beispiele .frame2,
#screen-beispiele .frame3{

width:500px;
width:100%;
height:333px;

background-color:transparent; /* should this be a solid color? */
background-position:0 0;
background-repeat:no-repeat;

margin-bottom:0.5em;
}

#screen-beispiele .frame2{
background-position:0 -420px;
}

#screen-beispiele .frame3{
background-position:0 -840px;
}

#screen-beispiele figcaption{
font-size:1.167em; /* 12px to 14px */
max-width:35em;
min-height:100px;
width:100%;
}

#s17 .frame1,#s17 .frame2,#s17 .frame3{ background-image:url(../images/content/beispiele/17-2x.png); }

#screen-beispiele .beispiel-navigation{
outline:0px solid #f0f;
margin-top:60px;
}

#screen-beispiele .beispiel-navigation > li{
max-width:380px;
border-bottom:1px dashed #666;
}

#screen-beispiele .beispiel-navigation > li:first-child{
border-top:1px dashed #666;
}

#screen-beispiele .beispiel-navigation ul{
display:none;
}

#screen-beispiele .beispiel-navigation li:first-child ul,
#screen-beispiele .beispiel-navigation li.open ul,
#screen-beispiele .beispiel-navigation li.open > a{
display:block;
background-color:rgba(255,255,255,0.70);
border-bottom:0;
}

#screen-beispiele .beispiel-navigation a{
display:block;
font-size:1.167em; /* 12px to 14px */
color:#000;
padding:5px 20px 5px 8px;
text-decoration:none;
}

#screen-beispiele .beispiel-navigation a:hover,
#screen-beispiele .beispiel-navigation a:focus{
background-color:rgba(255,255,255,0.55);
color:#000;
}

#screen-beispiele .beispiel-navigation ul a{
border:0;
padding-left:38px;
background:url(../images/sprite_arrows.png?cache=1753889165) 16px 7px no-repeat;
}

#screen-beispiele .beispiel-navigation ul a:hover,
#screen-beispiele .beispiel-navigation ul .active a{
background-position:16px -876px;
background-color:transparent;
}

/* promo screen */
#screen-promo .promo-video{
/*
padding:10px;
border-radius:1.5em;
box-shadow:0 0.8em 1.6em rgba(0,0,0,0.4);
border-radius:0.5em;
*/

margin-top:65px;
}

#screen-promo .videopager{
margin-top:15px;
display:block;
}

#screen-promo .videopager a{
color:#333;
}

#screen-promo .videopager a.active{
color:#fff;
}

/*
#screen-promo .promo-video video,
#screen-promo .promo-video object{
max-width:100%;
width:610px;
height:340px;
height:auto;
display:block;
margin:0 auto;
}

*/

#screen-promo .promo-text{
outline:0px solid #f0f;
}

#screen-promo .promo-text h2{
font-size:32px;
color:#fff;
margin-bottom:0.8em;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}

#screen-promo .promo-text h3{
font-size:16px;
margin-bottom:1em;
line-height:1.2;
}

#screen-promo .promo-text p{
margin-bottom:1em;
}

/*#screen-promo .promo-text strong{
font-weight:bold;
}*/


/* kontakt */

#screen-kontakt label{
display:inline-block;
width:45%;
min-width:80px;
}

#screen-kontakt input,
#screen-kontakt select{
/*
position:relative;
top:-4px;
*/
}

#screen-kontakt .form-row{
margin-bottom:0.5em;
}

#screen-kontakt .contact-data{
margin-bottom:20px;
}

#screen-kontakt .contact-questions{
margin-top:65px;
}

#screen-kontakt .contact-questions label{
width:60%;
}

#screen-kontakt .contact-questions label[for="contact-comment"]{
margin-top:15px;
}

#screen-kontakt .contact-questions textarea{
width:60%;
height:80px;
}

#screen-kontakt .submit{
margin-top:22px;
}

#screen-kontakt .contact-message{
display:none;
}

#screen-kontakt .contact-message.error{
background-color:#cbebff;
background-color:rgba(205,235,255,0.80);
background-color:rgba(255,255,255,0.55);
padding:0.5em 1em;
}

/* allgemeine styles */
.button{
display:inline-block;
padding:4px 8px;
font-size:14px;
background:#999;
color:#fff;
text-decoration:none;
}

.button:hover,
.button.active{
background:#c60;
}

.button3d{
display:inline-block;
padding:4px 8px;
font-size:14px;
background:#999;
color:#fff !important;
text-decoration:none;

/* 3D shadow effect */
-webkit-box-shadow:
-1px 1px 0 #444,
-2px 2px 0 #444,
-3px 3px 0 #444;
-moz-box-shadow:
-1px 1px 0 #444,
-2px 2px 0 #444,
-3px 3px 0 #444;
box-shadow:
-1px 1px 0 #444,
-2px 2px 0 #444,
-3px 3px 0 #444;
}

#inline-beispiel-popover{
width:315px;
height:380px;
}

.popover{
background:#fff;
border-radius:4px;
box-shadow:0 2px 20px #555;
padding:10px 10px 13px;
position:relative;
z-index:96;
display:none; /* initial state:invisible */
}

/*
.popover:before{
content:"";
position:absolute;
bottom:0;
left:20px;
right:20px;
height:28px;
background:#fff;
}

.popover:after{
content:"";
z-index:-1;
width:20px;
height:20px;
background:#fff;
margin-left:-10px;
position:absolute;
bottom:-10px;
left:50%;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:2px 0 20px #555;
}
*/

#inline-beispiel-popover .slide{
display:none;
margin-top:10px;
}

#inline-beispiel-popover .slide1{
display:block;
}

#inline-beispiel-popover .frame1,
#inline-beispiel-popover .frame2,
#inline-beispiel-popover .frame3{
width:315px;
height:210px;
background-color:transparent; /* should this be a solid color? */
background-position:0 0;
background-size:315px 630px;
background-repeat:no-repeat;

margin-bottom:0.5em;
}

#inline-beispiel-popover .frame2{
background-position:0 -210px;
}

#inline-beispiel-popover .frame3{
background-position:0 -420px;
}

#inline-beispiel-popover .close{
text-align:right;
}

#inline-beispiel-popover .pager a{
margin-right:5px;
}

#inline-beispiel-popover .pager a:first-child{
margin-left:7px;
}

#inline-beispiel-popover .pager a:hover,
#inline-beispiel-popover .close a:hover{
background:#c60;
}

#tooltip{
position:absolute;
z-index:3000;
background:#fff;
padding:3px 6px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.5);
-moz-box-shadow:0 4px 8px rgba(0,0,0,0.5);
box-shadow:0 4px 8px rgba(0,0,0,0.5);
}

.iosfix{
height:101%;
overflow:hidden;
}


/* global NRV Navigation */
section{clear:both;}
html{background:#f0f0f0 url(../images/bgBody.png) 0 0 repeat;}
#webPages{background:#efefef;height:50px;overflow:hidden;}
#webPages a,#webPages legend{letter-spacing:0 !important;word-spacing:0 !important;text-decoration:none;}
#webPages a:hover{text-decoration:underline;}
#webPages strong{font-family:'DIN Next W01 Heavy',Arial,sans-serif;}
#webPages strong em{font-family:'DINNextW01-HeavyItalic',Arial,sans-serif;}
#webPages,#container,#nrvHome,#additionalWebpages,.ui-tabs-nav,#logo,footer{margin:0 auto;width:1000px !important;}
#webPages,#container,#logo,footer{-webkit-box-shadow:0 10px 10px #57595d;-moz-box-shadow:0 10px 10px #57595d;box-shadow:0 10px 10px #57595d;}
#logo,.ui-tabs-nav,#container>ul{background:white;padding:1em 0;}
#logo h1{font:2em 'DIN Next W01 Heavy',Arial,sans-serif;color:#57595d;margin-left:1em;}
#logo h1 strong em{font:2em 'DINNextW01-HeavyItalic',Arial,sans-serif;}
#container .ui-tabs-nav,#container>ul,section,footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 2em;}
#container .ui-tabs-nav,#container>ul{min-height:60px;}
#container .ui-tabs-nav li,#container>ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:15%;margin-left:2%;border:0;border-bottom:2px solid #FFFFFF;padding:.25em .5em;display:inline-block;float:left;height:50px;background:#F0F0F0;}
#container .ui-tabs-nav li:first-child,#container>ul li:first-child{margin-left:0;}
#container .ui-tabs-nav li:hover,#container>ul li:hover{background:#9A8B6E;}
#container .ui-tabs-nav li a,#container>ul li a{color:#57595d;text-decoration:none;font-size:1.5em;line-height:1.15em;display:block;height:100%;width:100%;}
#container .ui-tabs-nav li:hover a,#container>ul li:hover a{color:white;}
#container .ui-tabs-nav .ui-tabs-active{border-bottom-color:#9A8B6E;}
#nrvHome a{position:relative;z-index:500;}
#nrvHome .main{
color:#f0f0f0 !important;
padding:.3em 50px .3em .6em;
display:inline-block;
text-transform:uppercase;
background:#57595d url(../images/ie-topnavi-normal.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #57595d 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #57595d 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
font:13px 'DIN Next W01 Light',Arial,sans-serif;
}
#nrvHome .main:hover{
text-decoration:none;
background:#8f250f url(../images/ie-topnavi-hover.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #8f250f 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #8f250f 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
}
#additionalWebpages{position:relative;right:0;top:-25px;text-align:right;height:50px;}
#additionalWebpages li{float:left;}
#additionalWebpages li a{width:7em;display:inline-block;text-align:left;text-transform:uppercase;color:#f0f0f0 !important;font:13px 'DIN Next W01 Light',Arial,sans-serif;}
#additionalWebpages li.wide a{width:9.5em;}
#additionalWebpages li.very.wide a{width:10.5em;}
#additionalWebpages li a:hover{text-decoration:none;}
#menu-nrv-webseiten li{
background:#57595d url(../images/ie-topnavi-normal.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #57595d 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #57595d 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #57595d 10px) bottom right;
font-size:1em;
padding:.3em .6em;
margin-right:.4em;
}
#additionalWebpages legend,#additionalWebpages ul{float:right;}
#additionalWebpages legend{padding:.3em 1.2em .3em 0;font-size:1em;}
#additionalWebpages ul{margin-right:2em;}
#menu-nrv-webseiten li:first-child:hover{
background:#8f250f url(../images/ie-topnavi-hover.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #8f250f 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #8f250f 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;}
#menu-nrv-webseiten li:first-child+li:hover{
background:#48ACDA url(../images/ie-topnavi-hover-jurcall.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #48ACDA 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #48ACDA 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #48ACDA 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #48ACDA 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #48ACDA 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #48ACDA 10px) bottom right;
}
#menu-nrv-webseiten li:first-child+li+li:hover{
background:#EE8208 url(../images/ie-topnavi-hover-jurcash.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #EE8208 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #EE8208 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #EE8208 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #EE8208 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #EE8208 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #EE8208 10px) bottom right;
}
#menu-nrv-webseiten li:first-child+li+li+li:hover{
background:#8f250f url(../images/ie-topnavi-hover.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #8f250f 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #8f250f 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
}
#menu-nrv-webseiten li:first-child+li+li+li+li:hover{
background:#8f250f url(../images/ie-topnavi-hover.png) 100% 100% no-repeat;
background:-moz-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-webkit-gradient 315deg, transparent 10px, #8f250f 10px bottom right;
background:-webkit-linear-gradient(135deg, transparent 10px, #8f250f 10px) bottom right;
background:-o-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:-ms-linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
background:linear-gradient(315deg, transparent 10px, #8f250f 10px) bottom right;
}
.ui-tabs-nav li,#container>ul li{display:inline-block;float:left;}
.ui-tabs-nav a,#container>ul a{letter-spacing:0 !important;word-spacing:0 !important;}
footer{background:#57595d;padding:1em 2em 3em;}
footer h3,footer p,footer a{color:#f0f0f0;}
footer p,footer li a{font-size:13px;}
footer li{padding-left:14px;background:transparent url(../images/footerBgLi.png) 0 50% no-repeat;}
footer>div{width:15%;margin-left:2%;display:inline-block;float:left;}
footer>div:first-child{margin-left:0;}
footer div.services{width:10%;}
footer div.imprint{width:20%;}
footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer .yui3-u-3-4{width:25%;padding-left:50%;font-size:13px;line-height:17px;}
footer .yui3-u-3-4 h3{font-size:16px;}



/* promo videos via jQuery UI Tabs & Video JS */
#promoVideo{margin-top:9em;}
#promoVideo .ui-tabs-nav{min-height:none;background:transparent;padding:0;}
#promoVideo .ui-tabs-nav li,
#promoVideo .ui-tabs-nav .ui-tabs-active{padding:0;background:transparent;height:auto;width:auto;border:0;margin-top:1em;margin-left:1%;}
#promoVideo .ui-tabs-nav li a{font-size:14px;width:auto;background:#fff;box-shadow:-1px 1px 0 #757575, -2px 2px 0 #757575, -3px 3px 0 #757575;}
#promoVideo .ui-tabs-nav .ui-tabs-active a,
#promoVideo .ui-tabs-nav li a:hover{background:#5f5f5f;color:#fff;box-shadow:-1px 1px 0 #3F3F3F, -2px 2px 0 #3F3F3F, -3px 3px 0 #3F3F3F;}


/* Video JS specific */
.vjs-loading-spinner{display:none !important;}
.vjs-big-play-button{left:50% !important;top:50% !important;margin-top:-1.75em;margin-left:-1.1em;width:2em !important;height:2em !important;border-radius:2em !important;}
.vjs-big-play-button:before{line-height:2em !important;}
.vjs-paused .vjs-big-play-button{display:block !important;}



/* Narrow screens */
@media only screen and (max-width :780px){

#nav-warum{height:auto !important}

.nav-main{

position:static !important;
top:0 !important;
padding-left:0 !important;
}

.nav-main li{
width:100% !important;
}

.nav-main li a{
float:none;
position:static;
padding:5px 10px 5px 20px;
background:transparent;
}

.nav-main li.active a{
background:#9C2D14;
}

.nav-main li.band-start{
display:none;
}
}


/* Narrow screens */
@media only screen and (max-width :600px){
html{
min-width:330px;
}

header #logo{
width:100%;
background-position-x:center;
}

.leistungen-icons li{display:block}
.leistungen-icons li img{ height:120px!important; width:150px!important; max-width:150px!important}
.leistungen-icons .lid{margin-top:1em; margin-bottom:3em}

#nav-warum{height:auto!important}

.nav-main{
//height:auto !important;
position:static !important;
top:0 !important;
padding-left:0 !important;
}

.nav-main li{
width:100% !important;
}

.nav-main li a{
float:none;
position:static;
padding:5px 10px 5px 20px;
background:transparent;
}

.nav-main li.active a{
background:#9C2D14;
}

.nav-main li.band-start{
display:none;
}

/* von Christophe erstellt */
.nav-main li.pre{
/* the element *before* the active element needs a special background for the arrows to work */
background:#3A3A3A !important;
}

#calculator-mask-2{display:none}
.question{display:block!important}

.image{
display:none;
}

.text{
width:100%;
}

.beispiel-navigation,
.beispiel-slideshow{
width:100%;
margin-top:0 !important;
}
}

/* Very large screens */
@media only screen and (min-width :1200px){
html{

}

.nav-main{
/*
width:1000px !important;
left:50%;
margin-left:-500px;
*/
}

.sequence,
.sequence-navigation,
#screen-beispiele-container{
/*width:1000px !important;*/
margin:0 auto;
}

#screen-beispiele-container .sequence-navigation{
width:inherit !important;
}

#screen-beispiele .sequence{
width:100% !important;
}
}

/* Retina images for newer iPad and iPhone */
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){
header #logo{
background-image:url(../images/logo_2x.png);
background-size:208px 33px;
background-size:140px 22px;
background-size:100px 15px;
}

/* retina background images */
.screen#screen-warum{ background-image:url(../images/content/warum/background_warum_2x.png); }
.screen#screen-nrv{ background-image:url(../images/content/nrv/background_nrv_2x.png); }
.screen#screen-leistungen{ background-image:url(../images/content/leistungen/background_leistungen_2x.png); }
.screen#screen-rechner{ background-image:url(../images/content/rechner/background_rechner_2x.png); padding-top:50px; }
.screen#screen-beispiele{ background-image:url(../images/content/beispiele/background_beispiele_2x.png); }
.screen#screen-promo{ background-image:url(../images/content/promo/background_promo_2x.png); }
.screen#screen-kontakt{ background-image:url(../images/content/kontakt/background_kontakt_2x.png); }


.nav-main li a{
background-position:right -18px;
background-size:450px 225px;
}

.nav-main li.active a{
background-position:right -83px;
}

.nav-main li.active.last a{ background-position:left -100px; } /* graphical fix for the last button in the row */

#screen-beispiele .beispiel-navigation ul a,
#screen-rechner .calculator-mask .question,
.screen .sequence .text .accordion > li{
background-size:18px 900px;
}

/* high res slideshows */
#screen-beispiele .frame1,
#screen-beispiele .frame2,
#screen-beispiele .frame3{
background-size:630px 1260px;
}

#s48 .frame1,#s48 .frame2,#s48 .frame3{ background-image:url(../images/content/beispiele/48-4x.png); }
}