@charset "utf-8";
/* ä */
	body, table {margin: 0; padding: 1.5em; background: url(img/bg.png) #fff no-repeat; font-family: Arial,Helvetica,sans-serif; font-size: 12px;}
	h1, h2, h3, h4, h5, h6 {margin-top: 0;}
	a, a:link, a:hover, a:visited {text-decoration: none;}
	#page a, #page a:link, #page a:hover, #page a:visited {text-decoration: none; color: #fff;}
	#content a, #content a:link, #content a:visited {text-decoration: underline; color: #fff; font-weight: bold;}
	#content a:hover {text-decoration: underline overline; color: #ddd; font-weight: bold;}
	.pages a, .pages a:link, .pages a:hover, .pages a:visited {text-decoration: none; color: #fff;}
	
	h1 {font-size: 3em; padding: 1em 0; text-align: right;}
	#content {margin: 0; padding: 0 1em 1em 1em; background-color: #000080; border-top: 2px solid #dd0;
border-left: 2px solid #dd0;
border-right: 2px solid #dd0;	
 color: #fff; }

#content .newsBox h3 {background: #008000; padding: 4px;}
#content .newsBox p {padding: 4px;}
#content .newsBox {margin: 0 0 1em 0; border: 2px solid #dd0;}
#content .newsBox h3 .ga {margin: 0pt; float: left; width: 80%;}
#content .newsBox h3 .gd {text-align: right; display: block;}	
	

	#navigation h2 {display: none;}


	#navigation ul {margin: 0; padding: 2em 0 0 0;text-align: right;}
	#navigation ul li {list-style: none;
/*	background: url(Sinnbild_Radfahrer.png) #000080 1px 2px no-repeat; */
border-top: 2px solid #dd0;
border-left: 2px solid #dd0;
border-right: 2px solid #dd0;	
display: inline; margin: 0; padding: 10px 0 2px 0 ;}

	#navigation ul a{
	padding-left:38px;
	padding-right:3px;
	padding-top:10px;
    text-decoration: none; font-weight: bold;
    border-bottom: 2px solid #dd0;
    color: #fff;
	background: url(Sinnbild_Radfahrer_g.png) #008000 1px 2px no-repeat;
  }
#navigation ul a:hover, #navigation ul span{
    padding: 10px 3px 2px 38px;
    text-decoration: none; font-weight: bold;
    border: none;
    color: #fff;
	background: url(Sinnbild_Radfahrer.png) #000080 1px 2px no-repeat;
  }
	
	
	#footer {background-color: #000080;
border-bottom: 2px solid #dd0;
border-left: 2px solid #dd0;
border-right: 2px solid #dd0;
margin: 0;
color: #fff;
padding: 1em;
	}
	h6 {font-size: 0.8em; font-weight: normal;}
	#page {margin-left: 150px; padding:0; border: none; width: 800px;}
	
div.newsBox  img, div.guestbookEntry img { vertical-align: middle;}
div.newsBox .zoomImage, div.newsBox .simpleImage { margin-right:10px;margin-bottom:10px;vertical-align:text-top; border: 2px solid #dd0; }
div.newsBox .jszoomImage { vertical-align:text-top; border: 2px solid #dd0; }
.l {float:left;}
.r {float:right;}

div.newsBox .lupe { background: url(img/lupe.png) bottom right no-repeat; }
div.infownd  {width:300px; height:150px;overflow:auto; color: #000; background-color: #fff;}
div.infownd  h3 {margin:0 0 4px 0; color: #000;}
div.infownd  p {color: #000;}
#page .infownd a, #page .infownd  a:link, #page .infownd  a:hover, #page .infownd  a:visited {text-decoration: underline; color: #008;}


fieldset div.in
{
	margin: 0;
	padding: 0.25em 0;;
}

.fw
{
	width: 30em;
}
.sw
{
	width: 6em;
}
.mw
{
	width: 314px;
}

form fieldset div label
{
	display:block;
	float:left;
	font-weight:bold;
	margin-right:0.5em;
	padding-right:0.5em;
	position:relative;
	text-align:right;
	width:16em;
}

div.pages {padding-bottom: 2em; font-weight: bold; clear: both;}
div.pages * {display: block; margin-right: 0.4em; float: left; padding: 0.25em 0.5em; border: 2px solid #dd0;}
div.pages a {text-decoration: none; background: #080;}
div.pages a:hover {text-decoration: none; background: #008;}
div.pages span {background: #008;}
div.pages span.spacer {border: none;}

#content .guestbookEntry {margin: 1em; border: 2px solid #dd0; width: 46%; min-height: 150px; float: left;}
#content .guestbookEntry h3 {background: #080; padding: 0.5em; font-size:1em; margin: 0;}
#content .guestbookEntry p {padding: 0.5em; height: 120px; overflow: auto; margin:0;}
#content .guestbookEntry .ga {margin: 0pt; float: left; width: 230px;}
#content .guestbookEntry .gd {text-align: right; display: block;}


/* Allgemeine Einstellungen Zoomimage */
a.zi
{
  text-decoration:none;
  display:block; 
  position:relative;
  margin-bottom:10px;
}

/* Landscape (Querformat)*/
a.lc
{
  width:200px;
}

/* Portraie (Hochformat)*/
a.po
{
	width: 150px;
}

/* Rechts orientiert */
a.ro
{
  float: right;
  margin-left:10px;
  margin-right:4px;
}

/* Links orientiert */
a.lo
{
  float: left;
  margin-right:10px;
}


a.zi span.zoom-icon{
  position: absolute;
  right:3px;
  bottom: 3px;;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.zi span.zoom-icon img{
  border: none;
}
a.zi:hover span.zoom-icon{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;

}




a.gallerypic
{
  width:200px;
  text-decoration:none;
  display:block; 
  position:relative;
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}

a.gallerypic span.zoom-icon{
  position: absolute;
  right:3px;
  bottom: 3px;;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.gallerypic span.zoom-icon img{
  border: none;
}
a.gallerypic:hover span.zoom-icon{
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;

}

.listnojs
{
	overflow: auto;  height: 150px;
	margin: 0;
	padding: 0;
}
.listnojs li
{
	background: #ccc;
	width: 100px;
	float: left;
	padding: 3px;
	margin: 2px;
	border: 1px solid #000;
	list-style-type: none;
}

.listnojs li img
{
	background: #fff;
	padding: 1px;
	border: 1px solid #008;
}

.listnojs li label img {width: 96px; height: 96px; display: block;}