/*********************************************************                                                 
******     P A R C   M E R V E I L L E U X             ***
******    ---------------------------------            ***
******   Classic layout                                ***
******   --------------                                ***
******  - Header with image (nhd01.jpg)                ***
******  - horizontal menu                              ***
******  - content area with image (nbkg.jpg)           ***
******  - right top menu area                          ***
******  - right menu area                              ***
*********************************************************/
html, body {  
   background-color:#D6DEB5;  
   font-family: verdana, arial, geneva, sans-serif;    
   font-size:1.0em;  
}

*{  
   margin: 0px;  
   padding: 0px;  
   list-style-image: none;  
   list-style-position: outside;  
   list-style-type: none;}
/*img, table{  border: none;}*/

h2{  
   color: #006699;  
   margin-bottom:0.6em;
}

h3{  
   color:#0066AA;  
   margin-bottom:0.4em;   
}
/******************************************************
***                  Layout                         ***
******************************************************/

/******* wrapper for the whole stuff *****************/

#wrapper{  
   width: 1000px;  
   display:block;  
   margin-left:auto;  
   margin-right:auto;  
   /*margin-left: 45px;*/  
   margin-top: 12px;
}

/**** wrapper for header, main menu and content ******/

#mainwrapper{  
   width: 760px;  
   height:2000px;  
   float: left;
}

/****** header with Parcbanner ***********************/

#header{  
   position:relative;	  
   height: 150px;	  
   background-image: url("../images/header.jpg");    
   background-repeat: no-repeat;  
}

#logo{	
   width:340px;	
   height:42px;	
   position:absolute;	
   right:0px;	
   bottom:0px;	
   background-image:url("../images/logo_pmb.png");	
   background-repeat: no-repeat;
}

/********* main menu bar *****************************/

#mainmenubar{  
   background-color :#004880;  
   width:100%;  
   height: 18px;  
   color: #FFFFFF;  
   font-size:0.8em;  
   margin-top: 3px;  
   margin-bottom: 3px;
}

/********* startseite ********************************/

#mainmenuleft{  
   float: left;  
   width:120px;  
   padding-left:5px;  
}

/******************************************************
***  Main menu: horizontal layout                   ***
***                                                 ***
*** The top level is displayed horizontally         ***
*** The top level menu items are alway visible      ***
*** The submenu of a top level item is only visible ***
*** when the mouse is hovering over the top level   ***
*** item.                              ****************
*****************************************/

#mainmenu {  
   z-index:100;  
   cursor:pointer;
}

#mainmenu a{  
   text-decoration: none;  
   color: #FFFFFF;  
}

/* the top menu */
#mainmenu  ul{  
   margin: 0;  
   padding: 0;  
   list-style: none;    
   cursor:pointer;
}

/* the top level items */
#mainmenu ul li{  
   float: left;  
   margin-left: 1em;  
   cursor: pointer;  
}  

/* hovering over a top level item */
#mainmenu ul li:hover {  
   font-weight:bold;  
   cursor:pointer;
}

/* a sub-menus block*/
#mainmenu ul li ul{  
   position: absolute;  
   display:  none;  
   /*width: 4.5em;*/  
   white-space:nowrap;    
   background-color:none;      
   padding-top: 10px;  
}

/* hovering over a sub-menus block*/
#mainmenu ul li:hover ul {  
   display: block;  
   z-index:100;
}

/* a sub-menu item */
#mainmenu ul li ul li, #mainmenu ul li ul li a{  
   padding: 0.1em 0.5em;  
   float: none;  
   display: block;  
   color: #004880;  
   font-weight: bold;  
   background-image:url("../images/trans.png");
   /*width: 100px;  */
}

/* hovering over a submenu item: */
#mainmenu ul li:hover, #mainmenu ul a:hover {  
   color: white;  
   background-image:none;
}

#mainmenu ul li ul li ul li{
   display: none;
   
}


/******************************************************
***            Content section                      ***
******************************************************/

/********* wrapper for content and bottommodule ******/
#contentwrapper{	  
   height: 800px;  
   background-image: url("../images/nbkg.jpg");    
   background-repeat: no-repeat;
}

/********* content title *****************************/
#contenttitle{  
   color: #FFFFEF;  
   font-size: 1.5em;  
   padding-left: 2em;  
   padding-top:2em;  
   width:200px;
}

/********* main content ******************************/
#content{  
   position:relative; 		  
   width: 80%;  
   padding-left: 10%;  
   padding-top: 3em;  
}

/********* main content ******************************/
#mainmodule{  
   position:relative;     
   padding-left: 10%;  
   padding-left: 10%;  
   padding-top: 2em;  
}

/******************************************************
***            Right menus                          ***
******************************************************/

/***** wrapper for right menus ***********************/
#rightwrapper{  
   width: 200px;  
   float: left;  
   padding-left: 0.5em;
}

/********* right top menu ****************************/
#righttopmenu{  
   height: 152px;
}

#righttopmenu li{  
   list-style: none;
}

/********* right menu *******************************/
.linktitle{  
   background-color: #004880;  
   color: #FFFFFF;  
   width:100%;  
   height: 20px;  
   font-size: 0.8em;  
   padding-left: 0.2em;
}

#rightmenu{
   
}

#rightmenu  li{  
   list-style: none;
}

.clear{
   clear: both;
}

/********************************************            Hauptseite              ********************************************/

.stdtable td{
 padding-left:5px; 
 padding-right:5px;
}

/* Erster Text  */
.leading-0 {  
   font-size:1em;  
   padding-left:40px;  
   padding-bottom:1em;   
   line-height:1.2em;  
   color: #004880;  
   margin-bottom:3em;
   background-color:#D6DEB5;  
   /*background-image:url("../images/trans.png");  */
   border-radius:10px;     
}

.leading-0 p {  
   padding-top:0.5em;
}

/* weitere Texte */
.item {  
   clear:both;  
   margin-top:20px;  
   padding-top:5px;  
   background-image:url("../images/trans.png");  
   border-radius:10px;  
   line-height:1.2em;
}  

/* Titelzeile für weitere Texte */

.item h2 {  
   font-size:1.1em;  
   border-bottom-style:solid;  
   border-bottom-width:1px;  
   border-bottom-color:#C8E5E5;  
   padding-bottom:3px;
}

.item .readmore{	
   text-align: right;	
   font-size:0.8em;	
   font-weight:bold;	
   padding-right:5px;	
   color: #004880;	
   margin-top:5px;  
   background-image:url("../images/trans.png");
}

.readmore a {	
   color: #004880;
}

/* Image float styles */
.img-fulltext-left {	
   float:left;	
   margin-right: 20px;	
   margin-bottom: 20px;
}

.img-intro-left {	
   float: left;	
   margin-top:-5px;	
   margin-right: 10px;	
   border-style:solid;	
   border-color:white;	
   border-width:1px;
}

.img-fulltext-right {	
   float: right;	
   margin-left: 20px;	
   margin-bottom: 20px;
}

.img-intro-right {	
   float: right;	
   margin-left: 10px;	
   margin-bottom:10px;
}

.googlemap{   
   float:left;   
   clear:left;   
   margin:20px;
}

.pictureframe{
   width:auto;
   border-style:solid;
   border-width:1px;
   border-color:white;
}

.pseudolink{   
   cursor:pointer;   
   font-weight:bold;   
   color: #006699;   
}

/* table: für Ausstellungskalender etc */

.kalender td{   
   font-family: Tahoma, Verdana, Arial;   
   font-size:1em;   padding-left:5px;   
   padding-right:10px;   
}

/* table: Zooschoulprogramm */
.zsp_table {}

.zsp_table  th{
	padding-left:0.5em;
	padding-right:0.5em;	
	font-size:0.8em;
   background-image:url("../images/blue33.png"); 	
	color:white;
}
.zsp_line_e{}
.zsp_line_u {
   background-image:url("../images/trans.png");  
}
.zsp_cell {
	text-align:center;
	font-weight:bold;
}

.honeypot{
	border:none;
	background-color:rgba(255,255,255,0.0);
}