/* ************************************ */
/* LETTERTYPEN                          */                                      
/* Belangrijk om als eerste te benoemen.
/* ************************************ */
body
{
color: #000000;
font-family: Trebuchet MS, Verdana;
font-size: 10pt;
font-weight:normal;
line-height:16px;
}

/* ************************************ */
/* ALGEMENE INSTELLINGEN                */                                      
/* ************************************ */
body {
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0;
width:100%;
height:100%;
background-color:#000000;	/* default */
}
select {
 background-color: #ffffff;
 color: #76015c;
 border:1px #76015c dotted;
 width:100px;
}
input {
border: 1px solid #76015c;
background-color: #ffffff;
color: #76015c;
margin-top: 0;
}
.button {
 background-color: #76015c;
 color: #ffffff;
 margin-top: 3px;
 margin-bottom: 2px;
 cursor:pointer;
}
.button:hover {
 background-color: #ee9902;
 color: #ffffff;
 margin-top: 3px;
 margin-bottom: 2px;
}

/* ************************************ */
/* CLEARFIX                             */                                      
/* ************************************ */
.clearfix {
	margin:				0;
	padding:			0;
	border:				0;
    display: 			block;
    clear: 				both;
}

/* ************************************ */
/* ALGEMENE RAAMWERK                    */
/* ************************************ */
#framework {
position:absolute;
margin-left:-500px;
margin-top:0px;
top: 0px;
left: 50%;
width:1000px;
height:650px;
/* background-image:url('../siteimages/main/basis/kop_sfu.jpg');
background-repeat:no-repeat;
background-position:0px 0px; */
}



/* ************************************ */
/* TYPOGRAFIE                           */
/* ************************************ */

p, h1, h2, h3 {
font-weight:normal;
margin:0;
padding-top:0px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
border:0;
}
ul {
margin-top: 5px;
margin-bottom: 0;
margin-left: 15px;
padding-bottom:0px;
padding-top:0px;
padding-left: 0px;	
}
h1 {
color:#77005c;
font-size:11pt;
font-weight:bold;
}
h2 {
font-size:10pt;
}
/* ************************************ */
/* plaatsing                               */                                     
/* ************************************ */
#achtergrond {
position:absolute;
top:0;
left:0;
}
#menu {
position:absolute;
top:0px;
left:150px;
z-index:10;
}
#cnt_home {
position:absolute;
top:230px;
left:320px;
width:365px;
height:180px;
border:0px #ffffff solid;
}
#cnt_txt {
position:absolute;
top:60px;
left:645px;
width:315px;
height:200px;
border:0px #ffffff solid;
}
#cnt_productlijst {
position:absolute;
top:86px;
left:22px;
width:990px;	
}
#cnt_img_groot {
position:absolute;
top:142px;
left:145px;	
}
#cnt_detail_product {
position:absolute;
width:310px;
top:60px;
left:645px;	
}
#cnt_pagination {
position:absolute;
top:620px;
left:30px;	
}
#cnt_pagination_simple {
position:absolute;
top:620px;
left:55px;	
}
#cnt_wagentje {
position:absolute;
top:3px;
left:931px;
z-index:10;
}
#plat_ksb {
  display:block;
  width:320px;
  height:110px;
  position:absolute;
  top:420px;
  left:330px;
  border:0px #000000 solid;
}

#plat_col {
  display:block;
  width:630px;
  height:90px;
  position:absolute;
  top:540px;
  left:180px;
  border:0px #000000 solid;
}
/* ************************************ */
/* image                               */                                     
/* ************************************ */
.images_lijst {
float:left;
padding-right:60px;
padding-left:60px;
padding-bottom:106px;	
}
/* ************************************ */
/* bloc                               */                                     
/* ************************************ */
.bloc_mijn {
float:left;	
width:290px;
}
.bloc_left {
float:left;
padding-top:2px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
width:140px;
border:0px #ffffff solid;
}
.bloc_left_kl {
float:left;
padding-top:2px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
width:100px;
border:0px #ffffff solid;
}
.bloc_right {
float:left;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-bottom:10px;
width:140px;
border:0px #ffffff solid;
}
.rien {
display:none;
}
/* ************************************ */
/* MENU                                 */                                      
/* ************************************ */
.ddm1 {
    font-size: 12pt;
    font-weight:bold;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 3px 4px 0px;
    text-decoration: none;
    display: block;
	width: auto;
	height:18px;
    position: relative;
}
.ddm1 .item1 {
    
    color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
   
    color: #ee9902;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 5px 0px 4px 9px;
    text-decoration: none;
    display: block;
	width: 160px;
	height:20px;
	border: 0px #ffffff;
    border-style: none none solid none;
    white-space: nowrap;
    margin-bottom:2px;
}
.ddm1 .item2 {
	font-size: 10pt;
	font-weight:bold;
    background: #ffffff;
    opacity:.80;
    filter: alpha(opacity=80); 
    -moz-opacity: 0.80;
    color: #000000;
}
.ddm1 .item2:hover {
	font-size: 10pt;
	font-weight:bold;
    background: #ffffff;
     opacity:.80;
    filter: alpha(opacity=80); 
    -moz-opacity: 0.80;
    color: #76015c;
}
.ddm1 .section {
    border: 0px #1c1019;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { border-style: none none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: none none none none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */





/* ************************************ */
/* Linken                               */                                     
/* ************************************ */
A img 
{
border:0;
}

A
{ 
color: #77005c;
text-decoration:none;
}
A:hover
{ 
color: #ee9902;

}
A:visited
{ 
}
A:active
{
  outline: none;
}
a:focus 
{ 
-moz-outline-style: none; 
}
A.groot
{ 
font-size: 12pt;
color: #ee9902;
text-decoration:none;
}
A:hover.groot
{ 
font-size: 12pt;
color: #ffffff;

}
A:visited.groot
{ 
}

A.kassa
{ 
background-color: #76015c;
color: #ffffff;
padding: 3px 3px 4px 4px;
text-decoration: none;
display: block;
border:1px #ee9902 solid;
width:auto;
height:15px;
text-align:center;
}
A:hover.kassa
{ 
background-color:#ee9902;
color: #ffffff;
padding: 3px 3px 4px 4px;
text-decoration: none;
display: block;
border:1px #76015c solid;
width: auto;
height:15px;
}
A:visited.kassa
{ 
}


A.kassa_kl
{
font-size: 9pt; 
background-color:#ee9902 ;
color: #ffffff;
padding: 0px 3px 4px 4px;
text-decoration: none;
display: block;
border:0px #76015c solid;
width:100px;
height:13px;
text-align:center;
}
A:hover.kassa_kl
{ 
font-size: 9pt;
background-color:#76015c;
color: #ffffff;
padding: 0px 3px 4px 4px;
text-decoration: none;
display: block;
border:0px #ee9902 solid;
width:100px;
height:13px;
}
A:visited.kassa_kl
{ 
}

/* ************************************ */
/* Formulier                            */                                     
/* ************************************ */
.formfieldparse
{
border: 1px solid #76015c;
background-color: #ffffff;
color: #76015c;
margin-top: 0;
width:140px;
}
.voorpagination {
display: block;
float: left;
padding: 0.3em 0.5em;
margin-right: 5px;
margin-bottom: 5px;   	
}
/* ************************************ */
/* PAGING                               */                                     
/* ************************************ */
.pagination {
	display: block;
    float: left;
    padding: 3px 3px;
    margin-right: 5px;
	margin-bottom: 5px;
    text-decoration: none;
	border: solid 1px #ffffff;
	color: #ffffff;      
        }    
        
a.pagination  {
    text-decoration: none;
	border: solid 1px #ffffff;
	color: #ee9902;
}

a.pagination  {
    display: block;
    float: left;
    padding: 3px 3px;
    margin-right: 5px;
	margin-bottom: 5px;
}


#pane1 {
	height:483px;
}
/* ******** */
/* Scrool   */
/* ******** */
#pane2 {
height: 395px;
}
#pane3 {
height: 305px;
}
						
/* a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { */
/*	background-position: 0 -30px; */
/* } */

a.jScrollArrowUp {
background: url(../siteimages/main/basis/up.png) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
background: url(../siteimages/main/basis/up.png) no-repeat 0 0;
}
a.jScrollArrowDown {
background: url(../siteimages/main/basis/down.png) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
background: url(../siteimages/main/basis/down.png) no-repeat 0 0;
}