/* CSS Document */
html, body {
font-family : Arial, Helvetica, sans-serif; 
font-size:9pt;
padding:0;
margin:0; 
background:#009252;
} 

a{
	color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-decoration:underline;
	} 

/* ---------------------------------- */
/* grundgeruest */
div#page {
	width:845px; 
	height:400px;
	
}

a img {
	border:0;
}

#header {
width:843px; 
height:75px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#F47920;
/*background-image:url(../images/headerimg.jpg);
background-repeat:no-repeat; */
}

#header2 {
background-color:#009252;padding-top:10px;
width:843px; 
}

h2 {font-size:15px;
	margin-bottom:13px;
	margin-top:13px;}

h3 {
	margin-bottom:5px;
}

#nav {
float: left;
width: 180px;
background-color : #009252;
}

#sidebar {
float:left;
width:232px;
background-color : #009252;
margin-left:6px;
margin-top:2px;
color:white;
height:100%;
}

.right2 {
	background-image:url("../images/nav_bg.gif");
	margin-left:4px;
	width:222px;
	border:1px solid #F47920;
	margin-bottom:8px;
	padding:4px;
	line-height:18px;
	font-size:10pt;
	
}

.right2_background {
  	background-image:url("../images/nav_bg.gif");
  	margin-left:4px;
	width:232px;
	border:1px solid #F47920;
	margin-bottom:8px;
	padding:4px;
	line-height:18px;
}

.right2 a {
	color:white;
}

.right2_ohne {
margin-left:4px;
width:202px;
border:1px solid #ffffff;
}


#footer {
clear: left;
padding: 0px;
width:860px;
background-color : #009252;
}

div#map_div { 
	margin-top:1px;
	margin-bottom:0px;
	width:570px;
	height: 550px;	
	border: 0px solid black;	
	overflow:hidden;
	color:black;
	z-index:8;	
}

.button {
	background: transparent;
    background-image:url(../images/search_button.gif);	
    width:28px;
    background-repeat: no-repeat;
 	background-position: center left;
 	border: solid 0px #000000;
}



#poi_infolayer {
    position: absolute;
	top:60px;
	left:380px;
    width:  440px;     
    padding: 10px;
    border: 1px solid #009252;
    background: #FFF;
	color: #333;
	/* font: bold 14px Arial; 
	 * height:350px; */
    z-index: 79;
	height:480px;
	
	
}

/* für alle vernünftigen browser */
#poi_infolayer {
 overflow-y: auto; 
 }

/* für Opera */
html:first-child>body #poi_infolayer { 
 overflow: auto;
 overflow-y: hidden; 
}

/* exploder V6 only */
* html #poi_infolayer {
 overflow-y: scroll; 
}

/* exploder V7 only */
*+html #poi_infolayer {
 overflow-y: scroll;
}




#list {
     
    padding: 10px;
  
	/* font: bold 14px Arial; 
	 * height:350px; */
    z-index: 79;
	height:204px;
	
	
}

/* für alle vernünftigen browser */
#list {
 overflow-y: auto; 
 }

/* für Opera */
html:first-child>body #list { 
 overflow: auto;
 overflow-y: hidden; 
}

/* exploder V6 only */
* html #list {
 overflow-y: scroll; 
}

/* exploder V7 only */
*+html #list {
 overflow-y: scroll;
}


ul {
	margin-top:3px;
}



/* IE CSS Hack */

* html #nav { 
    margin-right: -3px; 
} 

* html #sidebar { 
    margin-left: -3px; 
} 

* html #content { 
    margin: 0 183px;
    display:inline-block;     
	padding-left:0px;
	padding-right:0px;
} 

/* Ende IE CSS Hack */


div#top_frame {   
   position:absolute; 
   top:20px; 
   left:70px; 
   width: 650px;
   height:500px;   
   z-index:1000;
   overflow: auto;
   height: 450px;		
   background-color: white;	
   border:2px solid #01713D;     
   padding:5px; 
   font-size:13px;
   background-image:url("../images/innen_raute_bg2.jpg");
}

div#top_frame[id] {
   position: fixed;
}

div#full_comment a{
   color:black;   	
}

div#picture_viewer a{
   text-decoration:underline;
   color: #01713D;
}

.upload_window {
   position:fixed; 
   background-color: #025832;	
   top:60px; 
   left:80px; 
   width: 450px;
   height:300px;
   border:2px solid white;    
   z-index:100;      
   padding:5px;
}

.upload_window a{
  color:white;
}

div#loginform {
   margin-left: 5px;
   width:170px;  
}


#navigation
{
	margin-left:5px;
	width:170px;
	border-width:1px;
	border-style:solid;
	border-color:#F47920;
	position:relative;
	z-index:1;
}

#menusearch
{
	margin: 0px;
	background-image:url(/bilder/homepage/nav_bg.gif);
	width:170px;	
	padding-bottom: 5px;
	padding-top: 5px;
}

#menusearch ul { 
list-style: none;
margin: 0;
padding: 0;
}

li.navpunkt1 {
	border-bottom: 1px solid white; 
	padding-bottom: 2px;
	color:white;
	
}

li.navpunkt2 {
	margin-left:2px;
}

#menu a
{
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px;
	display: block;
}
#menu ul {
	list-style-type: none; 
	margin: 0px; 
  	padding: 0px; 
	font-size:12px;
	font-weight: bold;
}

#searchbox {
	width:170px;
	margin-top:10px;
	margin-left:5px;
	
	border-width:1px;
	border-style:solid;
	border-color:#F47920;
}


/*
a:link { font-size:8pt; font-family:Arial,Helvetica,sans-serif; color:#F47920; text-decoration:none; font-weight:bold }    
a:visited { font-size:8pt; font-family:Arial,Helvetica,sans-serif; color:#F47920; text-decoration:none; font-weight:bold }
a:active { font-size:8pt; font-family:Arial,Helvetica,sans-serif; color:#F47920; text-decoration:none; font-weight:bold }
a:hover {text-decoration : underline; color: #F47920;}

a:link.navpunkt {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF;text-decoration:none;font-weight:bold;margin-left:5px;}
a:visited.navpunkt {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF;text-decoration:none;font-weight:bold;margin-left:5px;}
a:active.navpunkt {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF;text-decoration:none;font-weight:bold;margin-left:5px;}
a:hover.navpunkt {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF;text-decoration:none;font-weight:bold;margin-left:5px;}

a:link.navpunkt2 {margin-left:8px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:bold;}
a:visited.navpunkt2 {margin-left:8px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:bold;}
a:active.navpunkt2 {margin-left:8px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:bold;}
a:hover.navpunkt2 {margin-left:8px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:bold;}

a:link.navpunkt3 {margin-left:20px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:visited.navpunkt3 {margin-left:20px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:active.navpunkt3 {margin-left:20px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:hover.navpunkt3 {margin-left:20px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}

a:link.navpunkt4 {margin-left:35px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:visited.navpunkt4 {margin-left:35px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:active.navpunkt4 {margin-left:35px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}
a:hover.navpunkt4 {margin-left:35px;font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#000000;text-decoration:none;font-weight:normal;}

a:link.link_fett {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF; text-decoration:none;font-weight:bold;}
a:visited.link_fett {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF; text-decoration:none;font-weight:bold;}
a:hover.link_fett {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF; text-decoration:none;font-weight:bold;}
a:active.link_fett {font-family : Arial, Helvetica, sans-serif; font-size: 8pt; color:#FFFFFF; text-decoration:none;font-weight:bold;}
*/

.player {
border-width:1px;
border-style:solid;
border-color:#F47920;
margin:2px;
background-color:#FFF;
width:590px;
float:left;
margin-left:10px;
color:#333;

}

.player_header
{
font-family :Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#ffffff;
font-weight:bold;
background-image:url("../images/headline_bg.gif");
height:22px;
width:586px;
padding-left:4px;
padding-top:4px;
}

.player_content {
padding:0px;
background-color:#ffffff;

}

.player b.title{
	font-size:20px;		
}

div#poi_viewer {
   margin-top:0px;	
   border-top:0px solid white;
   padding-top:3px;
}

div#map_item { 
	width:540px;
	height: 330px;	
	border: 1px solid white;		
	color:black;
}

div#pointlist { 
	width:540px;
	padding: 1px 7px 2px 6px;
	border: 0px solid white;	
	margin-left:8px;
	font-size:13px;
	line-height:17px;
}

div#hitlist{
	line-height:19px;
}

div#item {
	padding: 5px 7px 2px 6px;
}

div#pointlist b{ 
	font-size:13px;
}

#poiinfo {
	margin-top:3px;
	padding:2px;
	background-image:url("../images/innen_raute_bg2.jpg");
	background-repeat: no-repeat;
}

div#poiinfo a{
   color:#01713D;;
}

div#content {
    margin:2px;
	padding:4px;
	background-image:url("../images/innen_raute_bg2.jpg");
	background-repeat: no-repeat;
	background-color:white;
	width: 585px;
	min-height:500px;
	margin-left:250px;
	z-index:2;
}

div#content a{
   color:#01713D;
}

div#content_title {
	margin-top:12px;
	margin-bottom: 18px;
   	font-size:24px;
   	margin-bottom:12px;	
}

div#content_sidebar {
   float:right; 
   width:214px; 
  /* min-height:510px;   */
   margin-left:5px; 
   padding-left:7px;    
   border-left: 1px dashed white;	
   border-bottom: 1px dashed white;	
}

div#content_sidebar h2{
   font-size:16px;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:6px;
}

div#content_sidebar a img{
  border:1px solid white;
}

div#content_main {	
  /*  min-height:510px;	 */
 
}

div#content_main h2{
   font-size: 16px;
   margin-bottom:1px;   
}

div#content_main hr {
	width:150px; 
	background:white; 
	border: white; 
	height: 1px; 
	color:white; 
	margin-left:0px; 
	margin-bottom:12px; 
	margin-top:8px;
}

div#content_main ul {	
	margin-left:12px; 	
	/*list-style-type: none; */
	margin-top:1px;
    padding: 2px; 
}

div#content_main ul li{	
	margin: 0px; 
    padding: 3px; 
}

div#content_main a.large {
font-weight:bold; font-size:13px;
}
div#news { 
	position: absolute;
	left: 9px;
	top: 8px;
	width:587px;
	min-height: 560px;	
	border: 0px solid white;		
	color:white;
	overflow:hidden;
	z-index:100; 	
}

div#picture_viewer {   
   position:absolute; 
   top:20px; 
   left:50px; 
   width: 560px;
   height:500px;   
   z-index:100;
   overflow: auto;
   height: 450px;		
   background-color: white;	   
   border:2px solid #01713D;     
   padding:5px; 
   font-size:13px;
   background-image:url("../images/innen_raute_bg2.jpg");
   background-repeat:no-repeat;
}

div#picture_viewer[id] {
   position: fixed;
}



.form
{
margin:0px;
}

#menu {
width: 190px; /* set width of menu */
background-image:url(/bilder/homepage/nav_bg.gif);
padding-bottom: 7px;
padding-top: 7px;
color:#FFFFFF;
padding-left:0px;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}


li.navpunkt1
{
	font-weight: bold;
	cursor: pointer;
	display: block;	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:white;
	padding-top:3px;
	padding-bottom:3px;
}

span.navpunkt1
{
	margin-left:5px;

}

li.navpunkt2
{
	margin:0px;
}

li.navpunkt1_ohne
{
	font-weight: bold;
	cursor: pointer;
	display: block;	
	padding: 0px;
	padding-top:2px;
	padding-bottom:2px;
}

/* style, color and size links and headings to suit */
#menu a.navpunkt, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #FFFFFF;
background-image:url(/bilder/homepage/nav_bg.gif);
text-decoration: none;
}

#menu a.navpunkt:hover {
color: #F47920;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul {
position: absolute;
top: 0;
/*left: 100%;  to position them to the right of their containing block */
/* width: 100%; /* width is based on the containing block */
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;z-index:2;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;z-index:2;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;z-index:2;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;z-index:2;}

#loadingMessage {
    position: absolute;
    width:  220px; 
    text-align: center;
    padding: 10px;
    border: 2px solid #009C58;
    background: #FFF;
	color: #666666;
	font: bold 14px Arial;
    z-index: 9;
	left:425px;
	top:300px;	
	
}

div#poi_infolayer_head {
	position: absolute;
	top:33px;
	left:380px;
	height:25px;
	margin-bottom:0px;
	background:#009252;
	width:  440px;     
	color:white;
	padding:4px 6px;;
	border:1px solid white;
}

div#poi_infolayer_head a{	
	color:white;
	font-weight:bold;
	font-size:13px;
}

div#searchform {
	float:right;
	height:15px;
}

.navi {
	margin-top:10px;
}