*, *:before, *:after{
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html{
	font-size: 100%;
	height: 100%;
	outline: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	color: #333;
	font-size: 16px;
	min-height: 100%;
	text-align: center;
	margin: 0 !important;
	}

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


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


.toptable {
	display: none !important;
}
.toptable{
	border-bottom: 1px solid #bdbdbd;
	position: relative;
	width: 100%;
	
}

.upperspacetable{padding: 0 10px;}


#progoutertable, #infooutertable{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#proginnertable, #infoinnertable{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
#proginnertable > tbody > tr > td{
	padding: 0px;
	white-space: normal !important;
}

#infoinnertable > tbody > tr > td{
	padding: 20px 0 20px!important;
	white-space: normal !important;
}


form{
margin-bottom: 0;
margin-top: 0;
}


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


.maintable{
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}



div.maintable .questiontable div{padding:10px;}

.questiontable.q_single, .questiontable.q_multiple{
    margin: auto;
}

.maincontainer tbody tr td > .upperspacetable{}

.maintable tbody tr td > .upperspacetable{
	border: none;
}


.questiontexttable{
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 0px;
}

.maininnertable {
	width: 100%;
}

.questiontexttable{
    width: 100%;
}

.questiontexttable tbody tr td{
padding: 0 !important; 
}


.maintable > tbody > tr > td > div{
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    width: 100%;
}



.questiontable{
  margin:auto;
}


.answer.single, .answer.multiple{padding: 10px !important;}

.answer.single:hover, .answer.multiple:hover{}

.answer.matrix{
	padding: 2px!important;
}

.answer.matrix.text1{
padding: 0 !important;
}

#mx0, #mx1, #mx2, #mx3, #mx4, #mx5, #mx6, #mx7, #mx8, #mx9{color: #333333;font-weight:bold;text-align: left;}


.answer.single, .answer.multiple{
    position: relative;
}

.answer.single.checked, .answer.multiple.checked{background: #717171;}

.answer.single.checked > div > span, .answer.multiple.checked > div > span{
    color: #FFF !important;
}



.answercol1, .answercol2{
	padding: 4px 0!important;
	vertical-align: top;
}




.commenttable{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}
.commenttable tbody tr th{
    padding:0!important; 
}
.commenttable tbody tr td{
    padding:0!important;
}

#back_btn, #next_btn, .back_btn, .next_btn{
display:none;
}

.swk_back, .swk_next{
    width:48%;
}


#back_btn, #next_btn, .startlink, .back_btn, .next_btn, .swk_back, .swk_next{
    background: #FFF;
    border: 2px solid #717171;
    color: #717171 !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    margin: 0px 3px;
    outline: none;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all 200ms;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
    padding: 10px;
}

.swk_button_zeige_gespeicherte_Wege {
    background: #FFA500;
    border: 2px solid  #333; /* #EE82EE Violett */
    color: #333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all 200ms;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
    padding: 2px;

}
.swk_button_nutze_geispeicherten_weg_0 {
  
    background: #FFA500;
    border: 0px solid  #717171; /* #EE82EE Violett */
    color: #333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all 200ms;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
    padding: 2px;
    

}
.swk_button_nutze_geispeicherten_weg_1 {
  
    background: #FFF;
    border: 0px solid  #717171; /* #EE82EE Violett */
    color: #333 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all 200ms;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
    padding: 2px;
    
}

#swk_savedWaysTable {
    border-collapse: collapse !important;
    width: 100%;
    border: 2px solid #424242;
    padding: 3px;

}

#swk_savedWaysTable_ways:hover, .swk_savedWaysTable_ways:hover, #swk_savedWaysTable_ways:focus, .swk_savedWaysTable_ways:focus {
    background: #adadad;
    cursor: pointer;
}


#swk_startpage_info:hover, .swk_startpage_info:hover, #swk_startpage_info:focus, .swk_startpage_info:focus {
    cursor: pointer;
}

.swk_startpage_info {
    background: #f6f6f6;
    border: #f6f6f6;
    font-size: 16px;
    background-image: url(icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: contain !important;
    font-weight: bold;
    width: 100%;
    height: 30px;
    text-align: left;
    margin-bottom: 15px;
    padding-right: 30px;
    border-radius: 5px;
}

.swk_startpage_info_text {
    width: 100%;
    text-align: left;
    font-weight:normal;
    font-size:16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
}

.swk_startpage_header {
    width: 100%;
    text-align: left;
    background: #023e84;
    background-image: url(startpage_header.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: contain !important;
    height: 80px;
    font-size: 28px;
    color: #cdcdcd;
    display: inline-flex;
    align-items: center;
    padding-left: 40px;    
    border-radius: 5px;
}

#swk_button_verlosung:hover, .swk_button_verlosung:hover, #swk_button_verlosung:focus, .swk_button_verlosung:focus {
    cursor: pointer;
}

.swk_button_verlosung {
    max-width: 100%; 
    text-align: center;
    background: #d3d800;
    font-size: 16px;
    color: #000000;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;    
    border-radius: 5px;
    margin-left:20px;
}


#swk_button_table{
    font-family:arial;
    margin-top:30px;
    margin-bottom:30px;
}

@media only screen and (max-width: 480px) {
	#back_btn, #next_btn, .startlink, .back_btn, .next_btn{
		padding: 10px;
	}
}




#back_btn:hover, #next_btn:hover, .back_btn:hover, .next_btn:hover, .startlink:hover, .swk_back:hover, .swk_next:hover, #back_btn:focus, #next_btn:focus, .back_btn:focus, .next_btn:focus, .startlink:focus, .swk_back:focus, .swk_next:focus{
	text-decoration: none;
	background: #adadad;
	border: 2px solid #616161;
	color: #fff!important;
}


.startlink{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.startlink:hover{
	text-decoration: none !important;
}

.lsel{
	border: 1px solid #d8d8d8;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 16px;
	max-width: 100%;
	outline: 0;
	width: 100%;
	max-width: 400px;
	text-align: left;
}
.lsel td{
	text-align:left;
}

.popinmid{
	font-size:14px;
}



b{font-weight: bold;}
b b {font-weight: 700;}




.bottomtable{
	width: 100%;
	padding: 0 10px;
	background: #fff;
	border-bottom: 1px solid #bdbdbd;
	position: relative;
	width: 100%;
}


.bottomtable th.col1, .bottomtable th.col3 {
    width:10%
}


.bottomtable th.col2 {
    width:80%
}





div.maincontainer .col1, div.maincontainer .col2, div.maincontainer .col3{text-align: center;} 

div.maincontainer > .upperspacetable, div.maincontainer > .mainspacertable{
display: none;
}



.additionalpagetext{
	color: #333;
	font-size: 16px;
	font-family: sans-serif;
	width: 100%;
	text-align: left;
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding: 20px !important;
}


textarea, input[type="text"], input[type="number"], input[type="email"], input[type="password"], select{
	background: #FFF !important;
	border: 2px solid #CCC;
	color: #333 !important;
	font-size: 13px !important;
	font-family: sans-serif;
	margin-bottom: 4px;
	margin-top: 4px;
	outline: 0 none;
	padding: 2px 2px;

	vertical-align: middle;

	max-width: 100% !important;

	border-radius: 0;
	transition: all 200ms;
	margin-right: 5px;
}

textarea{
	
}



input[type="number"]{
	
}


textarea:hover, input:hover[type="text"], input:hover[type="number"], input:hover[type="email"], input:hover[type="password"], select:hover, textarea:focus, input:focus[type="text"], input:focus[type="number"], input:focus[type="email"], input:focus[type="password"], select:focus{
	background: #FFF !important;
	border: 2px solid #717171;
	color: #333 !important;
	outline: 0 none;
}



.toptable img, .upperspacetable img, .upperspacetable img, .questiontexttable img, .mainspacertable img, .bottomtable img{
	margin: 20px 0;
	max-width: 95%;
}

.answer img{max-width:100%;}


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{
margin: 0;
padding: 0;
}

a:hover{}

h1{
font-size: 22px;
margin: 0;
}
h1,h2,h3,h4,h5,h6{
line-height: 1.1; margin-bottom: 5px; color: #000000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ font-size: 60%; color: #000000; line-height: 0; text-transform: none; }

h1{ font-weight: 200; font-size: 34px;}
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;}



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


strong{
font-family: Helvetica, Arial, sans-serif !important;
font-weight: 700;
}

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

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

table{text-align: center;} 

td{padding: 0 !important;}

img{
border: 0;
}
/* Layout V30 */

.biginput
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
}

.transform90 
{
    -webkit-transform: rotate(90deg); /* chrome & safari*/
    -moz-transform: rotate(90deg); /* firefox */
    -o-transform: rotate(90deg); /* opera */
    transform: rotate(90deg); /* explorer > 9 */
}

.transformNeg90 {
    -webkit-transform: rotate(-90deg); /* chrome & safari*/
    -moz-transform: rotate(-90deg); /* firefox */
    -o-transform: rotate(-90deg); /* opera */
    transform: rotate(-90deg); /* explorer > 9 */
}

#wegeprotokoll_default {
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
}

#wegeprotokoll_table {
    width:100%;
}


.heimweg_button_table_data a {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    letter-spacing: 1px;
    transition: all 200ms;
    width:100%;
}

.heimweg_button_table_data a:hover div{
	text-decoration: none;
	background: #adadad;
	border: 2px solid #616161;
	color: #fff!important;
}

.heimweg_button_table_data a div {
    background: #FFF;
    border: 2px solid #717171;
    color: #717171 !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    margin: 0px 3px;
    outline: none;
    padding: 10px 0px;
    text-decoration: none;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    letter-spacing: 1px;
    transition: all 200ms;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	    
    padding: 10px;    
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  }
  input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
  }
  input[type=text] {
    background-color: #f1f1f1;
    width: 100%;
  }
  input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
  }
  .autocomplete-items {
    position: absolute;
    text-align: left;
    font-size: 12px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: DodgerBlue;
    color: #ffffff;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }

#w1_street, #w2_street, #w3_street, #w4_street, #w5_street, 
#w6_street, #w7_street, #w8_street, #w9_street, #w10_street, 
#w11_street, #w12_street, #w13_street, #w14_street, #w15_street, 
#w16_street, #w17_street, #w18_street, #w19_street, #w20_street, 
#w31_street, #w32_street, #w33_street, #w34_street, #w35_street, 
#w36_street, #w37_street, #w38_street, #w39_street, #w40_street{
    z-index : 500
}

/*
Aenderungen Rogator AG
bzgl. Startseite
*/
div.maincontainer div{
	text-align:left;
	/*border:1px solid red;*/
	padding-left:0px;
}

div.maincontainer input[type="password"]{
	margin-bottom:20px;
}

div.maincontainer div#start_page{
	font-family: arial, helvetica, sans-serif;
        font-size: 16px;
        color :#000000;
}
table#proginnertable td{
	background-color:white
}

div.info a {
        padding-right:10px
}