
body {
    font-family: 'Linux Libertine', Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif;
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    background-color: #0A3B74;
    //    background-image: url("/images/perldancer-bg.jpg"); 
    background-repeat: no-repeat;
    background-position: top left;
    
    font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
    font-size: 13px;
    color: #333;
}
 
h1 {
    font-size: 28px;
    color: #000;
}

a  {
   color: #03c;
   text-decoration:none;

}

a:hover {
//    background-color: #03c;
      color: darkblue;;
      text-decoration: underline;
}

a.button  {color: #03c}

a.button:hover {
//    background-color: #03c;
      color: #6D92FF;;
      text-decoration: none;
}


#page {
    background-color: #ddd;
    width: 990px;
    margin: auto;
    margin-left: auto;
    padding-left: 0px;
    margin-right: auto;

}

#header{
    background-color: white;
    border-left: 3px solid #aaa;
    border-right: 3px solid #aaa;
    padding: 0px;
    width: 990px;
    height:240px;

}
#navigation {

    background-color: white;
    border-left: 3px solid #aaa;
    border-right: 3px solid #aaa;
    padding: 0px;
    width: 990px;
    height:40px;
}
#content {
    background-color: white;
    border: 3px solid #aaa;
    border-top:none;
    border-bottom:none;
    padding: 10px;
    padding-top:20px;
    width: 970px;
    min-height:600px;
}

#header h1 {
    top:125px;
    padding-left:20px;
    position: absolute;
    z-index:10;

}
#header div.toppics {
    position: absolute;
    top:0px;
    z-index:2;

}

ul#navigation {
    list-style-type: none;
    height: 40px;
    width: 990px;
    margin: auto;
    padding-top:5px;
}
ul#navigation li {
   float:right;
   padding-left:1px;
   padding-right:2px;
}

h1, h2, h3, h4, h5 {
    font-family: sans-serif;
    margin: 1.2em 0 0.6em 0;
}

p {
    line-height: 1.5em;
    margin: 1.6em 0;
}

code, tt {
    font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
}

#footer {
    position:absolute;
    background-color: white;
    border: 3px solid #aaa;
    border-top:1px solid #aaa;
    padding: 5px;
    width:980px;
    text-align:center;
    color:#c3c3c3;
}
#footer a {
	color: #0cf;
}

.toppics {  
    height:  240px;  
    width:   990px;  
    padding: 0;  
    margin:  0;  

} 
 
.toppics img {  
    top:  0; 
    left: 0 
} 

#fonteffect{ 
    font-family:"Arial"; 
    font-size:4em; 
    margin-bottom:30px; 
    color:#333333;
}

div#tabs ul {
   text-align:right;
}
#content .center, .center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


img.inpage-image {
   padding:2px;
   background-color:white;
   border: 3px solid #664C39;

}

img.right {
   margin-left:10px;
   margin-right:0px;
   float:right;
}
img.left {
   margin-left:0px;
   margin-right:10px;
   float:left;
}
img.inline-image, .iframed {
   padding:2px;
   background-color:white;
   border: 3px solid #664C39;
}
img.thumb-image {
   padding:2px;
   background-color:white;
   border: 1px solid #664C39;
}

#content p,#content h1,#content h2,#content h3,#content h4 {
   text-align:left;
   padding-left:5px;
}

p#aanbieding {
	text-align:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:#664C39;
	color:white;
	padding:15px;
}


div.prijzen {
	display: flex;
	width: 500px;
	flex-wrap: wrap;
}
div.prijzen span {
	flex: 1;
	min-width: 200px;
	padding: 5px 10px;
		display: inline-block;
}

ul {
	padding: 0 20px;;
}
