/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   #ff7f00 : orange
   #f9f9f9 : light grey
   #00000 : text

   GLOBAL RESET : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   CLEARFIX-HACK
   INVISIBLE ELEMENTS (remaining readable for Screenreaders) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{position:relative;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"»""«"}
html{font-size:100.01%}
body{font-size:1em}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.invisible{position:absolute;left:-1000em;width:20em}
/* UNCOMMENT FOR HOVER-FIX IN IE6:     * html body { behavior:url("css/csshover2.htc"); } */
* html img  { behavior: url(./files/sitestyle/css/iepngfix.htc) }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */
html { height: 101%; } /* forces each page to have a vertical scrollbar */
body {
  position: absolute;
  width: 100%; min-height: 100%;
  padding: 0 0 1px 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 0.625em;
  line-height: 1.6em;
  background: url(../images/bg_green.gif) repeat-x top right #f9fbf3;    
}
* html body {
 /* code only for MSIE 6 */
}

*+html body {
 /* code only for MSIE 7 */
}

a       { color: #8d3f3a; text-decoration:none; }
a:hover { color: #bd6f6a; }
strong  { font-weight: bold; }
em      { font-style: italic; }


#pagecontent {
  position: relative;
  margin: 25px auto 55px auto;
  padding: 285px 0 0 0;
  width: 97em;
}

#modules {
  width: 72em;
  margin: 0 0 0 2em;
  float: right;
  z-index: 10;
}
#col1 {
  width: 43em;
  padding: 25px 2em 45px 2em;
  margin: 100px 2em 0 0;
  background: #ffffff;
  float: left;
}
#col2 {
  width: 23em;
  margin: 100px 0 0 0;
  float: left;
  overflow: hidden;
}

#modules p, #modules ul, #modules ol {
  font-size: 1.2em;
  line-height: 1.5em;
}

#modules p.Headline_24pt,
#modules h3 {
  font-size: 2.4em;
  line-height: 1.04em;
  margin-bottom: 0.625em;
  font-family: Georgia, 'Times New Roman', serif;
  color: #6e8628;
}
#modules p.Headline_15pt,
#modules h4 {
  font-size: 1.5em;
  line-height: 1em;
  font-family: Georgia, 'Times New Roman', serif;
  color: #6e8628;
}
#modules p.Headline_48pt,
#modules h2 {
  font-size: 4.8em;
  line-height: 0.94em;
  margin-bottom: 0;
  font-family: Georgia, 'Times New Roman', serif;
  color: #6e8628;
}

#col1 ul li,
#col2 ul li {
  list-style-image: url(../images/bullet.gif);
  margin: 0 0 0 1.25em; 
}



.imagelightbox {
  margin: 1em 0 1em 0;
}
.imagelightbox img {
  margin: 0 1em 1em 0;
  border: solid 1px #6e8628;
}


.teaserbox .teasertop {
  display: block;
  background: #ffffff;
  border-top: 1px solid #6e8628;
  border-left: 1px solid #6e8628;
  margin: 0 10px 0 0;
  height: 9px;
}
.teaserbox .teaserright {
  display: block;
  position: absolute;
  top: 0; right: 0;
  background: url(../images/bg_topleft_box.png) no-repeat top right;
  width: 10px; height: 10px;
}
.teaserbox .content {
  border-left: 1px solid #6e8628;
  border-bottom: 1px solid #6e8628;
  border-right: 1px solid #6e8628;
  padding: 0 10px 10px 10px;
  background: #ffffff;
}

#col2 .container {
  margin: 0 0 1em 0;
}
#navigation {
  float: left;
  width: 23em;
  margin: 95px 0 0 0;
  z-index: 10;
}
* html #navigation {
  margin: 100px -1em 0 0;
}


#main_menu li {
  margin: 0.5em 0 0 0;
}
* html #main_menu li {
  margin: 0;
}
#main_menu li a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  background: url(../images/bg_menu.gif) no-repeat top right;
  padding: 0.25em 0.5em;
}
* html #main_menu li a {
  margin: 0 0 -1em 0;
}
#main_menu li a:hover {
  color: #eff3e0;
}
* html #main_menu li ul {
  margin: 1em 0 -0.25em 0;
}

#main_menu li li a {
  color: #8ea648;
  font-size: 1.2em;
  font-weight: normal;
  font-family: Georgia, 'Times New Roman', serif;
  text-transform: none;
  background: none;
}
#main_menu li li.current li a {
  color: #8ea648;
}

#main_menu li li a:hover,
#main_menu li li.current a,
#main_menu li li.current li a:hover,
#main_menu li li.current li.current a {
  color: #5e7618;
}
#main_menu li.current a {
  background: url(../images/bg_menu_hi.gif) no-repeat top right;
}
#main_menu li.current li a {
  background: none;
} 

#main_menu li li {
  border-top: 1px solid #6e8628;
  margin: 0 0 0 0;
  padding: 0.25em 0 0.25em 0;
}
* html #main_menu li li {
  height: auto;
  padding: 0.25em 0 1.5em 0;
}  
#main_menu li li li {
  border-top: none;
  padding: 0 0 0 1em;
}
* html #main_menu li li li {
  margin: 0 0 -0.25em 0;
}  
* html #main_menu li li ul {
  margin: 1.25em 0 0 0;
}  

#main_menu li ul {
  margin: 0;
}

#langswitch {
  position: absolute;
  top: 20px;
  width: 70em;
  height: 1em;
}
#langswitch li {
  display: inline;
  margin: 0 1em 0 0;
}
#langswitch li a {
  text-transform: uppercase;
  color: #6e8628;
  font-weight: bold;
  font-size: 1.2em;
}
#langswitch li a:hover {
  color: #4e6608;
}


#header {
  position: absolute;
  top: 0; left: 0;
  width: 97em; height: 365px;
  padding: 45px 0 0 0;
  z-index: 5;  
}

#logo {
  position: absolute;
  display: block;
  top: 0; right: 0;
  width: 115px; height: 45px;
  overflow: hidden;
}

#headerimage {
  width: 97em; height: 320px;
  overflow: hidden;
}

#footer {
  position: absolute;
  width: 72em;
  bottom: -2em; left: 0;
  text-align: right;
}
#footer a {
  text-transform: uppercase;
  color: #6e8628;
  font-size: 1.1em;
  margin: 0 0 0 1em;
}
#footer a:hover {
  color: #4e6608;
}


#modules #col1 form ul, 
#modules #col2 form ul {
  font-size: 1em;
  margin: 0;
}
#modules #col1 form ul li,
#modules #col2 form ul li {
  padding: 0 0 0.5em 0;
  margin: 0;
  clear: both;
  list-style-image: none;
}
label {
  display: block;
  width: 8em;
  font-size: 1.2em;
  margin: 0 1em 0 0;
  float: left;
}
input, select, textarea {
  font-family: Arial, Helvetica, sans-serif;
  width: 22em;
  padding: 0.25em 0.5em;
  border: 1px solid #6e8628;
  font-size: 1.2em;
  float: left;
}
input:focus, select:focus, textarea:focus {
  background: #f9fbf3;
}
textarea {
  width: 22.25em; height: 10em;
  padding: 0.25em 0.25em 0.25em 0.5em;  
}
select {
  width: 23.2em;
  padding: 0.25em 0.25em 0.25em 0.5em;  
}
input.submit {
  width: 23.2em;
  background: #f9fbf3;
  font-weight: bold;
  color: #6e8628;
}
input.submit:hover {
  background: #6e8628;
  color: #ffffff;
  cursor: pointer;
}
input.warning, textarea.warning, select.warning {
  border: 1px solid #8d3f3a;
}
label.warning {
  color: #8d3f3a;
  font-weight: bold;
}

/* BORDER - SHADOW */

.bg {
  display: none;
  position: absolute;
  width: 16px; height: 16px;
  background-repeat: no-repeat;
  z-index: 1;
}
* html .bg {
  display: none;
}
.tl { top: -16px; left: -16px; background-image: url(../images/bg_shadow_03.png); background-position: top left; }
.t  { top: -16px; left: 0; background-image: url(../images/bg_shadow_05.png); background-position: top left; background-repeat: repeat-x; width: 100%; }
.tr { top: -16px; right: -16px; background-image: url(../images/bg_shadow_07.png); background-position: top right; }
.r  { top: 0; right: -16px; background-image: url(../images/bg_shadow_13.png); background-position: top right; background-repeat: repeat-y; height: 100%; }
.br { bottom: -16px; right: -16px; background-image: url(../images/bg_shadow_18.png); background-position: bottom right; }
.b  { bottom: -16px; left: 0; background-image: url(../images/bg_shadow_17.png); background-position: bottom left; background-repeat: repeat-x; width: 100%; }
.bl { bottom: -16px; left: -16px; background-image: url(../images/bg_shadow_16.png); background-position: bottom left; }
.l  { top: 0; left: -16px; background-image: url(../images/bg_shadow_12.png); background-position: top left; background-repeat: repeat-y; height: 100%; }