/* CSS layout */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }
span { border: 0; }
* {
	margin: 0;
	padding: 0;
}
/* ----- normal LINK ----- */
a:link, a:visited {
	font-size: 11px;
	color: #616060;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #fff;
	text-decoration: none;
}
.selected {
	color: #fff;
	font-size: 12px;
}
/* begin STYLES */
html {
	background: #ccc;
	color: #ccc;
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
}
#container {
	margin: auto;
	overflow: hidden;
	width: 900px;
}
#navTop {
	position: relative;
	height: 20px;
	padding-top: 20px;
	text-align: right;
}
/*
#navTop ul {
	text-align: right;
	margin-top: 20px;
	padding: 5px 0 5px 0;
}*/
#navTop li {
	display: inline;
	line-height: 17px;
	margin: 0;
	padding: 0;
}
#navTop span {
	padding: 0 4px 0 5px;
	color: #fff;
}
#homeContent {
	width: 898px;
	height: 510px;
	border: 1px solid border-color:black;
	background-image: url(../_images/_grau_herbst.jpg);
	border: 1px solid #000;
	text-align: left;
}
#content {
	width: 898px;
	height: 510px;
	border: 1px solid border-color: black;
	background: #fff;
	border: 1px solid #000;
	text-align: left;
}
.navMain {
	background-color: #9ad368;
	float: left;
	width: 150px;
	height: 358px;
	color: #000;
}
.navMain ul {
	margin-top: 20px;
	line-height: 17px; 
	padding-left: 5px;
}
#mainContent {
	position: relative;
	float: left;
	padding: 0;
	width: 748px;
	height: 358px;
	font-size: 12px;
	color: #000;
}
#bottomContent {
	position: relative;
	clear: both;
	padding: 0;
	text-align: center;
	top: 0;
}
#bottomContent img {
	height: 144px;
}
#footer {
	text-align: right;
}
img {
	float: left;
}
.borderTop {
	border-top: 8px solid black;
}
.borderRight {
	border-right: 8px solid black;
}
.borderBottom {
	border-bottom: 8px solid black;
}
.borderLeft {
	border-left: 8px solid black;
}
img.logo {
	border: 1px solid #000;
	margin: 5px 10px 18px 5px;
}
.right {
	position: absolute;
	right: 0px;
}
img.left {
	position: absolute;
	left: 0px;
}
.fahrrad {
	height: 127px;
	left: 0px;
	position: absolute;
	top: 243px;
	width:777px;
}
.textCenter {
	width: 310px;
	float: left;
}
.textCenter li {
	padding: 6px 5px 0 5px;
	margin-left: 5px;

}
.textCenter p {
	padding: 5px;
	margin: 5px;
}

.clear {
	clear: both;
}
.fRight {
	float: right;
}
.title {
	font-size: 14px;
	color: #6666cc;
	margin: 5px 5px 10px 5px;
}
.betonung {
	text-align: center;
	float:left;
}
.betonung table, .textCenter table {
	/*height: 144px;*/
	vertical-align: middle;
}
h1 {
	font-size: 14px;
	color: #6666cc;
	font-weight: bolder;
}
.lila {
	color:  #6666cc;
}
.moreFotos a:link, .moreFotos a:visited {
	font-size: 10px;
	color: #6666cc;
}
.moreFotos a:hover {
	font-size: 10px;
	color: #000;
}
.moreFotos a:active {
	color: #000;
}
.spacer {
	width: 1px;
	height: 1px;
}
/* KONTAKT */
#contactForm {
	display: none;
}
#contact {
	background-color: #313131;
	color: #99CC66;
	font-size:14px;
	padding:10px;

}
.contactForm {
	background-color: #313131;
	color: #99CC66;
	font-size:14px;
	padding:10px;
}
.contactAdress {
	color: #99CC66;
	font-size:14px;
	padding-top:10px;
}
.contactAdress a {
	color: #99CC66;
	font-size:14px;
}
form {
   /*background-color: #eee;*/
   width: 470px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
}
form label {
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
   width: 470px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
}
textarea {
   height: 7em;
}
input#absender:focus,
textarea:focus {
   /*background-color: #d9d9d9;*/
}

/**** IMPRESSUM *****/
.impressum {
	background-color: #313131;
}
.impressContent {
	background-color: #313131;
	color: #99CC66;
	font-size:14px;
	padding:10px;
}
.impressContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.impressContent ul {
	float: left;
	margin-right: 25px;;
}
.wiwu {
	height: 189px;
	width: 370px;
	float: left;
}
.smallText {
	font-size: 10px;
	color: #fff;
	text-align: left;
	padding: 18px;
	margin-left: 225px;
}
.impressum a:link, .impressum a:visited {
	color: #99CC66;
	font-size: 14px;
	text-decoration: none;
}
.impressum a:hover {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}
.impressum a:active {
	color: #99CC66;
	text-decoration: none;
}
.kalle {
	font-size: 10px;
}
.kalle a:link, .kalle a:visited {
	font-size: 10px;
}
.kalle a:hover  {
	font-size: 10px;
}

#contact {
	background-color: #313131;
}
.contactForm {
	background-color: #313131;
	color: #99CC66;
	font-size:14px;
	padding:10px;
}