/* Presentation Stylesheet */ 

body {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
  font-size: 0.90em;
  background-color:#fefef9;
  background: url(images/bg.gif);
  color: #000;
  margin: 0px;
  padding: 25px;
  min-height: 101%;
  
}


/********** PHOTO ALbum ***************************************/

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}

/********** LINKS *****************************************************************************************/
A:LINK  {    font-size: 0.90em; font-family: Arial, Helvetica }
A:VISITED {    font-size: 0.90em; font-family: Arial, Helvetica; text-decoration: underline }
A:HOVER   { color: black;   font-size: 0.90em; font-family: Arial, Helvetica; text-decoration: underline; }
A:ACTIVE {   font-size: 0.90em; font-family: Arial, Helvetica; text-decoration: underline }

/********** CONTENT  *******************************************************************************************/
p {line-height: 1.5em};
ul,dd,dt { line-height: 1.5em;}
br{line-height: 0.45em;};

br{line-height: 0.45em; font-family: "Courier New", Courier, monospace;};

strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

.acronym{
	letter-spacing: .075em;
	font-weight: bold; 
	font-family: "Courier New", Courier, monospace;
	cursor: help;
	text-align: center;
	border-bottom: 1px dashed #c00;
}

blockquote { 
	color: #444; 	
	padding: 0 0 0 0;
	margin: 0.5em 0.5em 0.5em 0.5em;
	text-align: justify;
	
}

#block { 
	color: #444; 	
	padding: 0.5em 0.5em 0.5em 0.5em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid #000;
	
}

#weblinks { 
	color: #444; 
	padding: 0 0 0 0;
	margin: 0em 1em 1em 0em;	
	border-bottom: 1px dashed #c00;
	text-align: left;
}

.ok {color:green; font-weight: bold; }
.error {color:red; font-weight: bold; }

/********** Tabellen  *******************************************************************************************/

TABLE {
  border-collapse:collapse; 
  margin-bottom: 0.50em; padding: 0.50em;
  width:95%;
}

TH {
	color: #000000;
	background: #f8f8f8;	
	font-weight: bold;
	border-bottom: silver 1px solid;
	border-spacing:0px;
}

TD {
	border-spacing:0px;
}

/********** Überschriften *******************************************************************************************/
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.55em; 
	color: #000; 
	margin: 0.75em 0.0em 0.0em 0.25em; 
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	padding-left: 0.45em; 
	border: 1px #ddd solid;
	border-left: 8px #008000 solid;	
	background: #f8f9f5; 	
 }
 
h2 {
  font-family: "Courier New", Courier, monospace; 
  FONT-SIZE: 1em;
  font-weight:bold;
  COLOR: #000; 
  LINE-HEIGHT: 1.25;
  border-bottom: 1px #999 solid;
  background: #efefef;
  
  margin: 0.0em 0.80em 0.80em 0.0em;  
  
  padding-top: 0.25em; 
  padding-left: 0.25em;
  padding-bottom: 0.25em;
  
}

h3 {
  font-family: "Courier New", Courier, monospace; 
  font-size: 1.00em; 
  color: #000; 
  margin: 0.25em 0.25em 0.25em 0.25em;  
  padding-top: 0.35em; 
  padding-left: 0.45em;
  padding-bottom: 0.35em;
  border-bottom: 1px #ddd dashed;
  font-weight:bold;
}

h4 {
  font-size: 0.85em; 
  color: #999; 
  margin: 0.75em 0.25em 0.75em 0.25em;  
  padding-top: 1em; 
  font-weight:bold; 
  border-bottom: 1px #ddd solid;
}

h3.menue {
  font-size: 1em;
  font-weight: small;
  margin: 4px; 
  padding: 2px; 
  color: #08487e;
  background: #f8f9f5;
  border-bottom: 2px solid #008000;
}

/********** Formulare  *******************************************************************************************/

input{
text-align: left;
}

.wobinich{
  margin: 6px; padding: 0px;
}

.infobox{
	color: #444; font-size: 0.85em;
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #AF0000 solid;
	padding: 1em 1em 1em 1em;
	margin: 0 1em 1em 1em;
}

#infobox{
	color: #444; font-size: 0.95em;
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #AF0000 solid;
	padding: 1em 1em 1em 1em;
	margin: 0 1em 1em 1em;
}

#imgbox{
	color: #444;
	background: #f8f8f8;	
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	width: 95%;
	display: table;
	border:1px solid #e9e9e9;
	border-left: 4px #cccccc solid;	
}

#imgbox img {
color:black;
background:#ffffff;
padding:1px 1px 1px 1px;
text-align:left;
border-top:1px solid #837c6b;
border-right:1px solid #837c6b;
border-bottom:1px solid #837c6b;
border-left:1px solid #837c6b;
}

/* Textformatierung*/

.titel{
  font-size : 18px;
  font-family:  Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
  font-weight:bold;
  text-align: justify;	
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
  background: url(http://www.der-rhoen-fuehrer.info/portal/images/gps.gif) 0px 5px no-repeat #f8f9f5;
  padding-left: 30px; padding-top: 5px; padding-bottom: 5px;
  margin-top: 10px; margin-bottom:10px;
}

.teaser{
  font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
  font-weight:bold;
  text-align: justify;
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
  background: url(http://www.der-rhoen-fuehrer.info/portal/images/bullet1.png) 2px 2px no-repeat #f8f9f5;
  padding-left: 20px; padding-top: 0px; padding-bottom: 0px;
  margin-top: 10px; margin-bottom:10px;
}

.text{
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

/* Auflistung der ausflugsziele */

.spalten#inhalt LI {
   list-style-type: none;
   color: #2B4157; 
   background-color: #f8f9f5;
   text-decoration: none; 
   font-weight: bold;
   width: 188px;
   float: left; 
   border: 1px dashed #989898;
   padding: 5px;
   margin: 5px; 
   text-align: center;      
}


/* Menue righter auf den Seiten*/

#righter { 
  font-size : 12px;
  color: #2B4157; 
  margin-top:10px; margin-bottom: 10px;
  
}

#righter ul { 
  list-style-type: none;
  text-transform: uppercase;
  padding: 0px; margin: 1px;
  border-bottom: 2px solid #008000;
  background: #f8f9f5;
  
}

#righter li { 
  display: inline;
  list-style-type: none; 
  font-weight: bold; 
  color: #08487e;
  margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;  
  padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px;
  text-align: center;
}

#righter li a {
   color: #2B4157; text-decoration: none; 
}

#righter li a:hover {
   color: #2B4157; font-weight: bold; background-color: #fff;  
}

#righter li a:active {
   color: #999999; font-weight: bold; text-decoration: underline; 
}

/* Ausflugsziele Infobox bei mousover*/

#box a:hover {
border-top:0px solid #999999;
border-right:0px solid #999999;
border-bottom:0px solid #999999;
border-left:0px solid #999999;
}

#box a .info {
display:none;
text-decoration: none; 
text-align: justify; 
}

#box a:hover .info {
color:black;
background:#ffffff;
font:12px courier,sans-serif;
display:block;
position:absolute;
top:40pxauto;
right:280px;
padding:5px;
width:250px;
text-align:left;
border-top:2px solid #837c6b;
border-right:2px solid #837c6b;
border-bottom:2px solid #837c6b;
border-left:2px solid #837c6b;
}


/* Mods */

.mods {

	font: courier,sans-serif;
	color:black;
	padding:5px;
	border-top:2px solid #867c6b;
	border-right:2px solid #867c6b;
	border-bottom:2px solid #867c6b;
	border-left:2px solid #867c6b;

}


/* Bilder Album */
.kasten1 {
	font: courier,sans-serif;
	TEXT-ALIGN: left;
	BORDER-RIGHT: #777 5px solid; 
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	BORDER-LEFT-COLOR: #777; 
	PADDING-BOTTOM: 8px; 
	BORDER-TOP-STYLE: solid; 
	BORDER-TOP-COLOR: #777; 
	PADDING-TOP: 8px; 
	BORDER-BOTTOM: #777 5px solid; 
	BORDER-LEFT-STYLE: solid; 
	BACKGROUND-COLOR: white;
	
}

.kasten2 {
	TEXT-ALIGN: center;
	BORDER-RIGHT: #777 5px solid; 
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	BORDER-LEFT-COLOR: #777; 
	PADDING-BOTTOM: 8px; 
	BORDER-TOP-STYLE: solid; 
	BORDER-TOP-COLOR: #777; 
	PADDING-TOP: 8px; 
	BORDER-BOTTOM: #777 5px solid; 
	BORDER-LEFT-STYLE: solid; 
	BACKGROUND-COLOR: white
}

#imgbox {	
	font: courier,sans-serif;
	TEXT-ALIGN: center;
	BORDER-RIGHT: #777 5px solid; 
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	BORDER-LEFT-COLOR: #777; 
	PADDING-BOTTOM: 8px; 
	BORDER-TOP-STYLE: solid; 
	BORDER-TOP-COLOR: #777; 
	PADDING-TOP: 8px; 
	BORDER-BOTTOM: #777 5px solid; 
	BORDER-LEFT-STYLE: solid; 
	BACKGROUND-COLOR: white;
}

#imgbox img{	
	color: #444;
	background: #f8f8f8;	
	padding: 2px 2px 2px 2px;
	border: 1px #000 solid; 
}

#imgbox shadow{	
	color: #444;
	background: #f8f8f8;	
	padding: 2px 2px 2px 2px;
	border: 1px #000 solid; 
}

.img {	
	MARGIN: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px; 
}

.img2 {	
	BORDER: #000 1px solid;
	MARGIN: 2px 2px 2px 2px;
}

.imgtext {	
	MARGIN: 0px 0px 4px;
	font: 0.75em sans-serif,courier;
	font-weight: bold;
}


#topnavbox{
	background: #f8f8f8;
	padding: 5px;
	margin: 0px;

}

#topnav {
	FLOAT: left;	
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	MARGIN: 0px 0px 0px 0px;
	WIDTH: 100%;
	BORDER-BOTTOM: 1px solid #989898;
}
#topnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 2px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
	
}
#topnav LI {
	BORDER-RIGHT: #c7c3c2 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c7c3c2 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; FONT: bold 0.9em "Lucida Grande", Verdana, Geneva, Arial, sans-serif; BORDER-LEFT: #c7c3c2 1px solid; WIDTH: 7em; PADDING-TOP: 0px; BORDER-BOTTOM: #c7c3c2 0px; TEXT-ALIGN: center
}
#topnav A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #f8f9f5; PADDING-BOTTOM: 2px; COLOR: #4d4b4a; PADDING-TOP: 2px; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#topnav LI A:hover {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #f7f3c2; PADDING-BOTTOM: 2px; COLOR: #4d4b4a; PADDING-TOP: 2px; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

/* Tabellen Layout */

div.basis{
	padding: 10px;
	width: 90%;
	border: 1px solid #989898;
	BACKGROUND: #fff;
	text-align: center;
}

div.reihe {
	margin: 5px;
	padding: 5px;
	border: 2px solid #898998;
	BACKGROUND: #fff;
}

div.links {
	display: table;
	FONT: bold 0.67em "Lucida Grande", Verdana, Geneva, Arial, sans-serif; 
	float: left;
	width: 20%;
	BACKGROUND: #fff;
}

div.right {
	display: table;
	float: left;
	width: 90%;
	border-right: 1px solid #898998;
	BACKGROUND: #f7f3c2;
}

/********** Tooltip  ***************************************/
a.tooltip {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:10px; margin-left:8px; width:250px; text-align:justify;}
a.tooltip:hover span{display:inline; position:absolute; border:2px solid #fa0000; background:#ffffff; color:#6c6c6c;}