/* apply a natural box layout model to all elements*/
*, *:before, *:after{
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

/* set default font family to sans-serif / prevent iOS text size adjust after orientation change, without disabling user zoom. */
html{
font-family:sans-serif!important;
height:100%;
outline:0;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

body{
background-color:#EAEAEA;
height:100%;
text-align:center; margin:0!important;
}

.maincontainer{
height:100%;
margin-left:auto;
margin-right:auto;
width:100%;
}

body > table > tbody > tr{
vertical-align:top;
}

/* (3 multimedia elements) */ 
.toptable{
background-color:#FFFFFF;
border-bottom:1px solid #cfcfcf;
width:100%;
}

/* - - info line top - - */
#progoutertable{}
#proginnertable{}

/* contains maintable */
form{
margin-bottom:0;
margin-top:0;
}

.maincontainer tbody tr td > form, .upperspacetable, .bottomtable{}

/* containing question-/additionaltext, answerblock, back-/continuebuttons */
.maintable{
background:#FFF;
border: 1px solid #cfcfcf;
margin-left:auto;
margin-right:auto;
}

/* located between info line top & questiontexttable (3 multimedia elements) */
.maincontainer tbody tr td > .upperspacetable{
height:15px!important;
}

.maintable tbody tr td > .upperspacetable{
border:none; /*remove border top for multiple questions*/
height:30px; /*spacing to previous question*/
}

/* questiontext box */
.questiontexttable{
background-color:#f9f9f9;
border:1px solid #eee;
margin-top:14px;
margin-bottom:10px; /*spacing between questiontext & additional text*/
padding:6px;
width:100%;

border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.questiontexttable tbody tr td{
padding:0!important; /*correct alignment to additional text*/
}


/* -------------------------------------------------
                 TYPOGRAPHY
------------------------------------------------- */

/* - - links - - */
/* NUKE LAYOUTSETTINGS */
a{ color:#c52826!important; }
a:link{ color:#c52826!important; }
a:visited{ color:#c52826!important; }
a:hover{ color:#c52826!important; }
a:active{ color:#c52826!important; }

a{
  background:transparent; /*remove the gray background color from active links in IE 10.*/
}

a:active,
a:hover{
  outline:0; /*improve readability when focused and also mouse hovered in all browsers.*/
}

a{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

h1{
font-family:Arial,Helvetica,sans-serif;
font-size:22px;
color:#333;
margin:0;
padding-left:20px;
float:left;
}
h1,h2,h3,h4,h5,h6{
font-family:Arial,Helvetica,sans-serif; line-height:1.1; margin-bottom:5px; color:#08c;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ font-size:60%; color:#6f6f6f; line-height:0; text-transform:none; }

h1{ font-weight:200; font-size:44px;}
h2{ font-weight:200; font-size:37px;}
h3{ font-weight:500; font-size:27px;}
h4{ font-weight:500; font-size:23px;}
h5{ font-weight:500; font-size:17px;}
h6{ font-weight:900; font-size:14px; text-transform:uppercase; color:#444;}


/* - - textselection - - */
::selection{}
::-moz-selection{}


/* - - text-level semantics - - */
abbr[title]{
border-bottom:1px dotted; /*address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
}

b,strong{
font-weight:bold; /*address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
}

dfn{
font-style:italic; /* address styling not present in Safari and Chrome.*/
}

/*address styling not present in IE 8/9.*/
mark{
background:#ff0;
color:#000;
}

small{
font-size:80%; /*address inconsistent and variable font size in all browsers.*/
}

/*prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup{
top:-0.5em;
}

sub{
bottom:-0.25em;
}


/* - - embedded content - - */
img{
border:0; /*remove border when inside `a` element in IE 8/9/10.*/
}

svg:not(:root){
overflow:hidden; /*correct overflow not hidden in IE 9/10/11.*/
}

hr{
box-sizing:content-box;
height:0;
-moz-box-sizing:content-box;
}


/* - - helpful classes - - */
.width100{ width:100%; }
.width75{ width:75%; }
.width50{ width:50%; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.alignLeft{ text-align:left; }
.alignRight{ text-align:right; }

td{
padding:0!important;
}

img{
border:0;

}

img.rounded{
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}

img.outlined{
border:1px solid #333;
}

/* - - tooltip - - */
a.tooltip{
outline:none;
}
a.tooltip strong{
line-height:30px;
}
a.tooltip:hover{
text-decoration:none;
}

a.tooltip span{
display:none;
line-height:16px;
margin-top:60px;
margin-left:-160px;
padding:14px 14px;
/*width:300px;*/
z-index:10;
}
a.tooltip:hover span{
background:#333 url(css-tooltip-gradient-bg.png) repeat-x 0 0;
border:2px solid #FFF;
color:#EEE;
display:inline;
position:absolute;
}
.callout{
border:0;
left:120px;
position:absolute;
top:-14px;
z-index:20;
}

/*CSS3 extras*/
a.tooltip span
{
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-webkit-box-shadow:00px 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
/*opacity:0.8;*/
}
/* Layout V30 */