/* valleybike css */

html,
body
{
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 90%; 
	color: black;
	background: #474747;

}

/* links */

a.a:link    {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 20px; color: black; text-decoration: none; font-weight: bold; padding-left:20px; background: url(../images/blatt1.gif) no-repeat 0px 0px;}
a.a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color:#808080; text-decoration: none; font-weight: bold; padding-left:20px; background: url(../images/blatt1.gif) no-repeat 0px 0px;}
a.a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #808080;  text-decoration: none; font-weight: bold; padding-left:20px; background: url(../images/blatt1.gif) no-repeat 0px 0px;}
a.a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: black;  text-decoration: none; font-weight: bold; padding-left:20px; background: url(../images/blatt1.gif) no-repeat 0px 0px;}
a.a:focus {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: black;  text-decoration: none; font-weight: bold; padding-left:20px; background: url(../images/blatt1.gif) no-repeat 0px 0px;}

a:link    {font-family: Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 20px; color: black; text-decoration: none; font-weight: bold; padding-left:10px;}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color:#808080; text-decoration: none; font-weight: bold; padding-left:10px;}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #808080;  text-decoration: none; font-weight: bold; padding-left:10px;}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: black;  text-decoration: none; font-weight: bold; padding-left:10px;}
a:focus {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: black;  text-decoration: none; font-weight: bold; padding-left:10px;}


/* overall */

#container
{
	position:absolute;
	left:50%;
	top:0px;
	width:700px;
	height:595px;
	margin-left: -350px;
	border-top:0px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	background: #FFFFFF;
}

#header
{
	position:absolute;
	width:700px;
	height:160px;
	background: url(../images/banner.jpg) no-repeat left #B3BDD6;
	border-top:0px solid #000000;
	border-right:0px solid #000000;
	border-left:0px solid #000000;
	border-bottom:1px solid #000000;
	z-index: 1;
}

#navigation
{
	position:absolute;
	top:160px;
	width:148px;
	height:371px;
	margin-left:0px;
	padding-top:8px;
	padding-left:10px;
	padding-right:5px;
	background: #DDE0E7;
	border-top:1px solid #000000;
	border-right:0px solid #000000;
	border-left:0px solid #000000;
	border-bottom:1px solid #000000;
}

#logo 
{
	position:absolute;
	top:160px;
	width:155px;
	height:150px;
	padding-top:10px ;
	padding-left:10px;
	border-top:0px solid #000000;
	border-right:0px solid red;
	border-left: 0px solid #000000;
	border-bottom:0px solid red;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 90%; 
	color: black;
}

#wetter
{
	position:absolute;
	top:160px;
	padding-top:4px ;
	padding-left:5px;
	border-top:1px solid #000000;
	border-right:0px solid red;
	border-left: 1px solid #000000;
	border-bottom:0px solid red;
}

#main
{
	position:absolute;
	top:161px;
	margin-left:163px;
	width:506px;
	height:414px;
	overflow:auto;
	text-align:justify;
	padding:10px 20px 10px 10px;
	border-top: 0px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:0px solid #000000;
	background: #FFFFFF;
}

#buch
{
	position:absolute;
	top:161px;
	margin-left:163px;
	width:526px;
	height:424px;
	overflow:auto;
	padding:10px 20px 10px 10px;
	border-top: 0px solid #000000;
	border-right:0px solid #000000;
	border-left:1px solid #000000;
	border-bottom:0px solid #000000;

}

#adresse
{
	position:absolute;
	top:541px;
	height:44px;
	width:148px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	border-left:0px solid #000000;
	border-bottom:0px solid #000000;
	border-right:0px solid #000000;
	background: #C0C0C0;
}

#links
{
	position:absolute;
	top:161px;
	margin-left:163px;
	width:506px;
	height:414px;
	overflow:auto;
	padding:10px 20px 10px 10px;
	border-top: 0px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:0px solid #000000;
	background: #FFFFFF;
}

#revo
{
	position:absolute;
	top:596px;
	width:232px;
	height:20px;
	margin-left:450px;
	border-top:0px solid #000000;
	border-right:1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom:1px solid #000000;
	background: #DDE0E7;
}