/* cmsms stylesheet: anim modified: 09/27/16 15:42:35 */
div.bird {
	position:absolute;
	width:100px;
	height:100px;
}

div.debug {
	background-color:blue;
	position:absolute;
}
div.debug.b {
	background-color:red;
}

div.bird  .bg {
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

div.bird.c1 div {
	background-image:url('//kameeri.nl/img/anim/birdgrsprite.png');
}
div.bird.c2 div {
	background-image:url('//kameeri.nl/img/anim/birdblsprite.png');
}
div.bird.c3 div {
	background-image:url('//kameeri.nl/img/anim/birdrdsprite.png');
}
/* cmsms stylesheet: kameeri modified: 09/27/16 15:42:35 */
html,body {
	height:100%;
	margin: 0;
}

body.home {
	overflow-x:hidden;
	min-height:600px;
}

#tree {
	position:absolute;
	width:373px;
	height:476px;
	bottom:110px;
	left:-70px;
	background-image:url('//kameeri.nl/img/boom_zomer.png');
}

body.m12 #tree,body.m01 #tree,body.m02 #tree {
	background-image:url('//kameeri.nl/img/boom_winter.png');
}
body.m03 #tree,body.m04 #tree,body.m05 #tree {
	background-image:url('//kameeri.nl/img/boom_lente.png');
}
body.m10 #tree,body.m11 #tree {
	background-image:url('//kameeri.nl/img/boom_herfst.png');
}

body.home #container {
	background-image:url('//kameeri.nl/img/bodem_zomer.png');
background-color:white;
	background-repeat:no-repeat;
	background-position:center bottom;

	height:100%;
	width:100%;
	overflow:hidden;
}

body.home .main {
	height:100%;
}


body.m12.home #container,body.m01.home #container,body.m02.home #container{
	background-image:url('//kameeri.nl/img/bodem_winter.png');
}
body.m03.home #container,body.m04.home #container,body.m05.home #container {
	background-image:url('//kameeri.nl/img/bodem_lente.png');
}
body.m10.home #container,body.m11.home #container {
	background-image:url('//kameeri.nl/img/bodem_herfst.png');
}


.main {
	max-width:900px;
	width:100%;
	position:relative;
	margin:auto;
}

.top {
	width:850;
	margin:auto;
	padding:40px 0;
	position:relative;
}


body #header {
	width:487px;
	height:146px;
	background:url('//kameeri.nl/img/header.png') no-repeat;
	background-size:100%;
	position:relative;
	z-index:100;
	background-color:rgba(255,255,255,0.6);
}

body.home #header {
	margin:auto;
	max-width:487px;
	width:100%;
}

body.page #header {
	margin-left:30px;
	bottom:0;
}

.menu ul {
	font-family: verdana, arial, sans-serif;
}

body.home .menu {
	width:300px;
	position:absolute;
	right:75px;
	top:50%;
	margin-top:-10em;
}

body.home .menu ul {
	font-size: 120%;
	text-align:right;
	line-height:40px;
	list-style:none;
	margin:0;
}
body.page .menu {
	position:absolute;
	bottom:50px;
	left:550px;
z-index:1000;
}

body.page .menu ul {
	font-size: 120%;
	list-style:none;
	margin-bottom:0;
	width:100px;
	float:left;
padding-left:10px;
}

.menu ul li.separator {
	display:none;
}

body.page .menu ul li {
	text-align:left;
}


.menu ul li a:hover {
	color:#669933;
}

.menu ul li a.menuactive {
	color:#669933;
}

.menu ul li a {
	color:#777;
	text-decoration:none;
}

#rhsbranch {
	background-image:url('//kameeri.nl/img/takrechts_zomer.png');
	background-position:270px -30px;
	background-repeat:no-repeat;
	position:absolute;
	width:50%;
	right:0;
	height:209px;
}

#lhsbranch {
	background-image:url('//kameeri.nl/img/taklinks_zomer.png');
	background-repeat:no-repeat;
	position:absolute;
	width:716px;
	left:-716px;
	height:209px;
top:0;
}

body.m12 #lhsbranch,body.m01 #lhsbranch,body.m02 #lhsbranch {
	background-image:url('//kameeri.nl/img/taklinks_winter.png');
}

body.m03 #lhsbranch,body.m04 #lhsbranch,body.m05 #lhsbranch {
	background-image:url('//kameeri.nl/img/taklinks_lente.png');
}
body.m10 #lhsbranch,body.m11 #lhsbranch {
	background-image:url('//kameeri.nl/img/taklinks_herfst.png');
}

body.m12 #rhsbranch,body.m01 #rhsbranch,body.m02 #rhsbranch {
	background-image:url('//kameeri.nl/img/takrechts_winter.png');
}
body.m03 #rhsbranch,body.m04 #rhsbranch,body.m05 #rhsbranch {
	background-image:url('//kameeri.nl/img/takrechts_lente.png');
}
body.m10 #rhsbranch ,body.m11 #rhsbranch  {
	background-image:url('//kameeri.nl/img/takrechts_herfst.png');
}

.content {
	color:#666;
	font-family: verdana, arial, sans-serif;
        padding:0 5px;
}

body.home #content {
	color:#666;
	font-family: verdana, arial, sans-serif;
	font-size:9pt;
	position:absolute;
	bottom:100px;
	width:100%;

}
body.home #content .posted {
	color:#999;
	font-weight:bold;
	font-size:7pt;
}
body.home #news {
	width:350px;
	height:52px;
	bottom:100px;
	margin:auto;
	display:none;
	position:relative
}
body.home #news img {
        position:absolute;
	padding:0;
	margin:0;
	border:1px solid #ccc;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:50px;
        height:50px;
}
body.home #news:hover img {
        transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
}
.footer {
	height:40px;
	clear:both;
}

a {
	color:#669933;;
}

/** news **/

div.NewsSummary,div#NewsPostDetailContent {
	overflow:auto;
}

div.NewsSummaryContent img,div#NewsPostDetailContent img {
	padding:7px;
}

div.NewsSummaryPostdate, div#NewsPostDetailDate {
	font-size:7pt;
	color:#777;
	font-style:italic;
}
h3.NewsPostTitle {
	margin-bottom:3px;
}

div.NewsSummary {
	padding-bottom:40px;
}

/** social **/
div#social {
	position:absolute;
	top:5px;
	left:5px;
	opacity:0.3;
}
div#social:hover {
	opacity:1;
}
div#social div.line {
	padding-bottom:5px;
}
div#social div.line2 {
	padding-bottom:2px;
}

@media screen and (max-width: 900px) {
body.home #container{
background-position:left -1020px bottom -30px;
}
#tree{
	bottom:70px;
	left:0;
}
#lhsbranch {
left:auto;
right:40%;
top:auto;
}
body.page .menu {
bottom:auto;
top:10px;
}
body.page .menu ul {
padding-left:0;
float:none;
margin:0;
}
}
@media screen and (max-width: 700px) {
	body.home #social, body.home #content {
		display:none;
	}

body.home .menu {
	background-color: rgba(255, 255, 255, 0.85);
	margin-top:0;
	bottom:0;
	z-index:3000;
	width:100%;
	right:auto;
	top:auto;
text-shadow: 7px 7px 7px white;
}
body.home .menu ul {
	margin:0;
	width:50%;
	padding:0;
	text-align:center;
	display:inline-block;
}



body.page #header {
	margin-left:65px;
	width:243px;
	height:73px;
}
body.page #header .bird {
	display:none;
}
.top {
	padding-top:0;
	margin:20px 0;
}
body.page .menu {
	top:0;
	left:0;
	background:url('//kameeri.nl/img/menu.png') no-repeat center;
	background-size:100%;
	width:60px;
	height:80px;
	bottom:auto;
}
body.page .menu .inner {
	width:200px;
	background-color:white;
	box-shadow:5px 5px 5px #bbb;
	top:80px;
	position:relative;
	left:-240px;
	padding:15px;
}
body.page .menu:hover .inner {
	left:0;
	transition: left 300ms linear;
}
body.page .menu ul {
	width:100%;
}
body.page .menu li {
	margin:0;
	padding:10px;
}
#rhsbranch {
	top:-25px;
	width:100%;
	overflow:hidden;
}

}

@media screen and (max-width: 400px) {
	body.home .menu {
		width:200px;
	}
	body.home .menu ul {
		width:100%;
	}
	body.home {
		min-height:500px;
	}
}