/* Allgemeines - www.deichpfoten.com */

/* CSS für alle Versionen */

@charset "utf-8";

html {height:100%; margin: 0; padding: 0;}
  

body { 
  height:100%; margin:0; padding:0;
  background-color: #d4a76e;
  font-family: 'Comic Sans MS', 'Trebuchet MS'; font-size: 0.875em; font-weight: normal;
  
 overflow-x: hidden; 
 overflow-y: scroll;
 
}

div#Content {
    background-color: #ffffff;
    color: #000;
    height: auto !important;
	margin: auto; 
    min-height: 100%;
   /*width: 75%;*/
    border-left: 2px solid grey;
    border-right: 2px solid grey;
}

div#galerie {
    text-align:center;
}

div#galerie img {
	border: 1px solid #996633;
}


img {
  max-width: 100%;
}

img#logo {
    max-width: 95%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 1em;
	border-top: 1px solid #996633;
	border-bottom: 1px solid #996633;
}


section {
    padding: 2%;
    font-size: 1em;
}

footer {
	position:fixed;
	bottom:0px !important;
	/*width:75%;*/
	text-align:center;
	border-top: 1px solid #cccccc;
	background-color:#DFDFDF;
	box-shadow: 0.01em -0.125em 0.01em #dfdfdf;
}	
	
/* Hyperlinks */
	
section a:link, section a:visited, section a:active { 
 color:#996633; text-decoration:none; font-weight: bold;}

section a:hover{ text-decoration:none; background-color:#ffcc99;
color:#000000;

}




 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
div#Content {
    width: 100%;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
div#Content {
    width: 100%;
}
footer {
	width:100%;
} 
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
div#Content {
    width: 95%;
}
footer {
	width:95%;
} 
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
body {
  background-image: url(bg.png);
}
div#Content {
    width: 80%;
}
footer {
	width:80%;
} 
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
body {
  background-image: url(bg.png);
}
div#Content {
    width: 80%;
}

footer {
	width:80%;
} 
}



/* Cookie-Hinweis */

#cookiehinweis a {color:#000; text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% Comic Sans MS, cursive;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}