/* Holzhof Breitenbach StyleSheet
   Olaf Zies
   Portions
   Last Changes 17.02.2007
*/

/*	Navigation dropdown
------------------------------------------------------------------------------*/

#dropdown-navigation {
	float:left;
	width:150px;
	padding:10px 0px;
	}

#dropdown-navigation ul.nav1st {
	list-style: none;
	width: 140px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	color:#606060;
	background: #fff;
	}
#dropdown-navigation ul.nav1st li {
	position: relative;
	padding: 5px 0px 5px 3px;
	}
#dropdown-navigation ul.nav1st li.active {
	background: #f7f7f7;
	}
#dropdown-navigation ul.nav1st li a,
#dropdown-navigation ul.nav1st li a:link {
	color:#606060;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	position: static;
	z-index: 10;
	}
#dropdown-navigation ul.nav1st li a.current,
#dropdown-navigation ul.nav1st li a.current:link,
#dropdown-navigation ul.nav1st li a:hover {
	color: #008000;
	text-decoration: none;
	}
#dropdown-navigation ul.nav1st li a.folder {
	background-image: url(sub.gif);
	background-position: 93%;
    background-repeat: no-repeat;
	}

/* Fix IE. Hide from IE Mac \*/
* html #dropdown-navigation ul li { float: left; height: 1%; }
* html #dropdown-navigation ul li a { height: 1%; }
/* End */

/* Sub Menu Styles */

#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Anzeigeoption/Position der dropdown-submenüs */
	position: absolute;
/*	left: 85%; */
	left: 130px;
	top: 0;
	display: none;
	}
#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Stil der dropdown-submenüs */
	width: 135px; /* Width of Menu Items */
	margin: 0;
	padding: 5px 0px;
	color:#606060;
	background: #f7f7f7;
	list-style: none;
	border: 2px solid #fff;
/*	border-bottom: 1px solid #fff; */
}
#dropdown-navigation ul.nav1st li ul.nav2nd li {
/*	zusammen mit dem border-bottom (siehe oben)
	entsteht eine komplett geschlossene borderline
	um jeden submenüpunkt	*/
/*	border: 1px solid #fff;
	border-bottom: 0; */
	display: block;
	padding: 0;
	text-decoration: none;
	color:#606060;
	background: #fff;
}
#dropdown-navigation ul.nav1st li ul.nav2nd li a,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:link {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 10px;
	color:#606060;
	background: #f7f7f7;
}
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current,
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {
	display: block;
	text-decoration: none;
	color: #33CC33;
	background: #fff;
}


/* The magic ^^ */
#dropdown-navigation ul.nav1st li:hover ul.nav2nd,
#dropdown-navigation ul.nav1st li.over ul.nav2nd {
	display: block;
	z-index: 20;
}

/* Body - TAGs
*/

body {
margin:0 auto;
padding:0;
font-family: Verdana, Arial, sans-serif;
background-color:rgb(223,235,244);
color:#333333;
  font-size: 11px;
  font-style: normal
}

h1 {
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;
	background: none;
	color: #1C2E73;
	margin: 0;
	padding: 0px 0px 5px 0px;
}

a {
text-decoration:none;
color:#00FF00;
}

a:hover {
text-decoration:underline;
color:#33CC33;
}

a img {
border:0;
}

p {
margin:0px 0px 0px 0px;
}

/* Breadcrumb NAV
*/

#breadcrumb {
color:#333333;
margin:5px auto 5px 5px;
}

#content {
background-color:#ffffff;
color:#333333;
margin:5px auto;
padding:0px 0px;
width:900px;
border: 1px solid rgb(173,207,234);
  size: auto
}

#header {
color:#ffffff;
background:#ffffff url(nurlogo_900.jpg) bottom left no-repeat;
height:168px;
margin:0px 3px 5px 3px;
padding:0px;
  padding-left: 5px;
  padding-right: 5px
}

#search  {
    float:center;
	width:250px;
    color:#333333;
    margin:5px 0px 5px 0px;

    	  }

#logo {
color:#ffffff;
background:#ffffff url(logo_pefc-04-31-0262_4c_140_green.jpg) bottom left no-repeat;
height:161px;
margin:3px 0px 0px 10px;
  }


#header h1 {
font-size:2em;
float:right;
font-weight:normal;
letter-spacing:-2px;
margin:5px;
}

#header a{
color: #ffffff;
}
#header a:hover{
color: rgb(223,235,244);

}
#page h2{
font-size:1.35em;
font-weight:normal;
}

#header h1 a,#header h1 a:hover {
padding:0;
}
#header em{
font-size:0.6em;
font-style:normal;
letter-spacing:2px;
}

#left {
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
}

#left ul {
list-style:none;
width:140px;
margin:0 0 20px 0;
padding:0;
}

#left li a {
font-weight:bold;
height:15px;
text-decoration:none;
color:#222222;
display:block;
border-top:2px solid rgb(173,207,234);
padding:3px;
}

#left li a:hover {
background:rgb(238,244,249);
color:#222222;
border-top:2px solid #555555;
}


#page {
margin:12px 5px 5px 160px;
padding:0;
text-align:left;
}

/* Rendered Headline Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:0px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 0px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}


/* Rotate Slider Formate
*/

#RSliderJS{
				width: 660px;
				height: 500px;
				margin: 0 auto;
			}
#RSliderJSCredit{
				text-align: center;
				font-size: 80%;
				color: #0c2794;
				padding: 1px;
				margin-bottom: 2px
			}
#RSliderJSCaption{
				text-align: center;
				font-size: 90%;
				color: #5c5c5c;
				padding: 1px;
                        }


/* Magazin Layout GFX
*/

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
}

<style type="text/css">
/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: none;
	}
	.renderhead img {
		padding:5px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img {
		display: none;
	}
}
</style>

/* Ausrichtung der Bilder
*/

/* Ausrichtung Links-Rechts */

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: #000000;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: #000000;
}

/* Nicht unbedingt notwendig! */

.galimg
{
	background-color: #CCCCCC;
	border: 5px solid #333333;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 82px;
	width: 102px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 80px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}

/* IMG Bilderpositionierung */

a img,:link img,:visited img {
   border: #FFFFFF
   thin;}

.flLeft {
	float: left;
    	margin: 5px 5px 5px 2px;
}

.flRight {
	float: right;
     	margin: 5px 5px 5px 2px;
}

.flTop {
	float: none;
     	padding-top: 10px;
}

/* Excel Reader BSM  */

.daten {
	/* width: 100%; */
	border-collapse: collapse;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
}
/*
.daten caption {
	margin-top: 130px;
	padding: 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	color: #A5826A;
	background-color: #e8dfd8;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
} */

.daten td {
	border: 1px solid #A5826A;
	padding: 3px;
	/* text-align: center; */
	vertical-align: top;
}

.daten th {
	border: 1px solid #A5826A;
	padding: 8px 3px;
	text-align: center;
	vertical-align: middle;
/*	background-color: #A5826A; */
	background-image:url(bg_excel_tab_head.jpg);
	background-repeat:repeat-x;

	font-weight: bold;
/*	color: #ffffff; */
	color: #A5826A;
}

.daten .caption {
	margin-top: 130px;
	padding: 8px 8px 8px 8px;
	font-size: 1.1em;
	font-weight: bold;
	height:30px;
	color: #A5826A;
	background-image:url(bg_excel_tab_head.jpg);
	background-repeat:repeat-x;
	border: 1px solid #A5826A;
	text-decoration: underline;
	text-align: center;
}

.daten .subtitle td {
	padding: 8px 3px;
	background-image:url(bg_excel_tab_head.jpg);
	background-repeat:repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #A5826A;
	font-weight: bold;
}

.daten .left td {
	text-align: left;
}

.daten .right td {
	text-align: right;
}

.daten tfoot td {
	padding: 8px;
	background-image:url(bg_excel_tab_foot.jpg);
	background-repeat:repeat-x;
	color: #A5826A;
	font-weight: bold;
}


/* Definition der Klassen ohne Rahmen*/

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;

}


/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Bild Plus CSS Definition der KLassen mit  Rahmen (2.Stil) 

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

*/


/* Bild Plus Definition der KLassen mit  Rahmen */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}


 /* Download */

.download-hdl,
.download-file,
.download-desc {
	width: 660px;
    height: 40px;
	margin: 1px 0px;

}

.download-hdl {
	background-color: #809FFF;
	border: 1px solid #3366FF;
    height: 20px;
    font-size: 12px;
    font-weight: bold
}

.download-file {
       background-color: #C6D5FF;
       border: 1px dotted #3366FF;
}


/* Formulare */

#form-module fieldset {
	border: 0px solid #fff;
}

#form-module legend {
	display: none;
}

#form-module p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#form-module .element {
	display: block;
	clear: both;
	background: transparent;

}

#form-module label {
	display: block;
	float: left;
	width: 120px;
    padding: 0px;
}

#form-module label.checkbox {
	width: 372px;
   	border-right: none;
}

#form-module input,
#form-module select,

#form-module textarea {
	float: left;
	width: 295px;
	border: 1px solid #41b81e;
	margin: 3px;
}

#form-module input.text {
	height: 15px;
    border: 1px solid #41b81e;
    }

#form-module input.checkbox {
	width: auto;
	padding: 0;
	border: none;
}

#form-module input.submit {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	background: transparent;
	color: #41b81e;
    width: 150px;
    margin: 2px 2px 2px 270px;
    border: 1px solid #41b81e;


}

#form-module input.submitleft {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	background: transparent;
	color: #41b81e;
    width: 100px;
    margin: 2px 2px 2px 2px;
    border: 1px solid #41b81e;
}

#form-module input.submit:hover {
	background-color: #B3FFB3;
	color: #41b81e;
}

#form-module label.textarea,
#form-module textarea.textarea {
	height: 90px;
}

#form-module-thanks {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #41b81e;
}

/* PopUp BSM - TopBarScript
*/
#topbar{
position:absolute;
border: 1px solid #7D7D7D;
padding: 8px;
background-color: #FFFFFF;
text-align:right;
color: #494949;
width: 555px;
visibility: hidden;
z-index: 50;
border-bottom: 6px solid
}

/* PopUp BSM - TopAngebotPopScript
*/
#topangebot{
position:absolute;
border: 1px solid #7D7D7D;
padding: 6px;
background-color: #FFFFFF;
text-align:right;
color: #494949;
width: 558px;
visibility: hidden;
z-index: 50;
border-bottom: 6px solid
}


/* Portlet */

.tablePortlet {

  padding: 2px;
  margin: 5px;
  border-collapse: collapse;

}
.tablePortlet th {
  padding: 2px;
  font-size: 11px;
  color: #ffffff;
  border: 1px solid #394D9D;
  background-color: #394D9D;
  font-family: verdana, Arial, Helvetica, sans-serif;
}

/* Blockquote */

blockquote {
	background: #f4f4f4;
	color: #0033FF;
	border-left: 5px solid #aab9a8;
	margin: 10px 20px;
	padding: 5px 5px 5px 3px;
}


/* Language Selektor
*/

#language {
	clear: both;
	margin: 0px 3px 0px 3px;
	width: 895px;
	text-align: left;
	color: #FFFFFF;
	background-color: #008000;
	font-size: 0.9em;
}

#lang {
text-align:right;
color:#FFFFFF;
font-size:0.9em;
  font-weight: bold;

}

.breadcrumb {

margin:0px 0px 0px 5px;

}

/* Footer
*/

#foot{
clear:both;
margin:0 auto;
padding:5px 0;
border-top:1px solid rgb(173,207,234);
width:830px;
text-align:center;
color:#555555;
background-color:#ffffff;
font-size:0.9em;
}

/* Footer
*/

#foot{
clear:both;
margin:0 auto;
padding:8px 0;
border-top:1px solid rgb(173,207,234);
width:900px;
text-align:center;
color:#555555;
background-color:#ffffff;
font-size:0.9em;
}

#footer .left
{
position: absolute;
left: 0.2em;
bottom: 0.3em;
}

#footer .right
{
position: absolute;
right: 0.2em;
bottom: 0.3em;
font-weight: bold
}