body, table, tr, td {
font-family: 'Antic', 'News Cycle', sans-serif;
margin: 0;
padding: 0;
border-spacing: 0;
font-size: 13px;
line-height: 1.5;
color:#222;
}

tr {
vertical-align: top;
}

h1 {
margin: 0;
padding: 0;
}

#wrapper {
margin-top: 0px;
margin-left:auto;
margin-right:auto;
width:600px;
}

#urnen {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #CC6633;
}

#frank {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#boekje_container {
width:500px;
overflow-x: hidden;
box-shadow: 0 0 20px #ccc;
-moz-box-shadow: 0 0 20px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
border: 1px solid #ccc;
margin-top: 85px;
height: 500px;
overflow-y: hidden;
position: relative;
}

#boekje {
width:500px;
position: relative;
}

#boektje td {
text-align:center;
margin-left: auto;
margin-right: auto;
width:300px;
}

#boekje tr {
vertical-align: bottom;
}

#boekje td {
border-right: 0px solid #ccc;
width:100%;
text-align: center;
}

#boekje td img {
height: 450px;
text-align: center;
padding-top: 30px;
}

#boekje .boekjediv {
width:500px;
}

#boekje .caption {
font-size:11px;
color:#777;
position:relative;
float:right;
margin:-10px 10px 0px 0;
z-index:99;
}

#nav {
margin-top: 10px;
color: #999;
}

#nav span {
padding: 0 4px;
cursor: pointer;
border: 1px solid transparent;
color: #CC6633;
font-weight: bold;
}

#nav span:hover {
color: #222;
border: 1px solid #ddd;
}

.ptext {
width:350px;
padding-left: 5px;
}

.ptext .title {
color: #CC6633;
font-weight: bold;
}

.tabs {
margin-top: 10px;
padding: 0;
}



ul, li {
margin: 0;
padding: 0;
}

.tab_content, .tab_container {
padding: 0px;
margin: 0;
}

ul.tabs  {
margin-bottom: 60px;
}

ul.tabs li {
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	background: #eee;
	display: inline;
	float:left;
}
ul.tabs li a {
	text-decoration: none;
	display: block;
	padding: 0 10px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	color: #333;
	font-weight: bold;
}

ul.tabs li a h2 {
font-size: 14px;
padding: 0;
margin: 0;
}

ul.tabs li a:hover {
	background: #ddd;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}