/* CSS*/


/* allgemien */

* { margin: 0; padding: 0; }

	
	
	
	/*  
background-image:  url(../img/hg.jpg);
	right template
background-image:  url(../img/hg_wald_w_02.jpg);background:  no-repeat 0 100%;

.bild{
position: absolute;
height: 100%;
overflow: none;
background-image:  url(../img/hg_wald_08_w.png);
background-position: left  top;
 background-repeat:no-repeat;

	
}


 */
 
 

@font-face { 
 
	font-family: 'Oswald', sans-serif;
	font-family: 'Share', cursive;

	font-family: 'Fredericka the Great', cursive;
	font-family: 'Chelsea Market', cursive;
	font-family: 'Bubblegum Sans', cursive;
	font-family: 'Economica', sans-serif;
} 
	
 
@media-print { .hide, .show { display: none; } }

html { height: 100%; font-size: 62.5% }

body {

height: 100%;
overflow: auto; 
background-color:#f4ede3;


text-align: center;
font: 1.3em  "Arial Narrow", Arial,  sans-serif;

	
}



a:link, a:visited {
color: #382917;
text-decoration: none;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

a:link.info, a:visited.info {
color: #cc3300;
text-decoration: none;
font-weight: small;
}

a:hover.info {
text-decoration: none;
}


.noscreen {
display: none;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}



/* Chrome, Safari, Opera  ; 
	
	*/
 #fliegen {
       position:relative; 
	 width: 540px;
    height:50px;
	padding-top: -30px;
margin-left: -224px;
	 z-index:100;
	-webkit-animation: myfirst 8s linear 15s ; /* Chrome, Safari, Opera */
	animation:  myfirst 8s linear 15s  ; 
	
}


 #fliegen_01 {
       position:relative; 
	 width: 140px;
    height:50px;
	margin-top: -170px;
margin-left: 364px;
	 z-index:180;
	-webkit-animation: myfirst_01 14s linear 27s  ; /* Chrome, Safari, Opera */
	animation:  myfirst_01 14s linear 27s  ; 
	
}

 #fliegen_02 {
       position:relative; 
	 width: 120px;
    height:50px;
	margin-top: -170px;
margin-left: 364px;
	 z-index:1580;
	-webkit-animation:  myfirst_02 10s linear 20s  ; /* Chrome, Safari, Opera */
	animation:  myfirst_02 10s linear 20s  ; 
	
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:-110px; top:0px;}
    50%  {background:none; left:-110px; top:-240px;}
    75%  {background:none; left:0px; top:-190px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(1080deg); }
}

/* Standard syntax */
@keyframes myfirst {
       0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:-110px; top:0px;}
    50%  {background:none; left:-110px; top:-240px;}
    75%  {background:none; left:0px; top:-190px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(1080deg); }
}


/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst_01 {
      0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:-130px; top:-130px;}
    50%  {background:none; left:-130px; top:-130px;}
    75%  {background:none; left:-120px; top:-120px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(1080deg); }
}

/* Standard syntax */
@keyframes myfirst_01 {
      0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:-130px; top:-130px;}
    50%  {background:none; left:-130px; top:-130px;}
    75%  {background:none; left:-120px; top:-120px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(1080deg); }
}



/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst_02 {
     0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:110px; top:0px;}
    50%  {background:none; left:120px; top:120px;}
    75%  {background:none; left:0px; top:110px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(1080deg); }
}

/* Standard syntax */
@keyframes myfirst_02 {
      0%   {background:none; left:0px; top:0px;}
    25%  {background:none; left:0px; top:-100px;}
    50%  {background:none; left:-150px; top:-60px;}
    75%  {background:none; left:-70px; top:-40px;}
    100% {background:none; left:0px; top:0px;}
	0% { transform:rotate(0deg); }
		 100% { transform:rotate(720deg); }
}






/* Images */

#sound {  
position:relative; 
top:640px; 
left:155px; 

     }

/* Wrapper */

#wrapper {
width: 1090px;
margin: 0px auto 0 auto;
padding-bottom: 90px;
text-align: left;
background-image:  url(../img/hg_wald_03_final.png); 
background-repeat:no-repeat;
background-position: left  top;

	z-index:100;

}


#hintergrund_01 { position:relative; 
top:-255px; 
left:283px; 
width:64px; 
height:93px;
      z-index:0; 
	  background-color:transparent; } 

#augen { position:relative; 
top:-100px; 
left:100px; 
width:28px; 
height:38px;
      z-index:0; 
	  background-color:transparent; }  


#eule { position:relative; 
top:-240px; 
left:-86px; 
width:48px; 
height:73px;
      z-index:480; 
	  background-color:transparent; }  

#hase { position:relative; 
top:205px; 
left:230px; 
width:120px; 
height:70px;
      z-index:2; 
	  background-color:transparent; }
	  
	  
	  
	#kaefer { position:relative; 
top:223px; 
left:471px; 
width:188px; 
height:88px;
      z-index:2; 
	  background-color:transparent; }  
	  
	  
	#fingerhut_01 { position:relative; 
top:-60px; 
left:420px; 
width:110px; 
height:88px;
      z-index:4; 
	  background-color:transparent; }   
	  
	  	#schmetterling { position:relative; 
top:0px; 
left:0px; 

      z-index:5; 
	  background-color:transparent; }  
	  

/* Headings, paragraphs  background-image:  url(../Bilder/eule_05.gif); 

 padding-top:20px; 
left:0px; 
 background-repeat:no-repeat;   */

.title {

letter-spacing: 1px;
width: 39em;
}

.title-top { background: url('.img/title-top.gif') repeat-x 0 0; }
.title-left { background: url('.img/title-left.gif') repeat-y 0 0 }
.title-right { background: url('.img/title-right.gif') repeat-y 100% 0 }
.title-bottom { background: url('.img/title-bottom.gif') repeat-x 0 100% }
.title-top-left { background: url('.img/title-top-left.gif') no-repeat 0 0; }
.title-top-right { background: url('.img/title-top-right.gif') no-repeat 100% 0; }
.title-bottom-left { background: url('.img/title-bottom-left.gif') no-repeat 0 100%; }
.title-bottom-right { background: url('.img/title-bottom-right.gif') no-repeat 100% 100%; }

.title p {
color: #FFFFFF;
margin: 4px 0 0 21px;
padding-bottom: 12px;
}

h1 { 
font: normal 1.8em "Yanone Kaffeesatz", "Arial Narrow", Arial, sans-serif;

color: #004F8B;
padding-top: 25px;
margin-left: 20px;
}

h1.oswald { 
font:  normal 1.8em 'Bubblegum Sans', Arial, "Arial Narrow",  serif;
letter-spacing: 0px;

}
h1.bio { 
font: normal 1.6em 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
color: #cc3300;
padding-top: 10px;
margin-left: 10px;
}





h1 a:link, h1 a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

h1 span {
color: #FFB849;
}

h2 { 

font: normal 1.3em 'Bubblegum Sans', oswald,"Yanone Kaffeesatz", "Arial Narrow", Arial, sans-serif;
color: #444404;
letter-spacing: 0px;
background: url('..img/h2-bg.gif') no-repeat 0 53%;
padding-left: 18px;
margin-bottom: 5px;

}

h2.impressum { 

font: normal 1.3em 'Bubblegum Sans', oswald,"Yanone Kaffeesatz", "Arial Narrow", Arial, sans-serif;
color: #444404;
letter-spacing: 0px;
background: url('..img/h2-bg.gif') no-repeat 0 53%;
padding-top: 10px;
margin-left: 10px;

}


p.umbruch   {
white-space:nowrap;
}

h2.oswald { 
font:   'Yanone Kaffeesatz', Arial, "Arial Narrow",  serif;
color: #004F8B;
letter-spacing: 0px;
background: url('.img/h2-bg.gif') no-repeat 0 53%;
padding-left: 25px;
margin-bottom: 7px;


}

h2.lotte{ 
font: normal 1.5em 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
color: #cc3300;
letter-spacing: 0px;
background: url('.img/h2-bg.gif') no-repeat 0 53%;
padding-left: 12px;
margin-bottom: 7px;





}

h2.luise{ 
font:   'Yanone Kaffeesatz', Arial, "Arial Narrow",  serif;
color: #ff9900;
letter-spacing: 0px;
background: url('.img/h2-bg.gif') no-repeat 0 53%;
padding-left: 25px;
margin-bottom: 7px;





}

.olink{ 

font: normal 0.9em  "Arial Narrow", Arial, sans-serif;letter-spacing: 0px;
color:  #cc3300;/* #004F8B; */
}

h3 {  
font:  'Yanone Kaffeesatz', Alsina, Arial, "Arial Narrow",  serif;
color: #006699;
letter-spacing: 0px;
background: url('.img/h2-bg.gif') no-repeat 0 53%;
padding-left: 20px;
margin-bottom: 3px;
}


/*  */


ul.menu{ 
font: normal 1.3em 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
font-weight: bolder;
padding-top: 0 px;
margin-left: 20px;
list-style-type: none;


}


ul.menu li {  
font-weight: bolder;
font-style: normal;
font:  'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
text-shadow: 1px 1px 1px #ffedd8;
background: url(../img/schild_menue.png);
background-repeat:no-repeat;
background-position:50% -3px; 
padding-top: 10px;

margin-left: 20px;
}

ul.menu li a, ul.menu li a:visited {
font: 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
font-weight: normal; 
text-decoration: none;

}

ul.menu li a:hover, ul.menu li a.active {
font:  'Yanone Kaffeesatz', Alsina, Arial, "Arial Narrow",  serif;
color: #cc3300;
}

ul.menu li.first{
font:   'Yanone Kaffeesatz', Alsina, Arial, "Arial Narrow",  serif;
background: url(../img/schild_menue_01.png);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;

}

ul.menu li.second { 

background: url(../img/schild_menue_02.png);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
color: rgba(0, 0, 0, 0);
}


ul.menu li.third {
font:   Arial, "Arial Narrow",  serif;
background: url(../img/schild_menue_03.png);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
color: rgba(0, 0, 0, 1);
}


ul.menu li.fourth {
font:  Arial, "Arial Narrow",  serif;
background: url(../img/schild_menue_04.png);
color: rgba(0, 0, 0, 1);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
}

ul.menu li.fifth {
background: url(../img/schild_menue_05.png);color: rgba(0, 0, 0, 1);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
}

ul.menu li.sixth {
background: url(../img/schild_menue_06.png);color: rgba(0, 0, 0, 1);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
}

ul.menu li.last {
background: url(../img/schild_menue_06.png);color: rgba(0, 0, 0, 1);
background-repeat:no-repeat;
background-position:50% -3px; 
height:30px;
}

#wrap {
      font: 1.3em/1.3 Alsina, Arial, sans-serif;
      width: 30em;
      margin: 0 auto;
      padding: 1em;
	  text-decoration: none;
      background-color: #fff; }
  
.more {
      display: none;
      border-top: 0px solid #666;
	  text-decoration: none;
      border-bottom: 1px solid #666; background: #fff;
  padding: 10px 15px;
 /* showhide 
  border: 1px solid #fff;
  color: #063E4C;
    border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border: 5px 5px 0 0;*/
	  
	  }
a.showLink, a.hideLink {
      text-decoration: none;
      color: #006699;font: 0.85em/0.85 Arial, "Arial Narrow", sans-serif;
      padding-left: 8px;
	  text-decoration: none;
      background: transparent url(down.gif) no-repeat left; }
a.hideLink {white-space:nowrap;
      background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
      border-bottom: none; }


/* showhide */

          #cont {display: none; }
          .show:focus + .hide {display: inline; }
          .show:focus  + #cont {display: inline;}+ .hide
 @media print { .hide, .show { display: none; } }

/* Content box

      .show {display: none; }
      .hide:focus + .show {display: inline; }
      .hide:focus { display: none; }
      .hide:focus ~ #list { display:none; }
      @media print { .hide, .show { display: none; } }
  
 */


/* Content box */

.content {
background-image:  url(../Bilder/eule_06.gif);
background-repeat:no-repeat;
background-position:94px 138px;
padding-top: 220px;/* 200 - das menü in höhe manipulieren*/
width: 880px;/* 850*/
margin: 30px auto 0 auto;
}

.column-left {
float: left;
width: 165px;
text-align: center;
color: #FFFFFF;
}

.column-left h3 {
font: normal 1.5em Arial, "Arial Narrow", sans-serif;
margin: 10px 0 7px 0;
letter-spacing: 1px;
}

.column-right {
padding:10 10 10 10px;
margin: 0 0 0 180px;
width: 650px;
}

/* Content box */
.box-top {
background: url('.img/box-top.gif') no-repeat 0 0;
height: 10px;
z-index:144; 
}

 /* Content box */
.box {
background: url('.img/box-bg.gif') repeat-y 0 0;z-index:154; 
}

.box-in {
background: rgb(250, 250, 250);
background: rgba(250, 250, 250, 0.7);
padding: 2em 2em 0em 2em;
margin: 0 em 0em 5em;z-index:164; 

}
.box-in_01 {
background: none;


padding: 2em 2em 18em 2em;
margin: 0 5em 0em 5em;z-index:174; 

}

.box-in_02 {
background: none;
position:relative; 
top: -330px; 

padding: 0em 0em 0em 2em;
margin: 0 0em 0em 5em;
z-index:175; 

}


.box-in_03 {
background: rgb(250, 250, 250);
background: rgba(250, 250, 250, 0.7);
position:relative; 
top: -320px;


padding: 2em 2em 18em 2em;
margin: 0 5em 0em 5em;z-index:184; 

}

.box-in p {
line-height: 1.6;
margin: 0 0 10px 5px;
color: #242424;
}

.box-in h1 {

margin: 0 0 0px 0px;

}


.box-bottom {
background: url('.img/box-bottom.gif') no-repeat 0 100%;
height: 348px;margin-bottom: 100px ;
}

ul.main-list {
list-style-type: none;
margin: 14px 0 20px 25px;
}

ul.main-list li {
line-height: 1.3;
margin-bottom: 12px;
color: #004F8B;
background: url('.img/bullet.gif') no-repeat 0 0;
padding-left: 27px;
}


#ausgabe { 
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:absolute;
    font-family: 'arial narrow', arial, 'trebuchet ms',sans-serif;
    font-size: 9pt;
    color: #59544b; 
    width:530px;            /* Bildbreite */
    height:530px;           /* Bildhöhe */
    overflow:hidden;        /* ein Bild */
    list-style:none;
 } 
  

#ausgabe li {
  width:520px;            
  height:540px;
  margin:0;
  padding:0;
  list-style:none; 
 }

 
#ausgabe li a {
  margin:0;
  padding:0;
  display:inline;
  color: #59544b; 
  text-decoration:none;/* underline pfeil ausschalten */
}
  
#ausgabe li img {
    border:none;
    display:inline;
    margin:0;    /*     auto;   -----    Hochformat zentrieren--------------- */
    list-style:none;
}

input[type="text"] {
  background-color: #fafafa;
  cursor: pointer;
  font-family: 'trebuchet ms','arial narrow', arial, sans-serif;
  font-size: 8pt;
  color: #59544b; 
  border: 1px solid #b7bad1;
}


input[type="submit"] {
  background-color: #fafafa;
  cursor: pointer;
  font-family:   'trebuchet ms','arial narrow', arial, sans-serif;
  font-size: 8pt;
   color: #59544b; 
  border: 1px solid #b7bad1;
}

input[type="reset"] {
  background-color: #fafafa;
  cursor: pointer;
  font-family:  'trebuchet ms','arial narrow', arial, sans-serif; 
  font-size: 8pt;
  color: #59544b; 
  border: 1px solid #b7bad1;
}


textarea[type="text"] {
  background-color: #ffffff;
  cursor: pointer;
  font-family:  'trebuchet ms','arial narrow', arial, sans-serif;
  font-size: 8pt;
  color: #59544b; 
  border: 1px solid #b7bad1;


}

input, textarea {
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  font-family: 'trebuchet ms','arial narrow', arial, sans-serif;
  font-size: 8pt;
  color: #59544b; 
 }




/**

*/

nav { margin: 0px 0 20px 60px;
  width: 1000px;
  height: 46px;
} 

#site_content { 
  width: 1000px;
  overflow: hidden;
  margin: 0px 0 20px 60px;
  padding: 0 0 10px 0;
} 

#sidebar_container { 
  float: right;
  width: 224px;
}

.sidebar { 
  float: right;
  width: 230px;
  margin: 0 0 17px 0;
  background: #FFF;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
}
  /* 
.sidebar h3, .content h1 { 
  background: #eee;
  padding: 10px 15px;
  font-size: 170%;
  border: 1px solid #fff;
  color: #063E4C;
    border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border: 7px 7px 0 0;
}


Configuration of menu width */
html body ul.sf-menu ul, html body ul.sf-menu ul li {
  width: 180px;
  float: left; 
  
 
  
}

html body ul.sf-menu ul ul {
  margin: 0 0 0 180px;
}


/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu, ul.sf-menu * {
  margin: 0;
  padding: 0;
}

ul.sf-menu {
  display: block;
  position: relative; 
  font: 1.2em 'Bubblegum Sans', "Arial Narrow", Arial,  sans-serif; 
  }

ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}

ul.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

ul.sf-menu a {
  display: block;
  position: relative;
}

ul.sf-menu ul {
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}

ul.sf-menu ul a {
  zoom: 1; /* IE6/7 fix */
}

ul.sf-menu ul li {
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}

ul.sf-menu ul ul {
  top: 0;
  margin: 0 0 0 150px
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
  left: auto;
}

ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 0;
  display: block;
  background: url(../images/images/arrows-black.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow {
  right: 12px;
  top: 7px;
  background-position: 0 100%;
}

/* Theming the menu */
ul#nav {

font: 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
margin-left: 5px;
list-style-type: none;


}
/* Theming the menu */
ul#nav li.current a {
color: #cc3300;


  }
 


ul#nav ul {
  background: #fffff;  

}
 ul#nav li  {
 font: 'Bubblegum Sans', oswald, "Arial Narrow", Arial, sans-serif;
 background: url(../img/schild_menue_09.png);
 background-repeat:no-repeat;
 background-position: 0px;
padding-top: 0 px;
width: 85px; 
		
  }

  ul#nav li a {
 
  font-style: normal;
  font-weight: nopmal;



padding-top: 20px;
margin-left: 20px;



 }
   

  

ul#nav li a:hover, ul#nav li a:focus {
color: #cc3300;
}
/* 
ul#nav li ul li a {
  margin-right: 0;
  border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -webkit-border: 0 0 0 0;
}
*/
span.sf-arrow {
  top: 15px;
  right: 5px;
  background-image: url(../images/arrows-white.png);
}

ul ul span.sf-arrow {
  right: 12px;
  top: 15px;
}









   div.tabseite {
    display: table;
    width: 550px; 
	
    float: left;
  
    }
	
     
    div.tabseite > div {
    display: table-row;
    }
     
    div.tabkopf {
    display: table-cell;
    height: 60px; 
    vertical-align:bottom;
	
    }
     
    div.tabinhalt {
		border-bottom:1px dotted #707070;
	display: table-cell;    
	height: 20px;  
	width: 80%;
	vertical-align:bottom;  
	padding:16px 3px 2px 3px;
	
    }
    
	
	
    div.tabfuss {
    display: table-cell;
    height: 50px;
    }











/* partial opacity hack: configuration */
.opacity { 
	opacity: 0.5;		/* modern browser */
	-moz-opacity: 0.5;	/* older Mozilla browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */
	filter:alpha(opacity=50); /* IE5.x -7.0 */
} 

/* partial opacity hack, part I: Don't change the following properties! */
.opacity-wrapper,
.opacity-wrapper * {
	position:relative;
}

.opacity { 
	/* partial opacity hack, part II: Don't change the following properties! */
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
} 

/* partial opacity hack, part III: IE6 support */
* html .opacity-wrapper { 
	overflow:hidden;
}
* html .opacity { 
	width: 2000px; 
	height: 2000px;
} 


/* footer */


.footer {
	position:fixed;
	bottom: 0;
	right:5%;
	width: 100%;
	height: 300px;
	background: none;
	border: 0px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: right;
	width: 300px;
	z-index:1000;
}

.footer a {
	color: #36C;
	text-decoration: none;
}

.footer a:hover {
	color: #06F;
	text-decoration: none;
}

.footer .left, .footer .right {padding: 0px 0px;}
.footer .right, .footer .right a {color: #AAA;}
.footer .right a:hover {color: #666;}

/* Footer 

.footer-info-left, .footer-info-right {
font-size: 0.8em;
color: #626262;
position: relative;
top: -7px;
display: inline;
}

.footer-info-left {
float: left;
margin-left: 17px;
}

.footer-info-right {
float: right;
margin-right: 40px;
}

.footer-info-left a, .footer-info-left a:visited, .footer-info-right a, .footer-info-right a:visited {
font-weight: normal;
color: #626262;
}
*/