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

body {
	background: #fff url(/img/bg.jpg) repeat-x;
	margin: 0 auto;	padding-bottom: 0;
	max-width: 100%; height: 100%; position:relative;
}


                     /*//////////////////////  PAGE  ////////////////////*/

.wrapper { width: 900px;
	   margin: 0px auto; height: 100%;
}
img {
	max-width: 100%;
	height: auto;
	width: auto; border: 0;
}

.logo { 	float: left; background-image: url(/img/logo.png);
        height: 130px; width:275px;
        margin: 64px 0 0 40px; padding: 0;
}

.gallery { text-align:center;
}

.menu2 { display: none; 
}
.menu { float: right; background-image: url(/img/menubg.jpg);
		 	width: 237px; height: 45px;
			margin: 120px 40px 0 0;
}
.links {   float: right;
         	height: 45px; width:37px;
			margin-top: 0; margin-right: 0px;
}
#blinks { display:block;
			background-image: url(/img/links.jpg);
	    	height: 45px; width:37px;
}        #blinks:hover { background-image: none;}

.gastenboek {   float: right;
         	height: 45px; width:59px;
			margin-top: 0; margin-right: 1px;
}
#bgastenboek { display:block;
			background-image: url(/img/gastenboek.jpg);
	    	height: 45px; width:59px;
}        #bgastenboek:hover { background-image: none;}

.contact {   float: right;
         	height: 45px; width:38px;
			margin-top: 0; margin-right: 3px;
}
#bcontact { display:block;
			background-image: url(/img/contact.jpg);
	    	height: 45px; width:38px;
}        #bcontact:hover { background-image: none;}

.fotos {   float: right;
         	height: 45px; width:38px;
			margin-top: 0; margin-right: 11px;
}
#bfotos { display:block;
			background-image: url(/img/gallery.jpg);
	    	height: 45px; width:38px;
}        #bfotos:hover { background-image: none;}

.home {   float: right;
         	height: 45px; width:38px;
			margin-top: 0; margin-right: 12px;
}
#bhome { display:block;
			background-image: url(/img/home.jpg);
	    	height: 45px; width:38px;
}        #bhome:hover { background-image: none;}

.mainContent {
			margin: 8px auto;
			height: auto; width: 900px;
}

.rightcontent { float: left; background-color: #fff;
				border-radius: 10px;
               margin: 0 0 0 10px; padding: 20px 30px 20px 30px; 
               width: 820px;  min-height: 400px;
				-moz-box-shadow: 1px 2px 6px #333;
           		-webkit-box-shadow: 1px 2px 6px #333;
           		box-shadow: 1px 2px 6px #333;
}
.rightcontent img { opacity: 1;
}
.rightcontent img:hover{ opacity: 0.7;
}

.f {
			margin: 22px auto;
			height: 200px; width: 900px;
}


div#bottom { width: 894px; height: auto; margin: 20px 0 0 3px;
             clear:both;
}

                 /*////////////  FOOTER   //////////////*/

div#footer { width: 100%; height: 45px; margin-top: 15px;
             clear:both;
             color: #666666;
             
}
div#footer p { font-size: 0.7em;
               margin: 10px 0 15px 0; padding-top: 2px; text-align: center; 
}
div#footer p a { color: #006699;  
}

div#footer a:hover{ color: #0193ae;
}

.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}
/**********************************************************************************/
/******************* for 960px or less *******************************************/

@media screen and (max-width: 960px) {
	body {}
.wrapper {   width:100%;
	     margin: 0px auto; 
}
.logo { 
}

.mainContent {margin: 6px auto;
			height: auto; width: auto;
}

.rightcontent {width: 90.5%; min-height: 400px;
              margin: 0 1% 0 1%; padding: 1%px;
}
div#bottom { width: auto; height: auto; margin: 20px 3px 0 3px;
             clear:both;
}
}
/*********** for 768px or less *******************/
@media screen and (max-width: 768px) {
	body {background: #fff url(/wiggersbirds-new/img/bg-small.jpg) repeat-x;}
.wrapper {
}

.logo {	background-image: url(/wiggersbirds-new/img/logo-small.png);
        height: 95px; width:198px;
        margin: 40px 0 0 2%; padding: 0;
}
.menu { float: right; background-image: url(/img/menubg.jpg);
		 	width: 237px; height: 45px;
			margin: 74px 1% 0 0;
}
.rightcontent {width: 94%; min-height: 400px;
              margin: 0 1% 0 1%; padding: 3% 2% 3% 2%;
}
div#bottom { display: none;
}
}
/*********************** for 480px or less ***********************/
@media screen and (max-width: 480px) {
body {background: #fff url(/img/bg-smallest.jpg) repeat-x;}
.wrapper {}
.logo {	background-image: url(/img/logo-small.png);
        background-repeat: no-repeat;
        height: 95px; width:215px;
        margin: -10px 0 0 2%; padding: 0;
}
.menu { float: right; background-image: url(/img/menubg.jpg);
		 	width: 237px; height: 35px;
			margin: 30px 2% 0 2%;
}


}

@media (min-width: 981px) {
	.headerPic {
		width: 50%;/*500px*/;
		float:left;
		padding:20px;
	}
	.websiteDescription {
		margin-left: 50%/*500px*/;
	}	
	

}
/**************************/
/*********************************End Media Queries****************************************/
/**************************/