body {
		font-family: 'Mukta Vaani', sans-serif;
		font-size:1.3em;
    }

    #main {
        min-height: 800px;
        margin: 0px 4%;
        display: flex;
        flex-flow: row;
    }
 
    #main > content {
        padding-right: 12px;
		margin-top: -40px;
        flex: 3 1 80%;
        order: 2;
    }

    #main > nav {
        padding-right: 12px;
        flex: 1 6 20%;
        order: 1;
		z-index:12;
    }
	#header{
		margin:60px 4% 80px 4%;
		width:20%;
		min-width:400px;
	}
	#originalbild{
		margin-top:35px;
	}
	
content #submenu{
	position:absolute;
	top:150px;
	right:2%;
}
content #submenu a{
	text-decoration:none;
	border:none;
	margin:0 12px;
}
content #submenu a:hover{
	text-decoration:underline;
}
 
    /* Too narrow to support three columns */
    @media all and (max-width: 640px) {
        #main, #page {
            flex-direction: column;
        }

        #main > content, #main > nav {
        /* Return them to document order */
            order: 0;
        }
  
        #main > nav {
            min-height: 50px;
            max-height: 50px;
        }
		#main > content{
			padding-top:200px;
		}
    }
	nav ul {
		list-style:none;
		margin:0px;
		padding:0px;
	}
	nav ul li{
		margin-bottom:0.8em;
		line-height:1.15em;
	}
	nav a {
		text-decoration:none;
		color:#000;
	}
	nav a:hover, nav a.current {
		text-decoration:none;
		border-bottom:1px solid #000;
		color:#000;
	}
	content a {
		text-decoration:none;
		border-bottom:1px solid #000;
		color:#000;
	}
	content a:hover {
		text-decoration:none;
		border-bottom:1px solid #999;
		color:#999;
	}
	content img{
		min-width:500px;
	}
	content td img{
		width:100%;
		height:auto;
		min-width:auto;
	}
	content #thumbnailmenu img{
		width:100%;
		min-width:1px;
	}
	h1{
		font-weight:normal;
		font-size:180%;
	}
	td h1{
		font-weight:normal;
		font-size:180%;
		margin:-18px 0 0 0;
		padding:0;
	}
	.h1small{
		font-size:70%;
	}
	#chor{
		background-image:url(chor1a_titelbild.jpg);
		width:640px;
		height:360px;	
	}
	
	#chor:hover{
		background-image:url(sorry.jpg);
		width:640px;
		height:360px;	
	}
	#olivenernte{
		background-image:url(olivenernte_titelbild.jpg);
		width:640px;
		height:360px;	
	}
	
	#olivenernte:hover{
		background-image:url(sorry.jpg);
		width:640px;
		height:360px;	
	}
	td ul{
		margin-left:-18px;
	}
	#originalbild img{
		margin-bottom:60px;
	}
	
    /* Galerien */
		

#galerie {
}
#galerie img {
	float:left;
}
	
img, img:hover, img:active{
	border:none;
}

	h4{
		100%;
		font-style:normal;
	}
	
#thumbnailmenu{
	margin-top:35px;
	margin-left:-5px;
}
	.thumbnailbox{
	overflow:hidden;
	float:left;
	line-height:0px;
	margin:4px;
	width:19%;
}

@media (max-width: 1250px) {
  .thumbnailbox {
    width: 23%;
  }
}

@media (max-width: 1100px) {
  .thumbnailbox {
    width: 31%;
  }
}

@media (max-width: 950px) {
  .thumbnailbox {
    width: 48%;
  }
}

@media (max-width: 800px) {
  .thumbnailbox {
	  width:99%;  }
}

.bild img{
	width:100%;
}

.bild{
	position:relative;
	line-height:0px;
	width:100%;
	opacity:1;
	-webkit-transition:0.5s all ease-out;
	-moz-transition:0.5s all ease-out;
	-o-transition:0.5s all ease-out;
	transition:0.5s all ease-out;
	z-index:1;
}

.bild:hover{
	opacity:0.2;;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

	}