html, body { margin: 0; padding: 0; }

body {
  color: #4b5c4b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 75%;
  line-height: 1em;
  background: #f3f5f1 url(../img/background-green.gif) repeat-x scroll top center;
  margin: 0; padding: 0;
}

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1, h2, h3, h4 {
  color: #72c726;
}

h1, h2 {
  font-size: 2em;
  line-height: 1.5em;
  margin-bottom: 0.25em;
}

h3 {
  font-size: 1.4em;
  line-height: 1.5em;
  margin-bottom: 0.65em;
}

h4 {
  font-size: 1.25em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}

h6 { font-weight: bold;}

h6, p, ol, ul {
  font-size: 1.03em;
  line-height: 1.4em;
  margin-bottom: 1em;
}

ul  {
  line-height: 1.4em;
}


h1 a, h2 a, h3 a, h4 a, h5 a { color: #74968A; }
.teasers h3 a { color: #72c726; }
p a, li a { color: #72c726; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: underline;
}

p a, li a {
  font-weight: bold;
}

p.bigger { font-size: 1.3em; line-height: 1.3em; }

/* site specific */
#header {
  width: 970px;
  height: 130px;
  margin: 0 auto;
  /*background: transparent url(../img/header-background.png) no-repeat scroll bottom center;*/
  background-image: none !important;
  position: relative
}

#header h1, #header h1 span, #header h1 a, 
#header h5, #header h5 a {
  display: block;
  text-indent: -1000em;
  padding: 0;
  margin: 0;
}

#header h1 a {
  width: 485px;
  height: 100px;
  background: transparent url(../img/logo-bold.png) no-repeat scroll center left;
}
#header h1 span {
  width: 100px;
  height: 110px;
  background: transparent url(../img/boot_prints.png) no-repeat scroll center left;
}
#header h1 span, #header h1 a { float: left; }
#header h1 { position: absolute; top: 5px; left: 34px; width: 585px; height: 100x; background: none; }


#header h5, #header h5 a {
  width: 149px;
  height: 24px;
  background: transparent url(../img/logo_party.png) no-repeat scroll top right;
}

#header h5 { position: absolute; top: 50px; right: 34px; background: none; }


#main {
  width: 902px;
  margin: 20px auto;
  background: #ffffff none;
}

#menu {
  height: 33px;
  background: #f3f5f1 none;
  overflow: none;
  /*background: #f3f5f1 url(../img/grey.gif) repeat-x scroll bottom center;*/
}

#menu ul, #menu ul li {
  height: 33px;
  overflow: none;
  list-style: none;
  
  margin: 0;
  padding: 0;
}

#menu ul li {
  display: block;
  float: left;
  /*border-right: 1px solid #ededed;*/
  background: #ffffff url(../img/grey.gif) repeat-x scroll bottom center;
}
/*#menu ul li.current { background-image: none; }*/
#menu ul li a {
  display: block;
  font-weight: normal;
  /*font-size: 1.2em;*/
  
  line-height: 33px;
  font-size: 15px;
  
  color: #747474;
  padding: 0 34px 0 14px;
  
  height: 33px;
  background: transparent url(../img/menu-border-right.gif) no-repeat scroll bottom right;
}
#menu ul li.current {
  background: #ffffff url(../img/menu-border-left.gif) no-repeat scroll bottom left;
  margin-left: -18px;
}
#menu ul li.current a,
#menu ul li a:hover { color: #2d3d2c; }
#menu ul li.current a { padding-left: 32px; }
#menu ul li.first a { padding-left: 22px; }
#menu ul li.current.first {
  background-image: none;
  margin-left: 0;
}
#menu ul li.last a { background-image: url(../img/menu-border-right-last.gif); }

#content { /*padding: 25px;*/ border: 25px solid #ffffff; }

#flash { height: 380px; color: #ffffff; background: #a4a6a2 none; }
#slides, #flash {  margin-bottom: 25px; }

#content .home_left { float: left; width: 500px; }
#content .home_right { float: right; width: 320px; } 

#content .left { float: left; width: 146px; }
#content .main { float: right; width: 690px; } 

#submenu { font-size: 1.3em; line-height: 2em; }
#submenu li { border-bottom: 1px solid #c5cbc5; margin-bottom: 5px; }
#submenu li a { font-weight: normal; color: #747474; }
#submenu li a:hover, #submenu li a.act { color: #2d3d2c; }


#submenu ul { font-size: 0.8em; }
#submenu ul li { border-bottom: none; padding-left: 14px; }
#submenu.blog ul li { padding-left: 0; }
#submenu ul li.act { background: #ffffff url(../img/submenu-arrow.gif) no-repeat scroll left center; }


#content .main .main { width: 435px; float: left; }
#content .main .right { width: 230px; float: right; }

.framed_content { border: 5px solid #72c726; padding: 12px; margin-bottom: 1em; }
.right .framed_content { border-color: #7b9992; }

.teasers {}
.teasers .item { margin-bottom: 12px; border: 5px solid #72c827; }
.teasers .even { border-color: #74968a !important; }
.teasers .item .img { width: 196px; height: 130px; overflow: none; float: left; }
.teasers .item .txt { width: 450px; float: right; margin: 10px 10px 0 0; }
.teasers .item .txt h3, .teasers .item .txt p { margin: 0; padding: 0; }
.teasers .item .txt h3 { font-size: 1.8em; }
.teasers .item .txt p { font-size: 0.95em; padding-top: 5px; }


span.more a { font-size: 0.85em; text-transform: uppercase;  font-weight: normal; }

#footer {
  width: 902px;
  margin: 20px auto;
  
  color: #96a496;
  font-size: 0.8em;
}

#footer p { color: #96a496; }
#footer p a { color: #74968A; font-weight: normal; }
#footer p a:hover { text-decoration: underline; }

/* extra typo3 */
.home_left ul, .home_left ol,
.home_right ul, .home_right ol,
.main ul, .main ol {
  list-style-type: circle; 
  list-style-position: outside;
  margin-left: 1.5em;
}
.home_left ol,
.home_right ol,
.main ol { list-style-type: decimal; margin-left: 22px; }

.home_left p a:hover, .home_right p a:hover, .main p a:hover { text-decoration: underline; }

.sitemap ul ul { margin-bottom: 0; }

/* extra for blog */

.post { border-bottom: 1px solid #72C726; margin-bottom: 12px; }
.post h2 { margin: 0; padding: 0; line-height: 1em; }
.post h5 { font-style: italic; font-size: 0.95em; margin-bottom: 0; }

.postmetadata { font-size: 0.95em; }
.postmetadata a { font-weight: normal; }
.postmetadata a:hover { text-decoration: underline; }
.comment .postmetadata { font-style: italic; }

img.alignleft { float: left; margin: 0 1em 1em 0;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.aligncenter { display: block; margin: 0 auto 1em auto;}


.wp-caption {
width: auto !important;
text-align: center;
padding-top: 4px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 0.7em;
line-height: 1.1em;
font-style: italic;
color: #999999;
padding: 0 4px 5px;
margin: 0;
}

.comment {
  padding: 0 0 7px 0; border-bottom: 1px solid #72C726; margin-bottom: 12px;
}

div.field,
#commentform div {
  clear: both;
}

div.field label,
div.field input,
#commentform div label,
#commentform div input,
#commentform div p {
  display: block;
  margin: 0;
  float: left;
}

div.field label,
#commentform div label {
  width: 65px;
  padding-bottom: 1em;
}

div.field input,
#commentform div input {
  width: 160px;
}
#commentform div p {
  margin-left: 15px;
  width: 160px;
  font-style: italic;
}
#commentform textarea { width: 310px; height: 165px; }
div.field input,
#commentform div input, #commentform textarea {
  border: 2px solid #dddddf;
}
div.field button,
#commentform button#submit {
  margin-left: 65px;
}

.subscribe { }
.subscribe a { display: block; padding-left: 18px; height: 16px; background: transparent url('../img/rss.gif') no-repeat scroll 0 0; font-weight: normal; font-size:  0.9em; line-height: 16px; }


/* utility classes */

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.w_auto { width: auto !important; }

.black { color :#FFFFFF; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

.hide { display: none; }
.placeholder { height: 1px; }