body {
   margin:0 auto;
   font-family: 'Open Sans', sans-serif;
   color:#000;
   font-size:90%;   
   background-color:#f1f1e5;   
}
#watermark{
   background:url('bild/Logo_gross.png') no-repeat; 
   width: 400px;
   height: 198px;
   position: fixed;
   z-index:3; 
   top: 129px;
   left: 5%;
   
}
 /* unvisited link */
a:link {
    text-decoration: none;
	color: #817160;
}
/* visited link */
a:visited {
	color: #817160;
}
/* mouse over link */
a:hover {
	color: #993300;
}
/* selected link */
a:active {
	color: #817160;
} 
a:focus { 
	outline:none; 
}
.kopf {
   position:fixed;   
   z-index:3;
   top:0px;
   left:0px;
   width:100%;
   background-color:#f1f1e5;
   opacity: 1.5;
  
}
h1 {
   float:left;
   font-size:280%;
   background-color:#f0f0f0;
   color:#666666;
   padding:0 auto 0 5px;

}
h2 {
	font-size:1.1em;
	color: #666;
	width:100%;
}
h3 {
   color:#993300;
   font-size:120%;
   background: #f4f4f4;
   line-height:2.4em;
   padding: 0 15px 0 15px;
   max-width:570px;
   border-radius: 7px;

}

h4 {
   font-size:90%;

}
h5 {
   font-size:100%;
}
h6 {
	font-size:100%;
	color:#fff;
	width:100%;
}
.fliesstext {
   font-family: 'Open Sans', sans-serif;
   color:#000;
   font-size:100%;
   float:left; 
}


::selection {
        background: #c1b799;
        }
::-moz-selection {
        background: #c1b799; 
}
#kopf-logo {
   position:relative;
   background: #FFF;
   margin:0 auto;
   min-width:320px;
   max-width:960px;
   height:147px;
}

#logo {
   position:relative;
   float:right;
   width:176px;
   height:147px;    
   background-image:url('bild/logo.png');
   background-repeat:no-repeat;
   margin: 0 10px 0 0;
}
#kopf-left {
   float:left;  
   width:100%;  
 

}
#kopf-right {
   position:relative;
   float:right;
   height:147px; 

}
/* jquery menu*/
#ddmenu {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 0 15px;
  background: #c1b799;
  border-radius: 6px;
  
  box-shadow: 0 1px 1px rgba(20, 20, 20, 0.2);
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #fff;
}

#ddmenu li { display: block; position: relative; float: left; font-size: 100%;  }

#ddmenu li a {
  display: block;
  float: left;
  padding: 0 12px;
  line-height: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#ddmenu li:hover > a { color: #993300; background: #aba185; }
#ddmenu a:visited:active  { color: #993300; background: #aba185; }

#ddmenu ul {
  position: absolute;
  z-index:10;
  top: 51px;
  width: 200px;
  background: #ccc;
  display:none;
  margin: 0;
  padding: 7px 0;
  list-style: none;
  border-radius: 3px;
  
}
#closesub {
   display:none !important;
}
#xsub {
  font-size:120%;
  margin-left:20px;
}
#fussmenu {
 
  
  
}
#ddmenufuss {
  
  width: 50%;
  height: 40px;
  float:right;
  margin-top:0px;
  padding: 0 15px;
  background: #c1b799;
  border-radius: 6px;
  
  box-shadow: 0 1px 1px rgba(20, 20, 20, 0.2);
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #fff;
}

#ddmenufuss li { display: block; position: relative; float: right; font-size: 100%;  }

#ddmenufuss li a {
  display: block;
  float: right;
  padding: 0 12px;
  line-height:40px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#ddmenufuss li:hover > a { color: #993300; background: #aba185; }
/* jquery menu ende */



/* menue start*/
#menu {
  margin:93px 0 0 0;
  position:absolute;
  max-width:70%;
  }



/* menue end*/

/*.abstand {
   text-indent:1%;
   font-size:105%;
   font-weight:bold;
   padding-top:53px;
}
*/

#bild01 {
	max-width: 100%;
	height: auto;
}


#seite1, #seite2, #seite3, #seite4, #seite5, #seite6 {
   position:relative;
   z-index:10;
   margin:0 auto;
   min-width:320px;
   max-width:960px;
  /* height:100%;*/
   margin-top:147px;
   font-size:90%;
   background-color:#fff; 
   z-index:2;    
   
}
.inhalt {   
   margin:0 auto;
   width:100%;
   min-height:1600px;
   background-color:#fff;
   z-index:2; 
   border-top:2px solid #fff;   
}

.right {
   width:5%;
   margin-top:30%;
   float:right;
      background: #f4f4f4;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
  
}
.left {
   width:5%;
   margin-top:30%;
   float:left;
   background: #f4f4f4;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;

   
}

#sp1 {
   float:right;
   width:60%;
}
.liste-sp1 {
   margin-bottom:25px;
   border-left:4px solid #0073a4;
}
#sp2 {
   float:right;
   margin: 49% 2% auto 1%;
   padding: 0 0 0 2%;
   text-align:left;
   width:25%;
   color:#FFF;
   background-color:#c1b799;
   -moz-border-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#sp2a {
   position:fixed;
   float:left;
   padding: 2px 0 0 2%;
   text-align:left;
   width:8%;
   font-size:90%;
   color:#FFF;
   background-color:#c1b799;
   -moz-border-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	z-index:+2;
}
#sp3 {
   float:left;
   width:70%;
   margin-left: 13%
}
#sp3kontakt {
   float:right;
   width:70%;
   margin: 0 3% 0 0;
}
#sp3textbox {

   float:left;
   width:61%;
   text-align:left;
   margin-left: 13%;
   height:800px;

}
.fuss {
   position:fixed;
   z-index:12;
   width:100%;
   height:40px;
   bottom:0px;
   left:0px;
   background-color:#f1f1e5;

}
.fussinner {
   min-width:320px;
   max-width:960px;
   margin:0 auto;
   font-weight:bold;



}


#fm3 {   
   position:relative;
   float:left;
   height:40px;
  
   padding:7px 10px;
   background-color:#c1b799;;

}
#fm3:hover {
  color:#993300;
  background-color:#aba185 !important;/* #aba185 ! */
  
}

/*seite 2*/

.spalte-links {
  float:left;
  max-width:47%;
  padding-top:2%;
  padding-left:2%;
  
}

.spalte-rechts {
  position:relative;
  float:right;
  max-width:47%;
  padding-top:1%;
  padding-right:2%;
  border:0px dotted white;
}


.desc {
  font-size:100%;
  font-weight:bold;
  border-left:4px solid #0073a4;
}
.desc p {
  margin-left:15px;
}

.sub-l {
  display:table-cell;
  
  border:0px dotted white;
  float:left;
  width:49%;
  
}
.sub-r {
  display:table-cell;
  
  border:0px dotted white;
  float:right;
  width:49%;
  
}
.sub-conti {
  display:table;
  position:relative;
  width:100%;
  height:50%; 
  border:0px solid black;
  margin-bottom:1%;
}

.ipad {
   margin-top:5px;
   width:100%;
   height:30px;
}
/*impressum*/

.spalte-impressum-links {
   
   float:left;
   margin-top:1em;
   padding-left:2%;
   max-width:33%;
}
.spalte-impressum-rechts {
   position:relative;
   float:right;
   margin-top:-0.3em;
   padding-right:2%;
   max-width:60%;
}
/*kontakt*/
.spalte-kontakt-links {
   float:left;
   margin-top:1em;
   padding-left:2%;
   max-width:80%;
}
.spalte-kontakt-links img{
   position:relative;
   float:left;
   padding:5%;
}



/* queries */
/*10 inch*/
@media all and (max-width: 900px) and (min-width: 720px) {
body {
   font-size:70%;
     
}
#ddmenu li a {
  padding:0 10px;
}
#closesub {
   display:block !important;
}
}
/*tablet 7 inch */
@media all and (max-width: 720px) and (min-width: 0px) {
body {
   font-size:70%;
     
}
#menu {
  margin:93px 0 0 0;
  position:absolute;
  max-width:92%;
  }
#kopf-logo {
   position:relative;
   background: #FFF;
   margin:0 auto;
   min-width:320px;
   max-width:960px;
   height:100px;
}

#logo {
   position:relative;
   float:right;
   width:176px;
   height:90px;    
   background-image:url('bild/logo-small.png');
   background-repeat:no-repeat;
   margin: 0 10px 0 0;
}

/* jquery menu*/
#ddmenu {
  display: block;
  width: 100%;
  height: 90px;
  margin: 0 auto;
  padding: 0 15px;
  background: #c1b799;
  border-radius: 6px;
  
  box-shadow: 0 1px 1px rgba(20, 20, 20, 0.2);
  cursor: pointer;
  outline: none;
  font-weight: bold;
  color: #fff;
}

#ddmenu li { display: block; position: relative; float: left; font-size: 100%;  }

#ddmenu li a {
  display: block;
  float: left;
  padding: 0 12px;
  line-height: 40px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#ddmenu li:hover > a { color: #993300; background: #aba185; }

#ddmenu ul {
  position: absolute;
  z-index:10;
  top: 50px;
  width: 200px;
  background: #ccc;
  display:none;
  margin: 0;
  padding: 7px 0;
  list-style: none;
  border-radius: 3px;
  
}
#closesub {
   display:block !important;
}
#menu {
margin:0 0 0 0;
position:absolute;
width:100%;
}
#fm3 {
   display:none;
}
#ddmenufuss {
  height:40px;
  width:100%;
}
.fuss {
  
}

/* menue end*/

.abstand {
   text-indent:1%;
   font-size:105%;
   font-weight:bold;
   padding-top:53px;
}
#watermark{
   background:url('bild/Logo_gross.png') no-repeat; 
   width: 0px;
   height: 0px;
   position: fixed;
   z-index:4; 
   top: 15%;
   left: 5%;
}
#seite1, #seite2, #seite3, #seite4, #seite5, #seite6 {
  
   margin-top:100px;
   font-size:90%;
   background-color:#fff; 
   z-index:2;    

}
#sp1 {
   float:left;
   margin-left:5%;
   margin-right:5%;
   width:80%;
}

#sp2 {
   position:absolute;
   float:left;
   margin:60% 0;
   width:40%;
}
}

/*contact form*/
input{
    height:25px;
    width:98%;
    color:#000;
    background:#FFF;
    border:1px solid #CCC;
    padding-left:1%;
    padding-right:1%;   
}
textarea{
    height:150px;
    width:98%;
    color:#000;
    background:#FFF;
    border:1px solid #CCC;
    padding:1%;
}
input.error, textarea.error, select.error{
    border:1px solid #F00;
}
button{
    height:25px;
    width:25%;
    color:#FFF;
    font-weight:bold;
    background:#36739e;
    border:1px solid #CCC;
    margin-top:10px;
}
button:hover{
    background:#86c300;
    border:1px solid #CCC;
}
.required{
    color:#F00;
}

/* News Format */
h8 {
   font-size:110%;
   font-weight:bold;
}
.page_navigation a {
   
	padding:3px 5px;
	margin:4px;
	color:white;
	text-decoration:none;
	float: left;
	font-weight:bold;
	font-size: 12px;
	background-color:#ccc;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.content{
   position:relative;
   left:-1.8em;
   list-style-image:url('list.png');
   width:100%;
}   
.titlenews {
   cursor:pointer;
}