﻿@import url(http://fonts.googleapis.com/css?family=Tinos);

html, body, p, h1, h2, h3, h4, h5, h6 {
  margin:0;padding:0;
}

html, body {
  height:100%;
  min-height:100%;
}
a img {
  border:0;
}

body {
  background-color:#fff;
  
  font-family: "Tinos", Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  line-height:20px;
  color:#233825;  
}

h1 {
  font-size:28px;
  line-height:30px;
  font-weight:bold;
}

h2 {
  font-size:18px;
  line-height:36px;
  font-weight:normal;
}

h3 {
  font-size:20px;
  line-height:30px;
  font-weight:bold;
}

a {
  color:#00720a;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
  color:#00a40f;
}

.center {
  width:960px;
  margin:auto;
}

#top {
  background-image:url(gfx/topbg.png);
  background-repeat:repeat-x;
  height:135px;
  overflow:hidden;
}

#top.forside {
  background-image:url(gfx/topbgstor.png);
  background-repeat:repeat-x;
  height:415px;
  overflow:hidden;
}

#nav {
  background-image:url(gfx/menubg.png);
  height:47px;
  margin-bottom:-7px;
  background-repeat:repeat-x;
  background-position:top center;
}

#body {
  background-image:url(gfx/bodybg.png);
  background-repeat:repeat-x;
  background-position:bottom;
  background-color:#fff;
}

#bund {

  background-image:url(gfx/bundbg.png);
  background-repeat:repeat-x;
  background-position:top;
  background-color:#535353;
  color:#222222;
  font-size:11px;
  line-height:14px;
  text-shadow:1px 1px 1px #777777;
}

#bund a {
  color:#222222;
  text-decoration:none;
}

#top .logo {
  background-image:url(gfx/topbanner.png);
  width:960px;
  height:130px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
}

#top .slideshow {
  background-image:url(gfx/flashbg.png);
  width:1014px;
  height:280px;
  overflow:hidden;
  position:relative;
  margin:0px -27px;
}

#top .slideshow .slides {
  position:absolute;
  top:15px;
  left:47px;
  width:920px;
  height:250px;
  overflow:hidden;
  z-index:2;
}

#top .slideshow .mask {
  width:920px;
  height:250px;
  position:absolute;
  top:15px;
  left:47px;
  background-image:url(gfx/flashmask.png);
  z-index:3;
}

#top .slideshow .slide {
  width:920px;
  height:250px;
  position:relative;
}

#top .slideshow .slide .text {
  position:absolute;
  top:160px;
  left:10px;
  width:410px;
  height:60px;
  background-image:url(gfx/flashtextbg.png);
  color:white;
  padding:10px;
}

#top .slideshow .slide .text_nobg {
  position:absolute;
  top:160px;
  left:10px;
  width:410px;
  height:60px;
  xxxbackground-image:url(gfx/flashtextbg.png);
  color:white;
  padding:10px;
}

#top .slideshow .prev {
  width:35px;
  height:64px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  position:absolute;
  left:3px;
  top:108px;
}

#top .slideshow .next {
  width:35px;
  height:64px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  position:absolute;
  left:978px;
  top:108px;
}

/* 
  LEVEL ONE
*/
#nav ul                         { position: relative;list-style-type:none;margin:0;padding:0; }
#nav ul li                      { float: left; zoom: 1; margin:0;padding:0;}
#nav ul a:hover                { color: #603913; }
#nav ul li a                    { display: block; padding:5px 23px;color: #603913; text-decoration:none; text-shadow:1px 1px 1px #f5eada;text-transform:uppercase; }
#nav ul li.hover,
#nav ul li:hover                { position: relative; }

/* 
  LEVEL TWO
*/
#nav ul ul             { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 15px; }
#nav ul ul li           { font-weight: normal; background: #dfc296; color: #603913; 
                    border-bottom: 1px solid #b69d73; border-top: 1px solid #f0e1c9; float: none; }
#nav ul ul li.hover,
#nav ul ul li:hover        { background-color:#e8d4b5; }                    
                    
                                    /* IE 6 & 7 Needs Inline Block */
#nav ul ul li a          { border-right: none; width: 100%; display: inline-block; padding: 5px 10px;text-transform:none;} 

/* 
  LEVEL THREE
*/
#nav ul ul ul           { left: 100%; top: 0; }
#nav ul li:hover > ul       { visibility: visible; }

.box1-4 {
  width:190px;
  background-image:url(gfx/226_body.png);
  margin:17px 7px;
  padding:18px;
  float:left;
}

.box1-4 .before {
  margin:-22px -18px 18px;
  background-image:url(gfx/226_top.png);
  background-position:bottom;
  background-repeat:no-repeat;
  height:4px;
}

.box1-4 .after {
  margin:18px -18px -22px;
  background-image:url(gfx/226_bund.png);
  height:4px;
}

.box4-4 {
  width:910px;
  background-image:url(gfx/946_body.png);
  margin:7px 7px;
  padding:18px;
  float:left;
}

.box4-4 .before {
  margin:-22px -18px 18px;
  background-image:url(gfx/946_top.png);
  background-position:bottom;
  background-repeat:no-repeat;
  height:4px;
}

.box4-4 .after {
  margin:18px -18px -22px;
  background-image:url(gfx/946_bund.png);
  height:4px;
}

.col1-4 {
  width:200px;
  margin:7px 7px;
  padding:13px;
  float:left;
}

.col2-4 {
  width:440px;
  margin:7px 7px;
  padding:13px;
  float:left;
}

.col3-4 {
  width:680px;
  margin:7px 7px;
  padding:13px;
  float:left;
}

.col4-4 {
  width:920px;
  margin:7px 7px;
  padding:13px;
  float:left;
}

img.paragraphimg {
  margin:-10px -5px 10px;
}

#body .left {
  width:240px;
  float:left;
}

#body .right {
  width:720px;
  float:left;
}



.center:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.center {
  display: inline-block;
}
 
html[xmlns] .center {
  display: block;
}
 
* html .center {
  height: 1%;
}