/* Start of CMSMS style sheet 'Algemeen' */
body {
background:#003333;
font-family:Arial,Geneva,sans-serif;
font-size:10pt;
margin:0;
padding:0;
color:#003333;
}
iframe {
background-color:transparent;
}
.mceContentBody {
background-color:#fff!important;
background-image:none!important;
font-family:Arial,Geneva,sans-serif!important;
}

.mceContentBody table {
font-family:Arial,Geneva,sans-serif!important;
font-size:10pt!important;
}

#wrapper {
position:relative;
width:1000px;
margin:0 auto;
padding:0;
background:scroll 0 -5px url(uploads/body.jpg) no-repeat #fff;
}

#hoofd {
position:relative;
height:160px;
width:1000px;
padding:0;
border-bottom:5px solid #003333;
background:scroll 0 15px url(uploads/logo.gif) no-repeat transparent;
overflow:hidden;
}

#page {
position:relative;
width:1000px;
clear:both;
margin:0;
padding:0 0 20px;
min-height:350px;
_height:350px;
}

#rechts {
position:relative;
float:left;
width:550px;
padding:0 15px 5px 5px;
margin:0;
}

#links {
position:relative;
float:left;
width:229px;
margin:0;
padding:0 20px 20px;
}

#ads {
position:relative;
float:left;
width:135px;
padding:0 10px 20px 5px;
margin:0;
}

#ads img {
border:none;
}

#footer {
position:relative;
width:1000px;
text-align:center;
font-size:8pt;
margin:0 auto;
padding:10px;
color:#fff;
background-color:#003333;
}

.lijst {
border:1px solid rgb(144,0,69);
}

.clear {
clear:both;
}

p {
margin:0;
padding:0 0 5pt;
line-height:1.5em;
}

h1 {
font-family:Arial,Geneva,sans-serif;
font-size:18pt;
margin:2px 0 0;
padding:0;
color:#003333;
}

h2 {
font-family:Arial,Geneva,sans-serif;
font-size:14pt;
margin:5px 0 0;
padding:0;
color:#003333;
}

ul {
margin-top:0;
}

.opsomming li {
line-height:1.5em;
}

#page .brood {
position:relative;
padding:1px 40px 15px;
font-size:8pt;
color:#003333;
}

#page .blok {
position:relative;
border:1px solid #003333;
margin:5px 0 15px 5px;
background:rgb(243,255,243);
padding:0;
}

#page .citaten {
position:absolute!important;
width:222px!important;
margin:0!important;
bottom:30px;
left:25px;
}

.mijnCCCworks {
position:absolute!important;
width:320px!important;
margin:0!important;
top:30px;
right:15px;
z-index:5;
}
.mijnKop {
height:11pt;
padding:2px 5px 2px 0;
font-weight:bold;
font-size:10pt;
color:#003333;
}
.mijnCCCworks form {
margin:0;
padding:0;
}

#cites,#cites p {
height:60px;
overflow:hidden;
}

#page .blokleeg {
position:relative;
height:250px;
margin:0;
padding:0;
}

#page .blok p {
padding:0 5px;
margin:0 0 10px;
}

#page .blok span {
font-size:8pt;
}

#page .blok .blokkop {
font-family:"Times New Roman",Arial,Geneva,sans-serif;
height:1em;
padding:2px 5px;
font-weight:bold;
font-size:12pt;
color:#003333;
}

#page .blok a:link,#page .blok a:visited,#page .blok a:active, .mijnLinks a {
color:#003333;
text-decoration:none;
}
.mijnLinks a:hover {
color:#003333;
text-decoration:underline;
}
#page .blok a:hover {
color:#003333;
text-decoration:none;
}

.blok .veldp {
position:relative;
height:20px;
padding:0 5px;
margin:5px 0;
}

.blok .loginveld {
border:1px solid #003333;
width:120px;
color:#003333;
font-size:10pt;
background: url(/uploads/inputFieldBg.jpg) no-repeat left top;
height: 18px;
padding-top: 3px;
padding-left: 5px;
padding-right: 5px;
margin-top: 4px;

}

.blok .submit {
position:relative;
border:1px solid #003333;
background-color:#003333;
color:#fff;
font-size:11px;
cursor:pointer;
width:20px;
padding:1px;
}

#rechts a:link,#rechts a:visited,#rechts a:active,.brood a:link,.brood a:visited,.brood a:active {
text-decoration:underline;
color:#003333;
}

#rechts a:hover,.brood a:hover {
text-decoration:underline;
color:#B75B0D;
}

#footer a:link,#footer a:visited,#footer a:active {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
color:#fff;
}

#rechts a img {
border:none;
}

.none {
display:none;
}

.wsbold {
font-weight:bold!important;
}

#mpl {
width:225px;
background-color:transparent!important;
color:inherit;
overflow:hidden;
height:52px;
margin:0;
padding:0;
}

#mpl p {
margin:0!important;
padding:6px!important;
line-height:1.5!important;
background-color:transparent!important;
height:40px;
}

#nav {
position:relative;
font-family:"Times New Roman",Arial,Geneva,sans-serif;
font-size:11pt;
list-style:none;
line-height:1;
letter-spacing:1px;
padding:0;
margin:137px 0 0 270px;
z-index:10;
}

#nav ul {
position:absolute;
float:left;
font-size:11pt;
list-style:none;
line-height:1em;
background:#003333;
padding:0;
margin:0;
}

#nav li {
position:relative;
float:left;
padding:0;
margin:0 3px 0 0;
background-color:#003333;
}

#nav a {
display:block;
color:#fff;
text-decoration:none;
padding:4px 12px;
margin:0;
height:15px;
font-weight:bold;
background-color:transparent;
_display:inline-block;
}

#nav a:hover {
color:#003333;
background-color:#fff;
}

#nav li:hover {
visibility:inherit;
}

#nav li ul {
left:-999em;
bottom:0;
height:auto;
width:169px;
padding:0;
background-color:#003333;
border:1px solid #003333;
overflow-x:hidden;
}

#nav li li {
background-color:#003333;
width:169px;
border-bottom:1px solid #003333;
}

#nav li ul a {
color:#fff!important;
margin:0!important;
width:145px!important;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfHover ul ul,#nav li.sfHover ul ul ul {
left:-999em;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfHover ul,#nav li li.sfHover ul,#nav li li li.sfHover ul {
left:0;
bottom:23px;
}

#nav li:hover a,#nav li.sfHover a {
/*color:#fff;*/
}

#nav ul li:hover a,#nav ul li.sfHover a {
color:#003333!important;
}

#nav ul li.menuparent a,#nav ul li.sfHover a ul a {
color:#003333!important;
}

#nav ul li.menuparent li:hover a {
color:#003333!important;
}

#nav ul li:hover,#nav ul li.sfHover {
background-color:#fff!important;
border-bottom:1px solid #fff!important;
color:#003333!important;
}

#nav li.sfHover a:hover {
background-color:#fff!important;
color:#003333!important;
}


.cartview, .productview {
width:530px;
}
.productview  th {
text-align:left;
}
.productview  form {
margin:0;
}
.cartitem {
}
.totals td {
font-weight:bold;
}
.formbut {
background-color:#f3fff3;
border:1px solid #033;
padding:3px;
text-decoration:none!important;
color:black!important;
cursor:pointer;
margin-right:10px;
}

.veld {
background-color:#ece9d8;
padding:2px 2px 10px 5px;
margin:5px 0;
}
.veld:hover {
background-color:#ddd;
}
.veld label {
font-weight:bold;
display:block;
}
.veld input, .veld textarea {
border:1px solid #f3fff3;
width:300px;
font-family:Arial,Geneva,sans-serif;
font-size:10pt;
color:#003333;
}

.accounttable {
width:500px;
}
.accounttable td, .accounttable th {
vertical-align:top;
text-align:left;
}

/* orders */
.ProductDirectoryItem {
position:relative;
padding:5px 1px;
margin:0;
clear:both;
}
.ProductDirectoryItem form {
position:relative;
margin:0;
padding:0;
display:inline-block;
}
table.selfreg input[type=text] {
width:200px;
border:1px solid #003333;
}
table.selfreg input[type=password] {
width:150px;
border:1px solid #003333;
}
table.selfreg textarea {
width:200px;
height:80px;
border:1px solid #003333;
}
td.control {
vertical-align:top;
width:250px;
}
/* End of 'Algemeen' */

