/* Copyright Thomas Schoch, Essen, Germany */

/* height */
::-webkit-scrollbar {
	height: 12px;
}
/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px grey; 
	xborder-radius: 20px;
	background-color:#4D5656;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background-color:#A4A7A9;
	border-radius: 20px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #C5C7C8; 
	border: 2px solid #ccc;
}
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 90%; /* sonst vertikale Scrollbar */
}
body {
	background-color:#4D5656;
}

h1 {
	font-size: 1.2em;
	font-weight: normal;
}
#main {
	xborder: 2px solid green;
	text-align: center;
	padding-top: 20px;
}
#container {
	xborder: 1px solid red;
	margin-top: 20px;
	overflow-x: scroll;
	background-color:#FFFFCC;
}
#content {
	xborder: 1px solid blue;
	white-space: nowrap;
	height: 350px;
	margin-top: 50px;
}
#footer {
	margin-top: 30px;
}
button {
	height: 40px;
	width: 40px;
	border: none;
	border-radius: 40px;
	-webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.5); 
	box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.5);
	background-color: #ccc;
	margin: 0 10px 0 10px;
	padding-top: 3px;
}
button:hover {
	background-color: #fff;
}
.arrow {
	border: solid #444;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 4px;
}
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.glinks {
	margin-top: 20px;
	font-size: 90%;
}
.glinks, #main {
	color: #ccc;
	font-family: verdana,arial,sans-serif;
}
.glinks a:link, .glinks a:visited, .glinks a:hover {
	text-decoration:none;
	color: #ccc;
}
.glinks a:hover {
	text-decoration:none;
	color: #fff;
}

a:link {
     text-decoration:none;
     color:#666633;
}
a:visited {
     text-decoration:none;
     color:#666633;
}
a:hover {
     text-decoration:underline;
     color:#FF0000;
}

.link {
     background-color:#FFFF66;
}

.pic {
     margin-right:60px;
     margin-left:60px;
     margin-bottom:20px;
     text-align:center;
}

td {
     text-align:center;
     font-family:verdana,arial,sans-serif;
     font-size:90%;
     line-height:140%;
     color:#666633;
}

#vpsize { display: none; }
#vpsize { color: yellow; }
@media (min-width: 992px) {
	#vpsize { color: white; }
	::-webkit-scrollbar {
		height: 20px;
	}
	#main {
		padding-top: 50px;
	}
	#container {
		margin-top: 20px;
	}
	#content {
		height: 500px;
		margin-top: 50px;
	}
	h1 {
		font-size: 1.5em;
	}
	td {
	     font-size:70%;
	}
}
@media (min-width: 992px) and (max-height: 900px) {
	#vpsize { color: cyan; }
	#main {
		padding-top: 20px;
	}
	#container {
		margin-top: 20px;
	}
	#content {
		height: 450px;
		margin-top: 50px;
	}
}