*, html {
	padding: 20;
	margin: 20;
}
body {
	padding-left: 20px;
	background-color: black;
	color: white;
	font-family: Tahome,Helvetica;
	font-size: 24px;
	color: #ffffff;
}

.overlay {
  	position: fixed; /* Sit on top of thepage content */
 	display: none; /* Hidden by default */
  	width: 100%; /*Full width (cover the whole page) */
 	height: 100%; /* Full height (cover the whole page) */
  	top: 0; 
  	left: 0;
 	right: 0;
  	bottom: 0;
 	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  	z-index: 2; /* Specify a stack order in case you're using a different order for otherelements */
 	cursor: pointer; /* Add a pointer on hover */
} 

.overlay_content{
  	position: absolute;
  	border: 2px #ffffff solid;
  	padding: 20px 20px 20px 20px;
  	background-color: #000000;
  	font-family: Tahome,Helvetica;
  	width: 620px;
  	height: 300px;

  	top: 50%;
  	left: 50%;
  	font-size: 50px;
  	color: white;
  	transform: translate(-50%,-50%);
  	-ms-transform: translate(-50%,-50%);
}

.overlay_content_debs{
        position: absolute;
        border: 2px #ffffff solid;
        padding: 10px 10px 10px 10px;
        background-color: #000000;
        font-family: Tahome,Helvetica;
        width: 700px;
        height: 700px;

        top: 440px;
        left: 50%;
        font-size: 50px;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
}

.ui-slider {
	border: 2px #ffffff solid;
	background-color: #333333;
	left: 55px;
	width: 520px;
}

.ui-slider .ui-slider-handle {
    	width:50px;
    	text-decoration:none;
   	text-align:center;
}

.toptitle {
        font-family: Tahome,Helvetica;
	font-size: 60px;
	color: #FFFFFF;
	font-weight: bold;
}

.aktie {
        background-color: #000000;
        font-family: Tahome,Helvetica;
	border: 2px #FFFFFF solid;
	border-radius: 20px;
	font-size: 40px;
        color: #FFFFFF;
        font-weight: bold;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
}
.aktie:active, .aktie:focus, .aktie:hover {
        background-color: #ffffff;
        font-family: Tahome,Helvetica;
        border: 2px ##FFFFFF solid;
	border-radius: 20px;
        font-size: 40px;
        color: #000000;
        font-weight: bold;
        width: 300px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: auto;
}
.highlight {
	background-color: #0065a1;
}
.button {
	background: #000000;
        font-family: Tahome,Helvetica;
        font-size: 30px;
        color: #FFFFFF;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
        margin: auto;
	border: none;
}
font.selectvehicle_big {
        font-family: Tahome,Helvetica;
        font-size: 25px;
        color: #FFFFFF;
        font-weight: bold;
}

font.selectvehicle_small {
        font-family: Tahome,Helvetica;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
}

table.details tr td {
	height: 50px;
	font-family: Tahome,Helvetica;
        font-size: 24px;
        color: #FFFFFF;
        font-weight: bold;
}

div.text {
	font-family: Tahome,Helvetica;
        font-size: 24px;
        color: #FFFFFF;
        font-weight: bold;
}
.dinput {
	border: 2px #ffffff solid;
	background-color: #000000;
	height: 30px;
	font-family: Tahome,Helvetica;
	color: #ffffff;
	font-size: 24px;
	width: 120px;
	padding-left: 10px;
}

.dtext {
        border: 2px #ffffff solid;
        background-color: #000000;
        height: 480px;
        font-family: Tahome,Helvetica;
        color: #ffffff;
        font-size: 24px;
        width: 97%;
        padding-left: 10px;
}

.dselect {
	display: inline-block;
        border: 2px #ffffff solid;
        background-color: #000000;
        font-family: Tahome,Helvetica;
        color: #ffffff;
        font-size: 24px;
	font-weight: normal;
	line-height: 32px;
        width: 122px;
	padding-left: 10px;
}

.dselect option {
        border: 2px #ffffff solid;
        background-color: #000000;
        font-family: Tahome,Helvetica;
        color: #ffffff;
        font-size: 24px;
}

.checkbox {
	display: inline-block;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
}

.checkbox label::before{
    	content: "";
   	display: inline-block;
    
    	height: 30px;
    	width: 30px;
    
    	border: 2px #ffffff solid;
    	background-color: #000000;
}

.checkbox label::after {
    	content: "";
    	display: inline-block;    
    	height: 19px;
    	width: 32px;
    	border-left: 4px solid;
    	border-bottom: 4px solid;
    
    	transform: rotate(-45deg);
}

.checkbox label {
    	position: relative;
}

.checkbox label::before,
.checkbox label::after {
    	position: absolute;
}

.checkbox label::before {
    	top: -3px;
    	left: -20px;
}

.checkbox label::after {
    	left: -14px;
    	top: -5px;
}

.checkbox input[type="checkbox"] + label::after {
    	content: none;
}

.checkbox input[type="checkbox"]:checked + label::after {
    	content: "";
}

.checkbox input[type="checkbox"]:focus + label::before {
    	outline: rgb(59, 153, 252) auto 5px;
}

ul.visort {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	background-color: #000000;
}

ul.visort li {
  	float: left;
  	display: block;
  	width: 232px;
  	height: 174px;
  	border: 1px #ffffff solid;
  	margin-right: 15px;
  	margin-bottom: 15px;
}

div.thumbnail {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
}

.label-danger {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
}

.label-full {
        position: absolute;
        top: 5px;
        left: 5px;
        cursor: pointer;
}

.Row {
    	display: table;
    	width: 100%; /*Optional*/
    	table-layout: fixed; /*Optional*/
   	border-spacing: 10px; /*Optional*/
}
.Column {
    	display: table-cell;
    	color: white;
}