html {
    min-height: 100%;
}
body  { background:#b9d7ef; background: linear-gradient(to bottom, #8eb4d3, #b9d7ef 25%); color: black; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding:0; font-size: 0.9em;}

.leftsloupec{ width: 25%; float: left; display: block; padding: 20px 20px 0 20px; box-sizing: border-box; }
.leftsloupec img {max-width:100%;}
ul#nav {list-style: none; padding:0; margin: 20px 0 0 0; }
ul#nav li {margin:0 0 10px 0;}
ul#nav a { display: block; background: #f2daac; min-height: 18px; text-decoration: none; color: Black; font-weight: bold; border-radius: 3px;box-shadow: 0px 0px 5px #000; padding: 10px;}
ul#nav a:hover {color: #000050; background:  }
.selected{color:red !important;}
.motto {color: #444; padding: 10px 0 ;}

.container {background: #dff0fd; max-width: 1200px; margin: 10px auto; overflow: hidden; border-radius:10px; border-top-left-radius: 20px; border-bottom-right-radius: 40px; box-shadow: 0px 0px 5px #000;}

	
.button {display: block; background: url(nav/button2.gif); width: 85px; height: 25px; padding: 5px 0 0 15px;
	text-decoration: none; font-weight: bold;}

.content {float:left; width: 75%; padding: 20px; overflow: auto; box-sizing: border-box;  }
.content img {border-radius:3px;box-shadow: 0px 0px 1px #000; max-width: 100%; }

.footer { clear:both; background: #8eb4d3; overflow: hidden; max-width: 1200px; padding: 20px;  }
.box{  padding: 5px; font-size: small;}

h1{font-size:1.1em;}
h2{font-size:1.1em;}
h3{font-size:1em; padding:0; margin: 0.7em 0 0.4em 0;}
h4{font-size:1em; padding:0; margin: 0.5em 0 0.2em 0;}

ul{margin:0 0 0 1.1em; padding:0;}
li {margin: 0; padding:0;}
	
label{display:block; width:9em; float: left;}
	form input {}
	
img {border: 0; vertical-align: middle;}

p{padding:0; margin: 0 0 0.4em 0;}

img.left {float: left; margin: 0 10px 0 0; max-width: 50%;}
img.right {float: right; margin: 0 0 0 10px; max-width: 50%;}

.selectnav { display: none; }

@media screen and (max-width: 1200px) {
	.container{margin: 10px;}
}

.fotogalerie-thumbnails {padding: 5px 0 0 0;}
	.fotogalerie-thumbnails img {margin: 0 2px 5px 0; border:2px #8eb4d3 solid;}

@media screen and (max-width: 700px) {
	.js #nav { display: none; }
	.js .selectnav { display: inline-block; position:absolute; right: 30px; top: 30px; max-width: 55%; font-size: 1.2em;}

	.leftsloupec {float:none; width:auto;}
	.leftsloupec  img{padding: 22px 0 0 0; max-width:50%;}
	.content {float:none; width:auto;}
	img.left, img.right {float: none; margin: 0;  max-width: 100%; margin: 0 auto;}
}