html, body {
	font-size: 1em;
	height: 100%;
	background-color:#402C26;
	background:#402C26;
	background-position:center;
	padding:0;
	margin:0;
	}
table {role: presentation}
img {border:0;}
A:link {
font-weight : bold;
color : #ff0000;
text-decoration : none;
}
td th {vertical-align: top;}
.nav A:hover {
font-weight : bold;
color : yellow;
text-decoration : none;
background-color:#125472;
}
A:hover {
font-weight : bold;
color : #ff7a00;
text-decoration : none;
//cursor: url("http://www.droomwevers.nl/sys_images/pin1_small.gif" ),auto;
   -webkit-stroke-width: 5.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 1px 0px 20px yellow;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}
button:hover, button:focus, button:active{
//cursor: url("http://www.droomwevers.nl/sys_images/pin1_small.gif" ),auto;
text-decoration : underline;
background-color:#11BFF2;
}
.buttonrotate
{

background:#aaa;
padding:0px 0px;
border:none;
margin:0px;
cursor:pointer;

-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;

-o-transition-property:width,height,-o-transform,background,font-size,opacity,color;
-o-transition-duration:1s,1s,1s,1s,1s,1s,1s;

-moz-transition-property:width, height, -moz-transform, background, font-size, opacity, color;
-moz-transition-duration:1s,1s,1s,1s,1s,1s,1s;

transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;

-webkit-border-radius:5px;
border-radius:5px;

box-shadow:0 0 2px rgba(0,0,0,0.5);

text-shadow:0 0 5px rgba(255,255,255,0.5);

display:inline-block;	/* It is important for the button to rotate*/
}
.buttonrotate:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);

background:#99A411;
font-size:30px;
color:#fff;
}
A:visited {
font-weight : bold;
color : #ff0000;
text-decoration : none;
}
div#balklinks {
float:left;
//background: url(http://droomwevers.nl/sys_images/achtergrond-verloop.gif) repeat-y 50% 0;
width : 3%;
height:100%;
margin:0;
margin-bottom: -10000px;
padding-bottom: 10000px;
z-index : 99;
}
div#boeken {
float:left;
//background: url(http://droomwevers.nl/sys_images/achtergrond-verloop.gif) repeat-y 50% 0;
width : 100%;
height:100%;
margin:0;
margin-bottom: -10000px;
padding-bottom: 10000px;
z-index : 99;
}
#total {
	background-color: #402C26;
	min-width: 100%;
	max-width: 100%;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	padding:0;
 }
#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.1%;
	margin-bottom: 15px;
	text-align: left;
	min-width: 85%;
	max-width: 95%;
	padding: 15px;
z-index : 99;
	}
div#home {
position:absolute;
left: 5%;
width:90%;
border: 0;
padding:10px;
//background: url("http://droomwevers.nl/new2.0/sys_images/music007.jpg");
/* default background colour, for all layout engines that don't implement gradients */
background: #03A0CB;
/* gecko based browsers */
background: -moz-linear-gradient(left, #03A0CB, #D3DD7D);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, right top, from(#03A0CB), to(#D3DD7D));
z-index : 99;
}
div#logo {
float:left;
width : 90%;
height : 30%;
margin : 0;
margin-bottom : 15px;
z-index : 99;
}
div#menu {
float:left;
width : 98%;
height : 100%;
margin-left : 1%;
padding-right : 0;
z-index : 99;
}
div#achtergrond {
position : absolute;
left : 4%;
width: 16%;
top : 0%;
height : 100%;
margin-left : 0;
padding-right : 0;
background: #cbfcf4;
z-index : -1;
}
div#nav {
float: left;
width : 22%;
height : 100%;
margin-left : 0;
padding-right : 0;
color : black;
z-index : 99;
}
div#content {
float: right;
width : 77%;
height : 100%;
margin: 0;
margin-left:1%;
padding:0;
color : black;
z-index : 99;
}
div#name {
float:left
width : 100%;
height : 10%;
margin-bottom: 15px;
padding: 0;
border:0;
z-index : 99;
}
div#leef{
float:left;
width:100%;
//background: #D5DC7C;
font-weight: bold;
color:#135472;
margin-bottom: 10px;
margin-bottom: 10px;
}
div#toon {
float:left;
width:95%;
height:100%;
//background: url("http://droomwevers.nl/new2.0/sys_images/music007.jpg");
/* default background colour, for all layout engines that don't implement gradients */
background: #D0AED1;
/* gecko based browsers */
background: -moz-linear-gradient(left, #D0AED1, #F8E1B8);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, right top, from(#D0AED1), to(#F8E1B8));
overflow: hidden;
z-index:-1;
}
div#show {
float:left;
width:97%;
margin:0;
margin-left:3%;
margin-bottom:2%;
padding:0;
color:black;
}
div#bottom {
bottom:0;
clear: both;
float:left;
width:100%;
height:100%;
}
div#titel {
float:left;
width:100%;
font-size:120%;
font-weight:bold;
margin:0;
margin-left:0;
margin-top:4%;
margin-bottom:2%;
padding:0;
color:red;
}
.rechts {float: right; height: 125px; padding: 10px 0px 0px 10px; display: inline;}
.links {float: left; height: 125px; padding: 0px 10px 10px 0px; display: inline;}

#poster {
	float: right;
	top:0;
 //	padding: 0 15px 10px 20px;
	background-color:inherit;
	/*border: solid 1px green;*/
	display: inline;
}
#loading{
    float:left;
	width:300px;
	top:0px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	padding:7px 0 0 0;
	font:bold 11px Arial, Helvetica, sans-serif;
}
#magazine{
	width:800px;
	height:400px;
}
#magazine .turn-page{
	width:400px;
	height:400px;
	background-color:#ccc;
}