/* 
//////////////////////////////////////////////////////////////
///////////////////////// All Style //////////////////////////
//////////////////////////////////////////////////////////////
*/

body {
  margin:0px;
  padding:0px;
  font-family:calibri, helvetica, arial, verdana;
  color:#676767;
  overflow-y: scroll;
}

a {
  text-decoration:none;
}

/* 
//////////////////////////////////////////////////////////////
//////////////////////// Header Style ////////////////////////
//////////////////////////////////////////////////////////////
*/

.header {
  width:100%;
  float:left;
}

.head {
  float:left;
  width:100%;
  background-color:#373737;
  padding-top:20px;
  padding-bottom:20px;
  background-image:url('img/pattern_2.png');
}

.navi {
  width:100%;
  background-color:#67ba33;
  border-top-style:solid;
  border-top-color:#8ee05a;
  border-top-width:2px;
  float:left;
  text-transform:uppercase;
}

.navi a {
  color:#ffffff;
  font-size:16px;
}

.navi div:hover {
  color:#8ff250;
  background-image:none;
}

.curnav {
  color:#8ff250;
}

.curnav div {
  background-image:none;
  -moz-box-shadow: inset 0px 10px 20px #56a026;
  -webkit-box-shadow: inset 0px 10px 20px #56a026;
  box-shadow: inset 0px 10px 20px #56a026;
}

.navipoint {
  float:left;
  border-left-style:solid;
  border-left-color:#8ee05a;
  border-left-width:1px;
  padding:15px 0px;
  width:159px;
  text-align:center;
  background-image:url('img/navi.jpg');
}

.navipoint_first {
  padding:15px 0px;
  width:159px;
  text-align:center;
  float:left;
  background-image:url('img/navi.jpg');
}

.marks {
  float:left;
  width:100%;
  background-color:#676767;
  background-image:url('img/pattern.png');
}

/* 
//////////////////////////////////////////////////////////////
/////////////////////// Content Style ////////////////////////
//////////////////////////////////////////////////////////////
*/

.content {
  width:100%;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  float:left;
}

h1 {
  margin:0px;
  padding:0px;
  color:#67ba33;
  text-transform:uppercase;
  font-weight:normal;
}

h2 {
  margin:0px;
  padding:0px;
}

.content a {
  color:#676767;
  text-decoration:underline;
}

.sortbox {
  background-color:white;
  width:130px;
  height:36px;
  margin-left:10px;
  
  border-radius:12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  
  box-shadow:0px 0px 4px black;
  -moz-box-shadow:0px 0px 4px black;
  -webkit-box-shadow:0px 0px 4px black;
  
  text-align:center;
  line-height:36px;
}

.contact {
  border: 2px solid rgb(102,158,66);
  
  box-shadow:0px 0px 2px black;
  -moz-box-shadow:0px 0px 2px black;
  -webkit-box-shadow:0px 0px 2px black;
  
  width:369px;
  height:20px;
  padding:1px;
}

.contact_text {
  border: 2px solid rgb(102,158,66);
  
  box-shadow:0px 0px 2px black;
  -moz-box-shadow:0px 0px 2px black;
  -webkit-box-shadow:0px 0px 2px black;
  
  padding: 1px;
  width:369px;
  height:195px;
}

#submit {
  color:white; 
  background-color:rgb(102,158,66); 
  width:113px; 
  height:25px;
  
  box-shadow:0px 0px 2px black;
  -moz-box-shadow:0px 0px 2px black;
  -webkit-box-shadow:0px 0px 2px black;
  
  font-size:17px;
  border:0px;
}

/* 
//////////////////////////////////////////////////////////////
//////////////////////// Footer Style ////////////////////////
//////////////////////////////////////////////////////////////
*/

.footer {
  width:100%;
  float:left;
  margin-top:100px;
  font-size:12px;
  margin-bottom:10px;
}

.footer_links {
  margin-left:12px;
}

.footer a {
  color:#676767;
}




/*
  Slider CSS
*/

#container {
	width:960px;
	position:relative;
	z-index:0;
  margin-left:auto;
  margin-right:auto;
}

#container img {
  border-width:0px;
}

#example {
	height:120px;
	position:relative;
  margin-right:auto;
  margin-left:auto;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:960px;
	height:120px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:100;
  margin-right:auto;
  margin-left:auto;
  width:960px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	overflow:hidden;
	position:relative;
	display:block;
  margin-right:auto;
  margin-left:auto;
  width:960px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	height:120px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:40px;
	left:0px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:936px;
}

/*
	Pagination
*/
.pagination {
	display:none;
}














/*Dropdown Navigation Einstellungen*/

.topcathegory {
  color:#333333;
}

.topcathegory:hover {
  /*color:#222277;*/
}


/*Diese Klasse ist dafür da um die Menüpunkte Farbig zu Markieren, in der man sich gerade befindet*/

.subnavi {
  font-size:13px;
  /*font-weight:bold;*/
}

#nav {
  padding:0px;
  z-index:2000;
  position:relative;
}

#nav a {
   display: block;
   line-height: 1.3;
}

#nav li {
  float: right;
  line-height: 1.3;
  /*border-bottom: 1px solid #cccccc;*/
  margin: auto;
  color:#000000;
  font-size:18px;
  /*font-weight:bold;*/
  background-image:url("img/navi.jpg");
  margin-left:1px;
}

.headline {
  
}

.curnav {
  color:#8ff250;
  display:block;
  box-shadow: 0 10px 20px #56a026 inset !Important;
  background-color: #67ba33 !Important;
}

.curnav .mouseover:hover {
  box-shadow: 0 10px 20px #56a026 inset !Important;
  background-color: #67ba33 !Important;
}

#nav li:hover {
  color:#ffffff;
}

.mouseover{
  padding:13px 0px 13px 0px;
  display:block;
  width:159px;
}

#nav a:hover {
  color:#8ff250;
}

.mouseover:hover {
  background-color: #67ba33;
}

#drop_down .curnav {
  color:#ffffff;
}

#drop_down #nav a:hover {
  color:#ffffff;
}

#drop_down #nav a {
  color:#ffffff;
}

#drop_down #subnav a {
  color:#444444;
}

#drop_down #subnav a:hover {
  color:#000000;
}





#nav li ul {
  text-align:left;
  position: absolute;
  max-width: 9.5em;
  left: -999em;
  line-height: 1.3;
  
}

#subnav li {
  max-width: 9.5em;
  min-width:9.5em;
  padding: 0px;
  line-height:1.3;
  
}

#subnav li:hover {
  color:#ffffff;
}

#subnav .mouseover {
  padding:10px 5px 10px 5px;
}

#subnav li ul {
  max-width: 8em;
  line-height:1.3;
}

#nav li:hover ul {
   left: auto;
   line-height: 1.3;
}

#nav li:hover ul, #nav li.sfhover ul {
   left: auto;
   line-height: 1.3;
}

#nav li ul ul {
   /* die -1.5em sind dafür da wie weit der sub-sub-navi kasten ist.*/
   margin: -1.85em 0 0 8em;
   line-height: 1.3;
}

#nav, #nav ul {
   padding: 0;
   margin-left:-1px;
   margin-top:0px;
   margin-bottom:0px;
   list-style: none;
   line-height: 1.3;
   float:left;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -1100em;
   line-height: 1.3;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
   line-height: 1.3;
}

li>ul {
   top: auto;
   left: auto;
}