.row {
/*	max-width: 66.875em; */ 
	max-width: 80.0em; 
	max-width: 1280px; 
}

#content1 {
	width:77%;
}

#startbild {
	clear:left;
	border: 1px solid #aaa;
	text-align: center;
	padding:0px 0px 10px;
}

#startbild .ueber {
	font-weight:bold;
	background-color: #eee;
	padding:5px 0px 10px;
}

footer section.legal .links div li {
	padding-left:9px;
}

div#map {
    width: 100%;
    float:left;
}

div#control {
	min-width:100px;
    float:left;
    width:100%;
}

div#control div {
	padding: 0px 30px 10px 0px;
	float:left;
}

#smart {
	display:inline;
	width:100%;
}
#smart button {
	padding:5px;
	margin:5px 10px 20px 5px;
	width:20%;
}

#legende {
	 clear:left;
}

#legende table {
    border-collapse: collapse;
	padding:0;
	margin:0;
	width: 100%;
	border: 0px solid #000;
	}

#legende table.uvi td {
    text-align:center !important;
	width: 6.58%;
	}

#legende .u0 {
	background-color: #000000;
	border: 1px solid #000;
}
#legende .u1 {
	background-color: #4eb400;
	border: 1px solid #000;
	}
#legende .u2 {
	background-color: #a0ce00;
	border: 1px solid #000;
	}
#legende .u3 {
	background-color: #f7e400;
	border: 1px solid #000;
	}
#legende .u4 {
	background-color: #f8b600;
	border: 1px solid #000;
	}
#legende .u5 {
	background-color: #f88700;
	border: 1px solid #000;
	}
#legende .u6 {
	background-color: #f85900;
	border: 1px solid #000;
	}
#legende .u7 {
	background-color: #e82c0e;
	border: 1px solid #000;
	}
#legende .u8 {
	background-color: #d8001d;
	border: 1px solid #000;
	}
#legende .u9{
	background-color: #ff0099;
	border: 1px solid #000;
	}
#legende .u10 {
	background-color: #b54cff;
	border: 1px solid #000;
	}
#legende .u11 {
	background-color: #998cff;
	border: 1px solid #000;
	}
#legende .u12 {
	background-color: #d58cbc;
	border: 1px solid #000;
	}
#legende .u13 {
	background-color: #eaa8d3;
	border: 1px solid #000;
	}
#legende .u14 {
	background-color: #f4c8e5;
	border: 1px solid #000;
	}


#legende table.dosis td {
    text-align:left; 
	width: 10.96%;
	border: 0px solid #000;
	}

#legende table.dosis td.dd0 {
    text-align:right; 
}

#legende .d0 {
	background-color: #000000;
	border: 1px solid #000;
	
	background: -webkit-gradient(linear, 0 0, 0 to right, from(#000000), to(#0032ff));
    background: -webkit-linear-gradient(to right, #000000, #0032ff);
    background: -moz-linear-gradient(to right, #000000, #0032ff);
    background: -ms-linear-gradient(to right, #000000, #0032ff);
    background: -o-linear-gradient(to right, #000000, #0032ff);
    background: linear-gradient(to right, #000000, #0032ff);
}
#legende .d1 {
	background-color: #0032ff;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#0032ff), to(#00b4a0));
    background: -webkit-linear-gradient(to right, #0032ff, #00b4a0);
    background: -moz-linear-gradient(to right, #0032ff, #00b4a0);
    background: -ms-linear-gradient(to right, #0032ff, #00b4a0);
    background: -o-linear-gradient(to right, #0032ff, #00b4a0);
    background: linear-gradient(to right, #0032ff, #00b4a0);
}
#legende .d2 {
	background-color: #00b4a0;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#00b4a0), to(#00ff00));
    background: -webkit-linear-gradient(to right, #00b4a0, #00ff00);
    background: -moz-linear-gradient(to right, #00b4a0, #00ff00);
    background: -ms-linear-gradient(to right, #00b4a0, #00ff00);
    background: -o-linear-gradient(to right, #00b4a0, #00ff00);
    background: linear-gradient(to right, #00b4a0, #00ff00);
	}
#legende .d3 {
	background-color: #00ff00;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#00ff00), to(#009600));
    background: -webkit-linear-gradient(to right, #00ff00, #009600);
    background: -moz-linear-gradient(to right, #00ff00, #009600);
    background: -ms-linear-gradient(to right, #00ff00, #009600);
    background: -o-linear-gradient(to right, #00ff00, #009600);
    background: linear-gradient(to right, #00ff00, #009600);
	}
#legende .d4 {
	background-color: #009600;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#009600), to(#ffff6e));
    background: -webkit-linear-gradient(to right, #009600, #ffff6e);
    background: -moz-linear-gradient(to right, #009600, #ffff6e);
    background: -ms-linear-gradient(to right, #009600, #ffff6e);
    background: -o-linear-gradient(to right, #009600, #ffff6e);
    background: linear-gradient(to right, #009600, #ffff6e);
	}
#legende .d5 {
	background-color: #ffff6e;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#ffff6e), to(#f6be09));
    background: -webkit-linear-gradient(to right, #ffff6e, #f6be09);
    background: -moz-linear-gradient(to right, #ffff6e, #f6be09);
    background: -ms-linear-gradient(to right, #ffff6e, #f6be09);
    background: -o-linear-gradient(to right, #ffff6e, #f6be09);
    background: linear-gradient(to right, #ffff6e, #f6be09);
	}
#legende .d6 {
	background-color: #f6be09;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#f6be09), to(#ff321e));
    background: -webkit-linear-gradient(to right, #f6be09, #ff321e);
    background: -moz-linear-gradient(to right, #f6be09, #ff321e);
    background: -ms-linear-gradient(to right, #f6be09, #ff321e);
    background: -o-linear-gradient(to right, #f6be09, #ff321e);
    background: linear-gradient(to right, #f6be09, #ff321e);
	}
#legende .d7 {
	background-color: #ff321e;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#ff321e), to(#ff96ff));
    background: -webkit-linear-gradient(to right, #ff321e, #ff96ff);
    background: -moz-linear-gradient(to right, #ff321e, #ff96ff);
    background: -ms-linear-gradient(to right, #ff321e, #ff96ff);
    background: -o-linear-gradient(to right, #ff321e, #ff96ff);
    background: linear-gradient(to right, #ff321e, #ff96ff);
	}
#legende .d8 {
	background-color: #ff96ff;
	border: 1px solid #000;

	background: -webkit-gradient(linear, 0 0, 0 to right, from(#ff96ff), to(#ffc6ff));
    background: -webkit-linear-gradient(to right, #ff96ff, #ffc6ff);
    background: -moz-linear-gradient(to right, #ff96ff, #ffc6ff);
    background: -ms-linear-gradient(to right, #ff96ff, #ffc6ff);
    background: -o-linear-gradient(to right, #ff96ff, #ffc6ff);
    background: linear-gradient(to right, #ff96ff, #ffc6ff);
	}

.tab {
		white-space:nowrap;
}

.btnown {
	background-color: white;
	border:solid 1px #000;
	padding:5px;
	margin: 0 3px;
	min-width: 40px;
}

.btnown:hover {
	background-color:#2d4b9b;
	color: white;
}

.btnactive {
	background-color:#2d4b9b;
	color: white;
}

.btninactive {
	background-color:white;
	color: black;
}

.displaynone {
	display: none;
}

.tabelle {
	padding:5px;
}

#ort table {
    border-collapse: collapse;
	margin: 5px;
	padding:0px;
	width:50%;
	border: 1px solid #ccc;
	box-shadow: 3px 3px #ccc;
}

#ort table th {
	text-weight:bold;
	border: 1px solid #ccc;
}

#ort tr.ungerade {
	background-color: #eeeeee44;
}

#ort table td {
	border: 1px solid #ccc;
}

#ort td.uvval {
	text-align: center;
}


#cop {
	padding-right: 30px;
	padding-bottom: 50px;
	float: left;
}


#overlay1 {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
}

#popup1 {
    width: 80%;
    height: auto;
    height: 80%;
    padding: 30px;
    position: relative;
    background: #fff;
    margin: 20px auto;
    overflow-y:scroll;
}

#close1 {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #000;
}

#trigger {
	text-decoration:underline;
    cursor: pointer;
	float:right;
} 

footer a:hover, footer a:visited {
	color: white;
}

footer a:hover {
		text-decoration: underline;
}
   
body.startseite main {
    margin-top: -285px;
}

.map {
	padding-top:10px;
}

#nav:not(.hide) ul.level-1 {
	padding-right:100px;
}

footer ul {
	padding-right: 100px;
}   

/* Buttons onfocus */
#smart button:focus, #param div button:focus, #map div div button:focus, a#trigger:focus, div[role="link"]:focus, footer a:focus, select:focus, input[type="submit"]:focus {
	border: solid 2px orange;
}

footer a:focus {
	color:white;
	text-decoration:none;
}

.noscript {
	font-weight:bold;
	border: 2px solid #000;
	padding:10px;
	text-align:center;
	background-color: #eee;
}


/********************************************/

@media screen and (max-width: 1170px) {
	#nav:not(.hide) ul.level-1 {
	padding-right:0px;
	padding-left:80px;
	}
}

@media screen and (min-width: 1023px) and (max-width:1169px) {
	#nav:not(.hide) ul.level-1 {
	padding-right:0px;
	padding-left:290px;
	}
}

@media screen and (max-width: 820px) {
	#nav:not(.hide) ul.level-1 {
		padding-left:60px;
	}
}

@media screen and (max-width:600px) {
	#smart {
		display:inline;
	}
	#smart button {
		padding:5px;
		margin:5px;
		width:100%;
	}
	#param {
		white-space:nowrap;
	}

}

@media screen and (max-width:500px) {
	#ort th, td {
		hyphens: auto;
 		font-size:0.7em;
	} 		
	footer ul {
		padding-right: 0px;
	}
		
}

@media screen and (max-width:400px) {

	#legende td {
 		font-size:0.7em;
 		}

}