/*Formatierung gesamtfeld*/
#main {
	width: 100%;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	
	
}

#oben {
	width: 100%;
	float: left;
	/*background-color: #FFFFCC;*/
	background-color: #ebebeb;
	
	/*
	border-width: 1% x;
	border-style: solid;*/
	
}

#weiterbutton{
	background-color: white;
	text-align: center;	
	max-width: 700px;
	margin-left: 162px;
}

#weiterbutton img{
	width: 45%;
}

#weiterbuttonsingle{
	background-color: white;
	text-align: center;	
	max-width: 1024px;
}

#weiterbuttonsingle img{
	width: 70%;
	max-width: 400px;
	
}


#weiterbutton submit{
	width: 45%;
}

#obenlinks {
	width: 0%;
	padding-left: 0%;
	float: left;
	background-color: #17468E;
	height: 100%;
}

#obenmitte {
	background-color: #1e5faf;
	width: 1024px;
	margin: 0 auto;
	margin-top: 1%;
	margin-bottom: 1%;
	-moz-box-shadow: 6px 6px 6px #a0a0a0; /* Firefox */
	-webkit-box-shadow: 6px 6px 6px #a0a0a0; /* Chrome, Safari */
	-khtml-box-shadow: 6px 6px 6px #a0a0a0; /* Konqueror */
	box-shadow: 6px 6px 6px 6px #a0a0a0; /* CSS3 */
	text-align: center;
}

#agb {
	background-color: #01A9DB;
	width: 97%;
	padding-left: 2%;
	color: #E6E6E6;
	float: left;
	margin-top: 11px;
	margin-bottom: 10px;
}

#tabellengleich {
	background-color: #17468E;
	width: 60%;
	padding-left: 2%;
	color: #E6E6E6;
	magrin-bottom: 3%;
}

#mittelinks {
	background-color: #315FA4;
	width: 0%;
	float: left;
	padding-left: 2%;
	background-color: #ebebeb;
}

#mittemitte {
	background-color: #315FA4;
	width: 1000px;
	width: 1000px;
	margin: 0 auto;
	/*margin-left: 22px;*/
	padding-left: 2%;
	padding-right: 2%;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 22px;
	background-color: #ebebeb;
	
	
	
}

img {
	max-width: 100%;
	max-height: 100%;
}



.mitte {
	width: 1000px; 
	margin: 0px auto;
	/*background-color: #FF9933;*/
	background-color: #245959;;
	background-color: white;
	background-color: white;
}

.anzeigen {
	color: 245959;
	font-size: 24px;
	
}

.anzeigengross {
	color:  #245959;
	font-size: 25px;
	/*background-color: yellow;*/
}

table, th, td {
	font-size: 23px;
	font-color: white;
	min-width: 100%;
}

a {
	color: #245959;
}

a hover {
	color: #245959;
}

a link {
	color: #245959;
}

a active {
	color: #245959;
}

#umrandung {
	float: left;
	width: 98%;
	border-color: #245959;
	border-width: 1px;
	border-style: solid;
	margin-top: 7px;
	background-color: white;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0.5%;
	color: #245959;
}


#umrandungzimmerabstand {
	float: left;
	width: 98%;
	border-color: grey;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: grey;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 3px;
	height: 5px;
}

#umrandungb {
	float: left;
	width: 98%;
	border-color: #01A9DB;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: #01A9CD;
	padding-left: 1%;
	padding-right: 1%;

}

#umrandung2 {
	float: left;
	width: 98%;
	border-color: #3d7070;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: #3d7070;
	padding-left: 1%;
	padding-right: 1%;

}

#umrandung3 {
	float: left;
	width: 100%;
	border-color: #8181F7;
	border-width: 0px;
	border-style: solid;
	margin-top: 22px;
	background-color: #254d4d;
	padding-left: 1%;
	padding-right: 1%;
	background-color: white;
	border-color: #245959; border-width: 0.2em; border-style: solid; box-sizing: border-box;
    			-moz-box-sizing: border-box;
    			-webkit-box-sizing: border-box;
	
}

#umrandung4 {
	float: left;
	width: 98%;
	border-color: #7401DF;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: #7401DF;
	background-color: #1e5faf;
	margin-bottom: 12px;
	padding-left: 1%;
	padding-right: 1%;
	
}

#umrandung5 {
	float: left;
	width: 98%;
	border-color: #00FFFF;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: #00FFFF;
	margin-bottom: 12px;
	padding-left: 1%;
	padding-right: 1%;
	
}


#umrandung6 {
	float: left;
	width: 98%;
	border-color: #245959;
	border-width: 0px;
	border-style: solid;
	margin-top: 7px;
	background-color: #245959;
	margin-bottom: 12px;
	padding-left: 1%;
	padding-right: 1%;
	color: white;
	
}



#zahlung {
	width: 154px; 
	float: left;
	text-align: left;
	margin-left: 33px;
	margin-top: 10px;
}

#travelabstand
{
	width: 100px;
	float: left;
	
}

#travelabstand1
{
	width: 100px;
	float: left;
	
}


/*Media Size !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Media Size !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Media Size !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media ( max-width : 1200px) {
	table, th, td {
		font-size: 17px;
	}
	#agb {
		font-size: 12px;
	}
	input[type="image"] {
		max-width: 100%;
		max-height: 100%;
	}
	#oben {
		width: 100%;
		float: left;
		/*background-color: #FFFFCC;*/
		background-color: #17468E;
		border-width: 0%;
		border-style: none;
	}
	#obenlinks {
		width: 0%;
		float: left;
		background-color: #17468E;
		height: 100%;
	}
	#obenmitte {
		background-color: #1e5faf;
		width: 99%;
		float: left;
		margin-left: 0%;
		margin-right: 0%;
		margin-right: 0%;
		margin-top: 1%;
		margin-bottom: 1%;
		-moz-box-shadow: 0px 0px 0px #a0a0a0; /* Firefox */
		-webkit-box-shadow: 0px 0px 0px #a0a0a0; /* Chrome, Safari */
		-khtml-box-shadow: 0px 0px 0px #a0a0a0; /* Konqueror */
		box-shadow: 0px 0px 0px 0px #a0a0a0; /* CSS3 */
		border-color: white;
		border-style: solid;
	}
	.mitte {
		width: 100%;
		float: left;
	}
	#mittelinks {
		background-color: #315FA4;
		width: 0%;
		float: left;
		padding-left: 0%;
	}
	#mittemitte {
		background-color: #315FA4;
		width: 100%;
		float: left;
		padding-left: 0%;
		padding-right: 0%;
		color: white;
		background-color: #ebebeb;

		/*margin-left: 22px;*/
	}
	#agb {
		background-color: #01A9DB;
		width: 98%;
		padding-left: 2%;
	}
	.anzeigen {
		color: #245959;
		font-size: 25px;
	
	}
	.anzeigengross {
		color: #245959;
		font-size: 25px;
		/*background-color: yellow;*/
	}
	#zahlung {
		width: 98%;
		 float: left;
		text-align: center;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	/*
	#mittemitte img
	{
	width: 100%;
	}
	
	#mittemitte submit
	{
	width: 100%;
	}*/
	
	#weiterbutton{
	background-color: white;
	text-align: center;	
	width: 70%;
	max-width: 70%;
	margin-left: 0px;
	text-align: center;
	margin: 0 auto;
	}
	
	#weiterbutton img
	{
		max-width: 170px;
	}
}

/*Ende Media Size!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Ende Media Size!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Ende Media Size!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*Ende Media Size!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#links1 {
	float: left;
	width: 100%;
	color: black;
	
	
}

#loginfeld {
	background-color: #FFFF66;
	width: 100%;
}

/*ende erster teil*/
.marker {
	background-color: #FFCC66;
}

#checkfeld {
	width: 30px; /*Desired width*/
	height: 30px; /*Desired height*/
}

/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.container 
{
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}


/* Hide the browser's default radio button */
.container input 
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}



/* Create a custom radio button */
.checkmark 
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    margin-top: 4px;
    
}


.checkmarknormal 
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    margin-top: 0px;
    
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #245959;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
 
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* Customize the label (the container) */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 33px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark2 {
  background-color: #245959;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark2:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*checkmark bereich box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*Select Nachbesserung!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

select {
 background-image:
		url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
		linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
 
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;*/
  border: none;
  border-radius: 3px;
  box-shadow: 0;
  color: #fff;
  cursor: pointer;
  /*font-family: 'Open Sans', sans-serif;*/
  font-size: 22px;
  height: 40px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
  width: 81%;

}

select option {
  color: #666;

}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
}



h6
{
  	width:220px;
    margin-top:-15px;
    margin-left:5px;
    background:white;
    color: #245959;;	
    font-size: 20px;
    margin-bottom: 0px;
    margin-left: 22px;
    padding-left: 10px;
    font-weight: normal;
    
	
}



.button {
  border: none;
  color: white;
 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color:#245959;
  width: 95%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 29px;
}


/*------katze--------------------*/
/*------katze--------------------*/
input[type=checkbox] {
	transform: scale(2);
	margin-top: 24px;
	vertical-align: middle;
	border-style: solid;
	border-color: #245959;
	border-size: 2px;
}

#checkboxdiv
{
border-color: #245959;
	border-size: 2px;
	border-style: solid;
	width: 60px;
	height: 60px;
}


.css-warnschild {
    display: inline-block;
    width: 200px;
    height: 170px;
    background-color: orange; 

    font-family: serif;
    font-size: 7em;
    line-height: 200px;
    text-align: center;
}