/*

	Smüddel!
	
	Thanks milov for the scrollbar idea - u rock!

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: CCCCCC;
}

input {
	background-color: CCCCCC;
}

.navigation {
	position:absolute;
	top: 20px;
	left: 20px;
	width: 80px;
	z-index: 10;

	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-size: smaller;
	text-align: left;
	text-transform: lowercase;
	border: 1px dotted #000000;
	margin: 0px;
	padding: 5px;
}

.navigation a {
	text-decoration: none;
	color: #000000;
	margin: 0px 5px 0px 5px;
}

.navigation a:visited {
	text-decoration: none;
	color: #000000;
}

.navigation a:hover {
	text-decoration: none;
	color: #000000;
}

.mainContent {
	width: 500px;

	/*
	margin-right: 40%;
	margin-left: 40%;
	*/

	color: #000000;
	background-color: #FFFFFF;

	position:absolute;
	top:100px;
	left:200px;
	z-index: 10;
	border: 1px dotted #000000;
}

.text {
	text-transform: lowercase;
	text-align: justify;
	padding: 20px;
}

.verberg {
	display: none;
}

.titel {
	position:absolute;
	cursor: hand;
	top: 20px;
	right: 20px;
	width: 200px;

	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: larger;
	text-transform: lowercase;
	text-align: center;
	border: 1px dotted #000000;
	margin: 0px;
	padding: 5px;
}

.pics {
	position:absolute;
	top: 60px;
	right: 40px;
	width: 230px;
	height: 480px;
    
    color: #000000;
	background-color: #FFFFFF;
	border: 1px dotted #000000;
	margin: 0px;
	padding: 5px;
	
	overflow:scroll;
}

.pics img{
	margin-bottom: 5px;
	border: 1px solid #000000;
}

.searchForm {
	position:absolute;
	bottom: 10px;
	left: 10px;
	width: 200px;

}

.bginfo {
	position:absolute;
	bottom: 10px;
	right: 10px;

	font-family: courier;
	font-size: small;
	text-transform: lowercase;
	color: #AAAAAA;
	background-color: inherit;


}