body{
	margin: 0px;
	padding: 20px 10px 20px 30px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #93C54B;
	background-color: #00523c;

	background-image: url(../gradiant.jpg);
/***	background-image: url(../leaves_merkseamless_bg_opacity.png)
	background-image: url(../leaves_merkseamless_bg_opacity.png);
***/
}
p{ margin:0px 0px 1em 0px;}
a, a:visited{color:#663366;}
img.background{
	position:fixed;
	right:0px;
	bottom:0px;
}
.title{
	position:fixed;
	top:0px;
	left:0px;
	width:70px;
	height:100%;
	background:url( ../leaves_merkseamless_bg_opacity.png) no-repeat 0px 5px; 
}
.gallery{
	width:95%;
	margin:0px auto;
	position:relative;
}
.gallery .sorting{
	margin: 0px 0px 15px 0px;
	border: 1px solid #93C54B;
	background-color:rgba(0, 255, 0, 0.2);
}
.gallery .sorting span{
	padding: 0px 20px 0px 0px;
	color:#ffff00;
	font-style:italic;
}
.gallery .sorting div{
	margin:10px 0px 10px 10px;
}
.gallery .sorting a{
	color:#fff;
	font-size:.85em;
	text-decoration:none;
text-shadow: black 0.1em 0.1em 0.2em; 
	text-transform:uppercase;
	padding:3px 20px 3px 20px;
	background:url(../images/check_normal.gif) no-repeat 0px 3px;
}
.gallery .sorting a:hover{color:#000;  text-shadow: white 0.1em 0.1em 0.1em; }
.gallery .sorting a.selected{color:#ccc;  text-shadow: black 0.1em 0.1em 0.1em;  background-image:url(../images/check_selected.gif);}

.gallery .photos .thumbnail_container{position:relative;}
.gallery .photos .thumbnail_container a.thumbnail{position:absolute;}
.gallery .photos .thumbnail_container a.thumbnail img{
	width:75px;
	height:75px;
	border: 1px solid #fff;
}

.clear_both {clear:both; line-height:1px;}
 
/*Vertical*/
@media screen and (min-height:50px) and (max-height:520px) { 
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
}
@media screen and (min-height:521px) and (max-height:700px) {
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
 }
@media screen and (min-height:701px) {
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
 }

/*Horizontal*/
@media screen and (min-width:50px) and (max-width:500px) { 
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
	body{padding:5px 0px 0px 5px;}
	.gallery{width:auto; margin-left:35px;}
	.gallery .sorting span {display:block; color:#e5aa2c; padding: 0px 0px 20px 0px;}
	.gallery .sorting a {display:block;}
}
@media screen and (min-width:501px) and (max-width:960px) { 
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
	.gallery .sorting span {display:block; padding: 0px 0px 20px 0px;}
	gallery .sorting a {display:block; width:35%; float:left; margin-bottom:5px;}
}
@media screen and (min-width:961px) { 
	.title{background-image:url(../leaves_merkseamless_bg_opacity.png);}
	.gallery .sorting span { padding: 0px 20px 0px 0px;}
}