body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
	scrollbar-base-color: #415968;
	scrollbar-arrow-color: #ffe800;
	scrollbar-3dlight-color: #ffe800;
	scrollbar-darkshadow-color: #ffe800;
	scrollbar-face-color: #415968;
	scrollbar-highlight-color: #415968;
	scrollbar-shadow-color: #415968;
	scrollbar-track-color: #415968;

}

.sidebg {

background-color:#a7a9ac;
}

.homebody {

background-color:#415968;
margin: 0 0 0 0;
color:#FFFFFF;
overflow:hidden;

}
#x_content {
height:366px;
width:850px;
position:absolute;
left:0px;
top:0px;
padding:0 0 0 0;
}
#x_kaderlinks {
background-color:#415968;
position:absolute;
width:425px;
height:366px;
left:0px;
bottom:0px;
overflow:hidden;
}
#x_kaderlinks {
background-color:#415968;
position:absolute;
width:425px;
height:366px;
left:0px;
bottom:0px;
overflow:hidden;
}
#x_kaderlinks #homebutton {
position:absolute;
width:227px;
height:53px;
left:0px;
top:0px;
padding-left:42px;
padding-right:42px;
padding-top:10px;
padding-bottom:10px;
overflow:hidden;
background-image:url(../images/homebutton_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
color:#ffe800;
font-size:11px
}
a.homebutton:link, a.homebutton:visited {
	color: #ffe800;
	text-decoration:none;
	font-size: 11px;
}

a.homebutton:active, a.homebutton:hover {
	color: #ffe800;
	text-decoration:underline;
	font-size: 11px;
}
#x_kaderlinks #x_ltekst {
position:absolute;
font-size:10px;
color:#FFFFFF;
line-height:12pt;
bottom:0px;
right:43px;
width:350px;
height:200px;
padding-bottom:5px;
overflow-x:hidden;
overflow-y:auto;
text-align:right;
}
#x_kaderlinks #x_lmain_container {
position:absolute;
height:285px;
width:383px;
overflow:hidden;
right:10px;
bottom:10px;
text-align:right;
}
#x_kaderlinks #x_lmain {
height:265px;
width:330px;
right:20px;
line-height:12pt;
overflow-y:auto;
overflow-x:hidden;
padding-top:20 px;
padding-right:33 px;
text-align:right;
bottom:10px;
position:absolute;
}
#x_kaderlinks #x_lcontact {
height:280px;
width:325px;
right:33px;
text-align:right;
overflow:hidden;
line-height:12pt;
text-align:right;
bottom:20px;
position:absolute;
}
#x_kaderlinks #x_kado {
height:325px;
right:37px;
overflow:hidden;
line-height:10pt;
padding-top:10 px;
padding-right:0 px;
text-align:right;
bottom:25px;
position:absolute;
}
#x_kaderlinks #x_pfthumbnails {
position: absolute;
right:-1px;
top: 23px;
height:250px;
width:425px;
}
#x_kaderlinks #x_pfcat {
position: absolute;
top:0px;
left:211px;
width:170px;
height:26px;
text-align:left;
}
#x_kaderlinks #x_pftekst_container {
position:absolute;
height:190px;
width:403px;
overflow:hidden;
right:10px;
bottom:10px;
text-align:right;
}

#x_kaderlinks #x_pftekst {
height:180px;
width:370px;
overflow-y:auto;
overflow-x:hidden;
line-height:12pt;
text-align:right;
position:absolute;
bottom:0px;
right:0px;
padding-right:20px;
}
#x_kaderrechts {
position:absolute;
background-color:#415968;
overflow:hidden;
left:424px;
width:426px;
height:366px;
right:0px;
bottom:0px;
}
#x_kaderrechts #x_rhome {
position: absolute;
right:0px;
bottom:0px;
width:426px;
height:366px;
text-align:right;
}
#x_kaderrechts #x_mainlabelcat {
position:absolute;
top:0px;
width:170px;
height:25px;
left:214px;
}
#x_kaderrechts #x_mainlabelcat_ws {
position:absolute;
top:0px;
width:170px;
height:25px;
left:0px;
}

#x_kaderrechts #x_infocat {
position:absolute;
bottom:22px;
left:0px;
width:428px;
height:187px;
}

#x_kaderrechts #x_portfolio {
position: absolute;
bottom:-2px;
left:0px;
}
#footerbuttons {
background-color:#FFFFFF;
overflow:hidden;
float:right;
visibility: visible;
width:250px;
height:20px;
right:25px;
bottom:20px;
position:absolute;
}
#networkbuttons {
background-color:#FFFFFF;
overflow:hidden;
visibility: visible;
width:143px;
height:35px;
left:15px;
bottom:2px;
position:absolute;
}

#footerbanner {
background-color:#FFFFFF;
overflow:hidden;
float:right;
visibility: visible;
width:235px;
height:20px;
right:470px;
bottom:20px;
position:absolute;
}
#ontwerpheld {
bottom:42px;
right:0px;
text-align:right;
position:absolute;
}
#links {
width:600px;
height:250px;
border-left:1px solid #ffe800;
border-right:1px solid #ffe800;
left:211px;
top:50px;
position:absolute;
padding-top:14px;
padding-bottom:14px;
overflow-x:hidden;
overflow-y:hidden;
}

td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color: #FFFFFF;
}
.rood {
color:#FF0000;
}

/* link colors */

a:link{
	color: #ffe800;
	background: transparent;
	text-decoration:underline;
	font-size: 10px;
}

a:visited{
	color: #ffe800;
	background: transparent;
	text-decoration:underline;
	font-size: 10px;
}

a:hover{
	color: #ffe800;
	background: transparent;
	text-decoration:underline;
	font-size: 10px;
}

a:active{
	color: #ffe800;
	background: transparent;
	text-decoration:underline;
	font-size: 10px;
}

.textinput{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:192px;
height:18px;
background-color:#415968;
border:1px solid #ffe800;
color:#FFFFFF;
}
.textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:192px;
height:145px;
background-color:#415968;
border:1px solid #ffe800;
color:#FFFFFF;
}
.logininput{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:180px;
}

.textinput_verplicht{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:365px;
background-color: #FF9999;
}

.button{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.textarea_teksten{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:600px;
}

/* HTML selectors */

ul{
color: #0033CC;
background: transparent;
}

ul.linkslist li{
list-style: square outside;
}


/* Toggle styles */

.open ul{
display: block;
margin-top: 0;
margin-bottom: 0;
}
.open p{
padding: 1px 0 0 15px;
background: transparent url(http://www.qsap.nl/shop/myqsap/images/listOpened.gif) no-repeat 1px 4px !important; cursor: hand;
}

html>body .open p{
cursor: pointer;
}

.closed ul{
display: none;
}

.closed p{padding: 1px 0 0 15px;
background: transparent url(http://www.qsap.nl/shop/myqsap/images/listClosed.gif) no-repeat 1px 4px !important; cursor: hand;
}
html>body .closed p{
cursor: pointer;
}

#banner .open ul{
display: block;
margin-top: 0;
margin-bottom: 0;
list-style: none;
}

.tabelstyle{
padding-left:5px;
padding-right:5px;
border-color:#CCCCCC;
border-style:solid;
border-width:0px;
cursor:hand;
}

.sorteertabel{
font-size: 10px;
background-color: #1C3F9B;
color: white;
font-weight: bold;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
height:15px;
width:100px;
cursor:hand;
}

/* blue tabel header td */
.tdheadblue	{
font-size: 10px;
background-color: #1C3F9B;
color: white;
font-weight: bold;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* td tabel name field */
.tdname 	{
vertical-align: top;
font-size: 10px;
padding-left: 10px;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}
/* td tabel value field met klik*/
.tdvalueklik 	{
vertical-align: top;
font-size: 10px;
background-color: #F4F4F4;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
cursor:hand;
cursor:pointer;
}
/* td tabel value field */
.tdvalue 	{
vertical-align: top;
font-size: 10px;
background-color: #F4F4F4;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}
.tdvaluerood 	{
vertical-align: top;
font-size: 10px;
background-color: #F4F4F4;
border-right-width: 1px;
border-right-color: #FF0000;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #FF0000;
border-bottom-style: solid;
}
.tdvaluegroen 	{
vertical-align: top;
font-size: 10px;
background-color: #F4F4F4;
border-right-width: 1px;
border-right-color:#00CC00;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #00CC00;
border-bottom-style: solid;
}/* td tabel yellow field */
.tdnameyellow	{
vertical-align: middle;
font-size: 10px;
font-weight: bold;
background-color: #FFDE21;
padding-left: 10px;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* td tabel yellow field */
.tdactie {
color: white;
vertical-align: middle;
font-size: 10px;
font-weight: bold;
background-color: #CC0000;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* td tabel yellow field */
.tdvalueyellow	{
vertical-align: middle;
font-size: 10px;
font-weight: bold;
background-color: #FFDE21;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* white header table */
.tdheadwhite	{
font-size: 11px;
background-color: white;
color: #1B409A;	font-weight: bold;
text-align: left;
padding-left: 10px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
border-top-width: 1px;
border-top-color: #BBBBBB;
border-top-style: solid;
}

/* td tabel name field */
.tdwhitename 	{
font-size: 11px;
background-color: white;
color: #CA0101;
font-weight: bold;
padding-left: 10px;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* td tabel value field */
.tdwhitevalue	{
vertical-align: middle;
font-size: 11px;
font-weight: normal;
padding-left: 5px;
background-color: white;
height: 18px;
border-right-width: 1px;
border-right-color: #BBBBBB;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: #BBBBBB;
border-bottom-style: solid;
}

/* main menu item TD */
.menu, a.menu, a:hover.menu {
background-color: #FEDD20;
font-size: 9px;
color: #342C07;
text-decoration : none;
cursor: hand;
}