@media  (max-width: 959px) and (min-width: 720px) {
	#container { width: 720px; }
}

@media  (max-width: 719px) and (min-width: 480px) {
	#container { width: 480px; }
}

@media  (max-width: 479px) {
	#container { box-sizing: border-box; width: 100%; }
	#container { height: 40px; }
}

body { 
	color:#fff; 
	font-size: 12px; 
	font-family: Verdana; 
}

a:link {
    color: #fff;
	text-decoration: none;
}

a:visited {
    color: #fff;
	text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

a:active {
    color: #fff;
    text-decoration: underline;
}

#container {
	height:500px;
	width:360px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-360px 0 0 -400px;
}

#karte {
    width: 360px;
    margin: 0px;
    text-align: center;
}