body {
    font-family: Arial, Verdana, sans-serif; 
    margin:0;
    padding:0;
    height:100%;
    background: #333333 url("../images/basics/wolken.jpg") no-repeat center top;
    background-attachment:fixed;
    background-size:100% 100%;
	font-size: 10pt; 
	line-height: 18px;
  }
div{ 
	font-size: 10pt; 
}
  
  html {
    margin:0;
    padding:0;
    height:100%;
  }
  
  td, ul, textarea {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    line-height:18px;
  }

  h1{ color: #313431; font-size: 22px; line-height:105%;}
  h2{ color: #313431; font-size: 12pt; margin-top: 20px; margin-bottom: 15px; }
  h3{ color: #313431; font-style: italic; font-weight: bold; }
  
  h1, h2, h3 {
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold;  
  }
  
img{
	border: 0px;
}

a {
    color: #000080;
    text-decoration: none;
    font-size: 1.01em;
  }
 
a:hover{
	text-decoration: underline;
	}
  
  
#header, #main {
	width:100%;
}

#header #logo{
    padding: 15px 20px 5px 20px;
    padding: 0.9375rem 1.25rem 0.3125rem 1.25rem;
}

#sterne{
    float: right;
    text-align: center; 
    width: 60%;
    color: #5a5d5a;
}



.wrapper {
	max-width:1000px;
	min-width:750px;
	margin:0 auto;
	clear:both;
	}
    
    #header .wrapper, #main .wrapper{    
    }
    
#menu-head {
	margin: 15px 0px;
}
#menu-head a, #main-menu a{
	color:#fff;
	font-weight: bold;
	font-size: 20px;
	font-size: 1.25rem;
    padding: 5px 32px;
/*    padding: 5px 33px; ohne News 44px */
}
#main-menu a{
    padding:  5px 56px;
}

#menu-head a.MainSelected,
#menu-head a:hover ,
#main-menu a:hover{
	text-decoration:none !important;
	color:#ababab !important;
}

#head-table-navi{
	width: 90%;
	height: 40px;
	height: 2.5rem;
    margin: 0 auto;
}

#header .muller-logo {
    margin-left: 20px;
    margin-left: 1.25rem;
    max-width: 360px;
    width: 100%;
}

#header .dachsysteme {
	float:right; 
	margin-top:2em; 
	width:40%;
	margin-right: 34px;
}

#main-menu{
	max-width:1000px;
	min-width:750px;
	margin:10px auto 0 auto;
	clear:both;
    z-Index: 999;
}
  
#main-menu .wrapper{
}

#main-menu ul{
/*    background: url('../images/basics/hintergrund-main-menu.gif') #e7e7e7; */
    margin: 0px;
    min-height: 20px;
    padding: 0px;
    height: 28px;
    z-Index: 999;
}

#main-menu li{
    float: left;
    list-style-type: none;
    margin: 0px;
    text-align: center;
/*    border-left: solid 1px #9c9a9c; */
    z-Index: 999;
    width: 19.9%;
}
#main-menu li.selected{
    background-color: #ababab;
}

#main-menu li a.navi0{
    color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.25rem;
    display: block;
    margin-top: 5px;
    padding-bottom: 5px;
    text-decoration:none;
}

#main-menu a.navi0{
}

#main-menu a.navi0:hover{
    color: #ababab;
}

#main-menu li.selected a:hover{
    color: #ffffff;
}

#LI_rinderstaelle,
#LI_reithallen{
    border-left: 0px !important;
}

#main-menu-2{
    margin-top: 10px !important;
}

.SubNavi{
    margin-top: -3px;
}

.SubNavi,
 .keinlink .naviEmpfehlung{
    border: solid 1px #ababab;
    background-color: #e5e5e5;
    line-height: 25px;
    z-Index: 999;
    margin-left: 75px;
}

 .keinlink .naviEmpfehlung{
    margin-top: 0px;
}

.SubNavi a,
.SubNavi span{
    color: #000000 !important;
    display: block;
    text-align: left;
}

.SubNavi span:hover
{
    color: #ffffff;
    text-decoration: none;
    background-color: #ababab;
}

.SubNavi a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #ababab;
}

#main-menu li div{
    position: absolute;
}

.navi1{
    padding: 0px 10px !important;
    margin: 0px !important;
    font-weight: bold;
    font-size: 14px !important;
    font-size: 0.875rem !important;
}

.navi1selected{
    color: #ffffff !important;
    background-color: #ababab;
}


#main-menu ul ul{
   position: absolute; 
    min-width: 900px;
    display:none;
    margin-left: 2%;
}

#main-menu ul li:hover ul{
    display:block;
}


#main-menu ul ul li{
    width: auto;
    margin-left: 2%;
    margin-top: 10px;
}

#main .wrapper{
    padding: 10px 0px !important;
 }
 
#main .wrapper #content{
    margin: 0 25px !important;
 }
 
 .keinlink .naviEmpfehlung{
    display:none !important;
    position: absolute;
    left: 100%;
    margin-top: -26px;
    margin-left: 0px !important;
    padding: 0px 10px !important;
    background-color: #ceffce !important;
    color: #006531 !important;
 }
  
 .keinlink:hover .naviEmpfehlung{
    display:block !important;
 }
 
 


#content {
	position:relative;
	z-index:900;
	background-color:#fff;	
	padding: 5px 15px !important;
	min-height: 470px;
	behavior: url(css/PIE.htc);
    border: solid 1px #555555;
}

#content .bx-viewport{
    box-shadow: 0 0 0 #ffffff !important;
    min-height: 350px;
}
    
#DIV_slider2 .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    height: 140px !important;
    overflow: hidden !important;
}

#DIV_slider2 .bx-wrapper .bx-viewport {
    background: none !important;
    border: 0px solid #e5e5e5 !important;
    box-shadow: 0 0 0px #CCCCCC !important;
    left: 0px !important;
}

#DIV_slider2 .bx-wrapper{
    max-width: 945px !important;
}
#DIV_slider2 .bx-wrapper .bx-viewport{
    height: 140px !important;
    overflow: hidden;
}

#DIV_slider2 img{
    border: solid 1px #555555 !important;
}

#slideshow1{
    padding: 0 !important;
    width:613px;
    height:339px;
    overflow:hidden;
    float: left !important;
}    
#slideshow1 li{
    text-align: center;
    list-style-type: none;
}

#fssPrev, #fssNext, #fssPlayPause, #fssList{
    display:none;
}
  

#footer .wrapper {
	padding:0 20px;
    max-width: 945px;
}
#footer, #footer p, #footer a {
	color:#fff;
	font-size: 0.85em;
	font-weight:bold;
    margin-top: 0;
}
.copy, .adresse, #menu-footer {
	margin: 8px 0 0 0;
}
.copy {
	float:left;
	width: 200px;
}
.adresse {
	float:left;
	}
#menu-footer {
	float:right;
	list-style:none;
	padding:0;
    margin-top: 0;
}
#menu-footer li {
	float:left;
}
#menu-footer a {
	cursor:pointer;
	display:block;
	margin-left:15px;
	line-height: normal;
}
  
  
  .bild_links{
    padding-left:4px;
  }
  
  div#Kopf {
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    height: 100px;
  }

  div#Navi {
    position: absolute;
    left:0px;
    top:99px;
    width:190px;
    text-align: left;
    padding: 0 0 0 5px;
    font-size: 12px;
    font-family: Verdana, Helvetica,Arial,sans-serif;
  }

#navi-links a
{
	line-height: 1.5em;
}

a.navi, a.selected, a.unter, a.selected_unter, a.unter2, a.selected_unter2{
  width: 300px;
  display: block;
  font-size: 1.09em;
  line-height: 1.6em;
  text-decoration: none;
  font-weight: bold;
}

a.navi{
  color: #000080;
  font-weight: bold;
}

a.navi:hover{
  background-color: #dedede;
}

a.selected{
  color: #000080;
  padding: 3 0 3 0px;
  background-color: #dedede;
}

a.unter, a.selected_unter, a.unter2, a.selected_unter2 {
  font-size: 12px;
}

a.unter{
  color: #000000;
  padding: 0 0 0 10px;
}

a.unter:hover{
  background-color: #dedede;
}

a.selected_unter{
  color: #000080;
  padding: 0 0 0 10px;
  background-color: #dedede;
}

a.unter2{
  color: #830000;
  padding: 0 0 0 20px;
}

a.unter2:hover{
  background-color: #dedede;
}

a.selected_unter2{
  color: #000080;
  padding: 0 0 0 20px;
  background-color: #dedede;
}

DIV.shadow { 
  float: left; 
  background-color: #bbb; 
  padding: 0; 
  margin: 0; 
  } 
  
DIV.shadow DIV { 
  display: block; 
  border: 1px solid #666; 
  position: relative; 
  top: -5px; 
  left: -5px;
  } 

#code { 
  background-color: #eee; 
  color: #333; 
  padding: 1em; 
  border-top: 1px dashed #ccc; 
  margin: 0; 
  }
  
  ul.download
{
	list-style-type: none;
	margin-top: 5px;
}
ul.download li   {
	background: url(../images/basics/pdf.gif) 0px 2px no-repeat; 
	padding-left: 20px;
	margin-left: -20px;
}

ul.download li a   {
	text-decoration: none;
}
ul.download li a:hover   {
	text-decoration: underline;
}



.h2braun{
    color: #840000;
    text-align: center;
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: 1.42857rem;
}

.h2top{
    color: #000000;
}


.referenz{
    width:45%;
    float:left;
    margin-right:3%;
    margin-bottom: 15px;
}
.referenz img{
    width: 100%;
    margin-right:3%;
    margin-bottom: 10px;
}

/*Kontakt-Form */
#inputSubmit, #inputReset{
    border: solid 1px #cccccc;
    cursor: pointer;
}
 input, textarea{
    border: solid 1px #cccccc;
}
#inputSubmit{
    background-color: #d5d5d5;
    width: 200px;
}
#inputSubmit:hover{
    background-color: #efefef;
}
#inputReset{
    background-color: #e5e5e5;
}


.cc-compliance
{
    max-width: 20%;
    display: inline-block;
    float: right;
}