* {
padding: 0;
margin: 0;
} 

body {
background-color: #C0D8F0;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #555;
line-height: 20px;
}

img { border: none; }
a { text-decoration: none; color: #3090F0; }
a:hover { color: #333; }
h3 { border-bottom: 1px dotted #ccc; color: #3090F0; padding: 10px 0 2px 0; }
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848; text-decoration: underline; }


#wrap {
margin: 0 auto;
width: 980px;
background: #fff url(../img/bg.gif) top center repeat-y;
}

#header {
background: #95e6f9 url(../img/header.gif) no-repeat;
height: 100px;
}

#header h1 { text-transform: uppercase; padding: 25px 0 4px 30px; font-size: 30px; font-weight: 100; letter-spacing: -2px; }
#header h1 a { color: #3090F0; }
#header h1 a:hover { color: #333; }
#header h2 { padding: 4px 0 0 30px; font-size: 19px; color: #333; font-weight: 100; }

#header img {
   float:right;
   margin-top:10px;
   margin-right:25px;
}

#menu {
background: #85b1d1 url(../img/menu.gif) no-repeat;
height: 40px;
line-height: 40px;
padding-left: 20px;
}
#menu li {
float:left;
list-style-type:none;
}
#menu li a {
padding:0 10px;
text-decoration:none;
color: #fff;
letter-spacing:-1px;
font-weight: 100;
font-size: 17px;
}
#menu li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px;
}

#left {
background-color:#fff;
float: left;
width: 200px;
}
#left ul {
}
#left ul ul {
   padding-bottom:16px;
}
#left li {
   list-style-type: none;
   line-height:18px;
}
#left ul li {
   padding-left: 5px;
   padding-bottom:4px;
   font-weight:bold;
   border-bottom:1px dotted silver;
}
#left ul ul li {
   font-weight:normal;
   border:none;
}
#left ul ul li a:hover {
   text-decoration:underline;
}
#left li.lirnd {
   padding-left:5px;
   font-weight:bold;
}
#left li.lirnd a {
   color:#3090F0;
}
#left li.lirnd a:hover {
   color:#F0A848;
}

#left h2 {
margin-left: 5px;
padding: 5px 0 5px 10px;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background-color: #8db7d5;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#left .box {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 5px;
padding: 5px 0 0px 0;
}

#right {
background-color:#fff;
float: right;
width: 740px;
margin-right: 10px;
}
.contentleft {
float: left;
width : 550px;
}
.contentleft h2 {
padding: 5px 0 5px 10px;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background-color: #8db7d5;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.contentleftbox {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
text-align: justify;
}

.contentright {
float: right;
width: 180px;
}
.contentright h2 {
padding: 5px 0 5px 10px;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;
background-color: #8db7d5;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.contentrightbox {
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 10px;
text-align: justify;
}

#footer {
height: 40px;
line-height: 40px;
background: #7890c0 url(../img/footer.gif) no-repeat;
color: #fff;
text-align: center;
}
#footer a { color: #fff; }
#footer a:hover { color: #333; }

/*----------*/

#right ul {
   margin:0;
   padding:0 0 0 14px;
}
#right ol {
   margin:0;
   padding:0 0 0 18px;
}

#tblSudoku {
	margin: 0 auto;
	padding: 0;
	font: bold 14px Arial, sans-serif;
	border: 4px solid #000;
	border-collapse: collapse;
}
#tblSudoku td {
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	text-align: center;
	border: 2px solid #000;
	border-collapse: collapse;
}
#tblSudoku td.lftBorder {
	border-left: 4px solid #000;
}
#tblSudoku tr.topBorder td {
	border-top: 4px solid #000;
}
#tblSudoku .cell {
	width: 42px;
	text-align: center;
	font: bold 24px Arial, sans-serif;
	color: #000;
	border: 0;
}
#tblSudoku .rdonly {
	background-color:#fff7c0;
}
#tblSudoku .rdonly input {
	cursor: default;
	color: #0000f0;
	background-color:#fff7c0;
}
.level {
   padding:1px;
   width:92px;
   float:left;
}
.level img {
   margin:1px;
}
.sudokumsg {
   display:none;
   position:absolute;
   left:50%;
   top:380px;
   width:410px;
   height:160px;
   z-index:99;
   margin-left:-202px;
   background-color:#fff;
   border:3px solid #000;
}
.sudokumsg img {
   float:left;
   margin:10px;
}
.sudokumsg p {
   padding:20px 10px;
   text-align:center;
   color:#000;
   font-size:1.2em;
   font-weight:bold;
}
.sudokumsg p.solved {
   color:#00f;
}
.sudokumsg p.almost {
   color:#00ab39;
}
.sudokumsg p.errors {
   color:#f00;
}
.sudokumsg button {
   border:1px solid silver;
   width:60px;
   margin-top:10px;
   margin-left:90px;
}
.buttons2 {
   margin:10px 35px 20px 35px;
}
.buttons2 input.btnact {
   border:1px solid silver;
   height:22px;
}

td.boek {
   border-bottom:1px dotted #000;
   padding-right:4px;
   padding-left:4px;
   padding-top:0px;
   padding-bottom:10px;
}

.contentleft h2.nieuws {
padding: 5px 0 5px 5px;
font: bold 15px Verdana, 'Trebuchet MS', Sans-serif;
color: #09437D;
background-color: transparent;
border: none;
}
.contentleft h2.nieuws img {
	vertical-align:middle;
}
hr.nieuwslijn {
  color: #ff4020;
  height: 1px;
  width: 90%;
}
.newsimgr {
	float:right;
	margin-left:8px;
}
.newsitem {
	font-size:11px;
}
.publish {
  font-size: 10px;
  text-align: right;
}
.smd {
	margin-top:4px;
}