/* -------------------------------------------------
          Default CSS created by Rogator
------------------------------------------------- */

/* 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{
height:100%;
text-align:center; margin:0!important;
background:#fff;
}

.maincontainer{
margin-left:auto;
margin-right:auto;
}

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

.toptable .col1, .toptable .col01, .toptable .col3, .toptable .col03{
display: none;
}

.header_right, .header_left {
    height: 80px;
    position: relative;
    width: 45%;
}

.header_right img, .header_left span{
position: absolute;
    bottom: 0;
}

.header_right img{right: 0;top: 0;}

.header_left span{
left: 0;
}



/* - - 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{
margin-left:auto;
margin-right:auto;
border: 1px solid black;
border-bottom: 0px;
background: #F0EAE3;
}

.bottomtable{
border: 1px solid black;
border-top: 0px;
background: #F0EAE3;
}

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

/* questiontext box */
.questiontexttable{
width:100%;
}

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

.answer div{padding:6px 5px;}



/* -------------------------------------------------
                 TYPOGRAPHY
------------------------------------------------- */
a{
margin:0;
padding:0;
}

a:hover{
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
font-family: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;}


/* -------------------------------------------------
                 EXTRA STYLING
------------------------------------------------- */

/* - - textfields - - */
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], select{
border:1px solid #ccc;
outline:0 none;
padding:4px 6px;
resize:none;
vertical-align:middle;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border linear .2s,box-shadow linear .2s;
-moz-transition:border linear .2s,box-shadow linear .2s;
-o-transition:border linear .2s,box-shadow linear .2s;
transition:border linear .2s,box-shadow linear .2s;
}



textarea:hover, input:hover[type="text"], input:hover[type="email"], input:hover[type="password"], input:hover[type="number"], select:hover, textarea:focus, input:focus[type="text"], input:focus[type="email"], input:focus[type="password"], input:focus[type="number"], select:focus{
border-color:rgba(82, 82, 82, 0.8);
color:#000!important;
outline:0 none;

-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 82, 82, 0.6);
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 82, 236, 0.6);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 82, 82, 0.6);
}


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



/* -------------------------------------------------
                 FEATURES
------------------------------------------------- */

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


/* - - image styling - - */
img.rounded{
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

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


/* - - tooltip - - */
a.tooltip{
/*font-weight:normal;*/
outline:none;
}

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

a.tooltip span{
display:none;
line-height:16px;
margin-top:25px;
margin-left:-92px;
padding:14px 14px;
width:333px;
z-index:10;
}
a.tooltip:hover span{
background:#FFF;
border:2px solid #333;
color:#000;
display:inline;
position:absolute;
text-align:left;
font-size:13px;
font-weight:normal;
}

/*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);
}




/* -------------------------------------------------
                 NORMALIZE
------------------------------------------------- */

td{
padding:0;
}

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

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


/* -------------------------------------------------
                 USER STATS
------------------------------------------------- */
.awleft {
    width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_border_left.png);
}

.awheadline {
    text-align: left;      background-image: url(/rogator/resources/img/rmb-lay_bghorizont2.jpg);
}

.awfirstc1 {
    height: 19px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_top_left.png);
}

.awfirsttop {
    height: 19px;      background-image: url(/rogator/resources/img/rmb-logo_rechts.png);
}

.awfirstc2 {
    height: 19px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_top_right.png);
}

.awfirstheadline {
    text-align: left;      background-image: url(/rogator/resources/img/rmb-lay_bghorizont2.jpg);
}

.awstattext {
    text-align: left;      padding: 0 2 0 20;      white-space: nowrap;      width: 10%;
}

.awstatvalue {
    text-align: left;      padding: 0 0 0 10;
}

.awright {
    width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_border_right.png);
}

.awc3 {
    height: 18px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_bottom_left.png);
}

.awbottom {
    height: 18px;      background-image: url(/rogator/resources/img/rmb-lay_bottom.png);
}

.awc4 {
    height: 18px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_bottom_right.png);
}

.awc1 {
    height: 19px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_top_left.png);
}

.awtop {
    height: 19px;      background-image: url(/rogator/resources/img/rmb-logo_rechts.png);
}

.awc2 {
    height: 19px;      width: 32px;      background-image: url(/rogator/resources/img/rmb-lay_top_right.png);
}

.header_left{float: left !important;margin: 15px 0px 15px 0px;vertical-align: bottom !important;text-align: left !important;}

.header_right{
    float: right !important;
    margin: 15px 0px 15px 0px;
}

.col1, .col2, .col3{
    width: 0% !important;
	
}