html{
	height: 100%;
	margin-bottom: 1px;	
}

body{
	height: 100%; 
	font-family: Times New Roman;
	font-size: 13px;	
	color: #58585a;
	background-color:#ffffff;		
	text-decoration: none;
	word-spacing: normal;
	text-align: left;	
	letter-spacing: 0;
	line-height: 1.4em;
	background-image: url(../images/bre_background.png);	
	background-repeat: repeat-y;
	background-position: center;
}

a{	
	color: #0b89c6;
	text-decoration: none;
	outline: none;	
}

a:active,a:hover{	
	color: #0b89c6;
	text-decoration: underline;
	outline: none;	
}

.gross{	
	text-transform: uppercase; 	
}

#main {
	margin: auto;
	width: 940px;	
}

#content {	
	width: 800px;	
	margin: 35px 25px;
	position: relative;
	left: 50px;
}

#content_left {	
	width: 330px;	
	float:left;	
}

#content_right {	
	width: 450px;		
	margin-left: 350px;
}

#foot {
	width: 800px;	
	background-color:#ffffff;			
	text-align: center;	
	position: relative;
	left: 75px;
}

#head {
	width: 900px;
	height: 240px;	
	background-image:url(../images/bre_start.png);
	background-repeat: no-repeat;	
	position: relative;
	left: 25px;
}

#bike_head {
	width: 900px;
	height: 240px;	
	background-image:url(../images/bre_bike.png);
	background-repeat: no-repeat;	
	position: relative;
	left: 25px;
}

#road_head {
	width: 900px;
	height: 240px;	
	background-image:url(../images/bre_road.png);
	background-repeat: no-repeat;	
	position: relative;
	left: 25px;
}

#nav_area {
	width: 900px;
	height: 26px;			
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#navi {
	width: 900px;
	height: 26px;	
	display: block;
	margin: 0px;
}

ul {
	list-style-type: none;
}

ul.datenschutz {
	list-style-type: disc;
}

#navi a {
	display: block;
	float: left;
	height: 26px;	
	text-indent: -9999px
}

#de {
	margin-left: 50px;	
	width: 20px;	
	background-image: url(../images/de_inaktiv.png)
}

#de.active, #de:hover {
	background-image: url(../images/de_aktiv.png)
}

#cz {
	margin-left: 5px;	
	width: 20px;	
	background-image: url(../images/cz_inaktiv.png)
}

#cz.active, #cz:hover {
	background-image: url(../images/cz_aktiv.png)
}

#bike {
	margin-left: 15px;	
	width: 107px;
	background-image: url(../images/bike.png)
}

#bike.active, #bike:hover {
	background-image: url(../images/bike_active.png)
}

#geocaching {
	margin-left: 15px;	
	width: 106px;
	background-image: url(../images/geocaching.png)
}

#geocaching.active, #geocaching:hover {
	background-image: url(../images/geocaching_active.png)
}

#road_de {
	margin-left: 25px;	
	width: 70px;
	background-image: url(../images/road_de.png)
}

#road_de.active, #road_de:hover {
	background-image: url(../images/road_de_active.png)
}

#road_cz {
	margin-left: 25px;	
	width: 106px;
	background-image: url(../images/road_cz.png)
}

#road_cz.active, #road_cz:hover {
	background-image: url(../images/road_cz_active.png)
}

#start {
	margin-left: 25px;	
	width: 45px;
	background-image: url(../images/start.png)
}

#start.active, #start:hover {
	background-image: url(../images/start_active.png)
}

#impressum {
	position: absolute;
	right: 50px;	
	width: 105px;
	background-image: url(../images/impressum.png)
}

#impressum.active, #impressum:hover {
	background-image: url(../images/impressum_active.png)
}

.impressum_adresse {	
	font-size: 13px;
	width: 350px;	
	float:left;	
}

.clearDiv{
	clear:both;
}

.logo{
	margin-bottom: 25px;
}

.spacer{
	width: 800px;
	height: 20px;
}