*{
color: #C191F1; 
font-size: large;
}

body{
background-color: #12223c;
}
#p{
margin-left: 10%;
margin-right: 10%;
}

.input{
color: black;
size: large;
}

.schilderij{
width: 700px;
}

.schilderij1{
height: 700px;
}

.titel{
font-size:xx-large;
}

th{
text-align: left;
padding-right:3em;
}

#content{
width:800px;
margin:0 auto;
}
.a{
height: 2em;
}

ul.menu li {
list-style: none;
}

ul.menu li ul {
padding: 0;
margin-left: 123px;
border: 1px solid black;
background: yellow;
width: 123px;	
}

ul.menu li div {
height: 22px;
width: 123px;
text-align:center;
color:black;
background-image: url('jpgs/button1up.png');
}

ul.menu li div a {
color: black;
text-decoration: none;
}

ul.menu li div:hover {
background-image: url('jpgs/button1over.png');
}

#inhoud {
display: block;
margin-left: auto;
margin-right: auto;
}

/** MENU TABS **/

body{
margin: 0px;
}

#menu-wrapper{
width: 100%;
margin: 0;
padding: 0;
left: 0px;
}

#tabs {
left:0px;
top:0px;
width: 100%; 
border-collapse: collapse; 
text-align: center; 
table-layout: fixed;
}

#tabs tr {
height: 70px; 
}

#tabs td{
width: 15%;
font-size: x-large;
font-weight: bold;
font-style: italic;
background-color: #C191F1;
overflow: hidden;
cursor: pointer;
border-right: 0.15em solid #12223C;
}

#tabs a {
color: #12223C;
text-decoration: none;
}

#tabs td.selected {
background-color: #12223C;
}

#tabs td.selected a{
color: #f19193;
}

#tabs td.active a{
color: #C191F1
}

#tabs td.active {
background-color: #12223C;
cursor: default;
}

/** Scrollable **/
div.scrollable { 
	margin-top: 150px;
    position:relative; 
    overflow:hidden; 
    width: 800px; 
    height: 150px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.items div {
margin: 0 5px;
width: 150px;
height: 150px;
float: left;
vertical-align: middle;
}

.items div a {
width: 150px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.items div img {
margin:auto;
display: block;
}

.browse {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(jpgs/hori_large.png) no-repeat scroll 0 0;
text-decoration: none;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:40px 10px;
width:30px;
}

.prev {
margin-left: 0;
}

.next {
background-position:0 -30px;
clear:right;
margin-right:0;
}