html,body,ul,li,h1,h2,h3,h4 {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1 img {
  display: block;
}

img {
  border: 0;
}

a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

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

.left {
  float: left;
}

.right {
  float: right;
}

.more {
  text-align: right;
}

.clear {
  clear: both;
}

body {
  text-align: center;
  font: 12px arial, sans-serif;
  background: #eee;
}

#outer {
  background: top center url(../images/header_bg.jpg) repeat-x;
}

#wrapper {
  text-align: left;
  margin: auto;
  width: 756px;
}

#header {
  background: top left url(../images/kinderbauernhof_cracked_johnnie.gif)
    no-repeat;
  height: 78px;
}

#header h1 {
  color: #FD2E00;
  font-weight: normal;
  font-size: 22px;
  padding: 20px 0 0 70px;
  margin: 0;
}

#header p {
  color: #333333;
  padding: 0 0 10px 70px;
  margin: 0;
}

#nav {
  background: url(../images/header_c_bg.jpg) repeat-x;
  position: relative;
  height: 209px;
}

#nav a {
  color: #E7E4E4;
  font-weight: bold;
  text-decoration: none;
}

#nav a:hover {
  color: #fff;
  text-decoration: none;
}

#nav ul {
  padding: 7px 0 0 382px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#nav li {
  background: left center url(../images/bullet.gif) no-repeat;
  padding: 10px 0 8px 30px;
  margin: 0;
}

#nav li#m1 {
  margin-left: 58px;
}

#nav li#m2 {
  margin-left: 35px;
}

#nav li#m3 {
  margin-left: 15px;
}

#nav li#m4 {
  margin-left: 5px;
}

#nav li#m5 {
  margin-left: 1px;
}

#nav li#m6 {
  margin-left: 0px;
}

#nav li#m7 {
  margin-left: 0px;
}

#nav li#m8 {
  margin-left: 3px;
}

#nav a {
  font-weight: normal;
}

#nav a.aktiv {
  color: #FD2E00;
}

#search {
  margin: 0px 0 0 0px;
}

#search h2 {
  font-weight: normal;
}

#search form {
  margin: 0;
  padding: 0 0 10px 0;
}

#search input.text {
  border: 1px solid #333;
  background: #E7E4E4;
}

#search input.submit {
  border: none;
  background: #E7E4E4;
}

#search a {
  color: #333;
  padding: 0 5px;
}

#search a:hover {
  color: #300;
}

#head { /*background: url(../images/header.jpg) no-repeat;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 382px;
  height: 200px;
  background:#fff;
  margin-top:9px;
}



#body {
  background: top left #EEEEEE url(../images/body_bg.gif) repeat-y;
  position: relative;
  left: -10px;
  width: 775px;
}

#body-inner {
  padding: 40px 23px 28px 31px;
}

#body-left {
  float: left;
  width: 281px;
}

#body-right {
  float: right;
  width: 384px;
}

#topic-pic {
  background: #666;
  padding: 10px;
}

#body-left h1 {
  
  font-size: 12px;
  color: #fff;
  padding: 6px 23px 0 0;
  margin: 6px 0 60px 0;
}

#body-left h2 {
  background: #f00;
  font-size: 10px;
  color: #fff;
  padding: 6px 15px;
  margin: 6px 0 20px 0;
}

#body-left ul {
  margin: 30px 55px;
  
}

#body-left li, #nav .csc-textpic-text li {
  margin: 0 0 10px 0px;
  padding-left:30px;
  background: 0px 0px url(../images/bullet3.gif) no-repeat;
}

#body-right .box {
  padding: 15px;
  background: #fff;
  border: 1px solid #999;
  margin: 3em 0;
}

#body-inner h1 {
  font: 14px "arial",arial,sans-serif;
 margin-bottom:10px;
 font-weight:bold;
 color:#EF0E0E;
     
  /*background: #b9b9b5 none repeat scroll 0 0;*/
}

#body-inner h2 {
  font: 12px "arial", arial, sans-serif;
  background: #b9b9b5 none repeat scroll 0 0;
}

#body-right h1 {
  font: 18px "arial narrow", arial, sans-serif;
  background: #b9b9b5 none repeat scroll 0 0;
}

#body-right h2 {
  font: 12px "arial", arial, sans-serif;
  background: #b9b9b5 none repeat scroll 0 0;
}

/*
#body-right .box .left {
  margin-right: 15px;
  border: 1px solid #999;
}
#body-right .box .btns {
  text-align: right;
  padding-top: 10px;
  position: relative;
}
.btns a {
  background: left #CC0000 url(../images/btn.gif) repeat-y;
  border: 2px solid #E68282;
  border-color: #E68282 #650000 #650000 #9C2828;
  color: #fff;
  font-weight: normal;
  padding: 3px 15px 3px 20px;
  position: relative;
}
.btns a:hover {
  background-color: #EF1818;
  color: #fff;
}
*/
#copyright {
  display: none;
  background: top left url(../images/footer_bg.gif) repeat-x;
  float: right;
  width: 425px;
  clear: both;
  margin-right: 9px;
  padding-bottom: 0px;
  _margin-right: 5px;
}

#copyright-left {
  background: top left url(../images/footer_left.gif) no-repeat;
  padding: 27px 30px;
  font-size: 11px;
  text-align: center;
}

.test {
  text-align: center;
}

#undernavi {
  position: absolute;
  width: 756px;
  margin-left:10px;
  height: 30px;
  align: right;
  
}

#undernavi a {
  color:#fff;
  font-weight: bold;
  text-decoration: none;
}

#undernavi a:hover {
  
  text-decoration: none;
}




#undernavi ul {
  border: 0px; padding : 0;
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 0;
}

#undernavi li {
  padding: 0; 
  float: left;
  margin: 0;
  background: none;
}

#body-inner ul {
  padding: 0 0 0 0px;
  margin: 0px;
}

#-inner ul li {
  /*background: left center url(../images/bullet3.gif) no-repeat;*/
  background-position: left top;
  padding: 0 0 0 27px;
}

#body-inner a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}

#body-inner a:hover {
  color: #f00;
  text-decoration: underline;
}

h3 {
  padding: 10px 0 5px 0px;
  text-align: left;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 10px;
  color: #ff0000;
  font: 18px "arial narrow", arial, sans-serif;
  font-weight: bold;
}

h1,h2 {
  font-weight: bold;
}

.untentext {
  color: #989898;
  text-align: center;
  padding-top: 10px;
}

fieldset {
  border: 1px solid #000;
}

/*MENU2*/
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

# .sf-menu li ul li{background:#7b7b7b}

.sf-menu {
  line-height: 1.0;
}


.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width: 100%;
  
}

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

.sf-menu li {
  float: left;
  position: relative;
}

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

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
  left: 0;
  top: 0px; /* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  height: 25px;
  background: #7d7d7d;
  width: 100%;
}

.sf-menu a {
  border-right: 1px solid #fff;
  padding: 6px 11px 7px 11px;
  color:#fff;
  text-decoration: none;
}

.subuls a {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.sf-menu a,.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #fff;
  font-weight: bold;
}

.sf-menu li a {
  background: #7d7d7d;
}

.sf-menu li ul li a {
  background: #7d7d7d;
}

.sf-menu li li li {
  background: #7d7d7d;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active
  {
  background: #333;
  outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('http://www.felders.at/fileadmin/superfish/images/arrows-ffffff.png') no-repeat -10px -102px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator { /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -102px;
  /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator
  {
  background-position: -10px -102px;
  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px -1px;
}

.sf-menu ul a>.sf-sub-indicator {
  background-position: 0 -1px;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator
  {
  background-position: -10px -1px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('http://www.felders.at/fileadmin/superfish/images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}