/*~~~~~~~~~~~~~~~~~~~~  StyleSheet   ~~~~~~~~~~~~~~~~~~~~*/

* {font-family: Verdana, "MS Trebuchet", sans-serif;}

.invisible { display: none; }

a{text-decoration: none; color: #666;} 
a:hover{ color: #000000; text-decoration: none;}

html {
	height: 100%;
	background: #b1b1b1 url('./images/bg.gif') repeat-x;
	padding: 0;
      font-size: 8pt;
}

#infobar {

 font: message-box;
}

body { 
	width: 700px;
	min-height: 100%;
	background: #FFF;
	margin: 0 auto;
}

img {border: 0;}

/*~~~~~~~~~~~~~~~~~~~~  Header   ~~~~~~~~~~~~~~~~~~~~*/

#header {
	height: 68px;
	background: #D20E34 url('./images/logo.gif') no-repeat;
	padding: 2px 0 0 0;
}

#header span {float: right;color: #FFF;}
#header span a {color: #FFF;}

ol#tabs {
	margin: 30px 0 0 0;
	padding: 0;
	float: right;
	clear: right;
	list-style: none;
}

ol#tabs li{
	width: 130px;
	height: 19px;
	margin: 0 0 0 4px;
	padding: 5px 0 0 0;
	font-weight: bold;
	text-align: center;
	float: left;
}

ol#tabs li.active {background: url('./images/tab_active.gif') no-repeat;}
ol#tabs li.inactive {background: url('./images/tab_inactive.gif') no-repeat;}

/*~~~~~~~~~~~~~~~~~~~~ Menu   ~~~~~~~~~~~~~~~~~~~~*/

ul#menu {
	width: 155px;
	height: 113px;
	background: url('./images/menu_bg.gif') no-repeat 5px 0;
	color: #FFF;
	margin: 5px 0 5px 0;
	padding: 7px 0 0 5px;
	float: left;
}

ul#menu li {
	padding: 0 0 0 18px;
	background: url('./images/list-style-image.gif') no-repeat 7px 7px;
	line-height: 145%;
        font-size: 11px;
}

ul#menu a {color: #FFF;font-family: Trebuchet MS, Sans-serif;font-size: 12px;}

ul#menu a:hover {color: #000000;}


ul#menu li.klantenlogin {margin-top: 15px;}

img.banner {
	margin: 5px 0 5px 5px;
	float: left;
}

/*~~~~~~~~~~~~~~~~~~~~ Features   ~~~~~~~~~~~~~~~~~~~~*/

ul#pakket {
	width: 550px;
	height: 81px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	float: left;
	clear: left;
}

ul#pakket li {
	width: 165px;
	height: 14px;
	padding: 0 0 0 18px;
	background: url('./images/list-style-image2.gif') no-repeat 7px 5px;
	float: left;
}

p.bestellen {
	padding: 0;
	font-size: 13px;
	line-height: 90%;
	text-align: center;
	float: left;
}

p.bestellen big {
	font-size: 19pt;
	line-height: 100%;
}

p.bestellen a {
	color: #999999;
	font-size: 8pt;
}

/*~~~~~~~~~~~~~~~~~~~~ Menu2   ~~~~~~~~~~~~~~~~~~~~*/

ul#menu2 {
	height: 26px;
	margin: 0 5px 0 5px;
	padding: 0;
	list-style: none;
	clear: left;
}

ul#menu2 li {
	width: 196px;
	height: 20px;
	background: url('./images/button_r.gif') no-repeat;
	color: #FFF;
	margin: 0 0 0 5px;
	padding: 6px 0 0 0;
	text-align: center;
	float: right;
}

ul#menu2 li.green {
	width: 84px;
	background: url('./images/button_g.gif') no-repeat;
	margin: 0;
}

ul#menu2 li a {color: #FFF;}

/*~~~~~~~~~~~~~~~~~~~~ Content   ~~~~~~~~~~~~~~~~~~~~*/

div#content {
	width: 600px;
	padding: 0 0 10px 10px 
}

div#logos {
	width: 212px;
	margin: 0 0 10px 5px;
	text-align: center;
	float: left;
}

div#logos1 {
	width: 212px;
	margin: 0 0 10px 5px;
	float: left;
}

div#logos img {margin: 23px 0 0 0;}

h2 {
	color: black;
	font-family: Trebuchet MS, Sans-serif;
	font-size: 16px;
}

ul#vijf {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

ul#vijf li {margin: 2px 0 0 0;}

div.reactie {
	width: 218px;
	height: 133px;
	background: url('./images/reactie_bg.jpg') no-repeat;
	color: #737373;
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
	line-height: 120%;
	float: left;
}

div.reactie p {font-family: Trebuchet MS, Sans-serif;margin-left: 0px;}

p {margin: 5px 0 5px 5px;}
ul {list-style: none;}

/*~~~~~~~~~~~~~~~~~~~~ Footer   ~~~~~~~~~~~~~~~~~~~~*/

div#footer {
	width: 700px;
	height: 60px;
	background: #FFFFFF;
	color: #666;
	margin: 0 auto;
	padding: 2px 0 0 0;
	text-align: center;
	clear: both;
}

.button {

	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:13px;
	color:#000;background-color:#fff;
        width:150px;
	height:30px;
	padding:0px 2px 0px 2px;
	margin-top:2px;
}


div#footer span, div#footer span a{font-family: Trebuchet MS, Sans-serif;margin: 0 5px 0 5px;}



td:hover {

#CCCCCC;

}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


legend {

font-size: 18px;
font-weight: bold;
font: #000000;

}

.image {

border:2px solid #000000;

}

.home {

	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:12px;
        width: 100px;
	color:#000;background-color:#FFF;
	border:1px black solid;
}


.home2 {

	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000;background-color:#FFF;
        width:75px;
	height:18px;
	padding:0px 2px 0px 2px;
	border:1px black solid;
	margin-top:2px;
}


td {

font-size: 10px;

}

hr {

border:0,5px solid #000000;

}

.style6 {

border:1px solid #000000;

}


.style20 {

font-size: 13px;

}

fieldset {

color: #000000;
line-height: 155%;
font: 11px/1.5 Verdana, "Lucida Sans Unicode", Arial, sans-serif;

}

h6 {


font-size: 14px;

}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
 display: block;
 color: #000;
 width:100%;
 background: #FFFFE1 url(images/warning.gif) no-repeat fixed .3em .3em;
 border-bottom: .16em outset;
 text-decoration: none;
 cursor: default;
}

#infobar a:hover {
 color: #FFF;
 background: #3169B6 url(images/warning2.gif) no-repeat fixed .3em .3em;
}

.contact1 {

font-size: 12px;

}

.shared {

font: 12px Verdana, Arial, Helvetica, sans-serif;

}

.textbox {
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:11px;
	color:#000;background-color:#FFFFFF;
}

.box {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
color:#000;background-color:#FFFFFF;

}

.button3 {

	font-family:Tahoma,Arial,Verdana,Sans-Serif;
	font-size:10px;
	color:#000000;
        background-color:#FFFFFF;
        width:95px;
	height:25px;
	padding:0px 2px 0px 2px;
	margin-top:2px;
        border:1px solid #000000;
}



#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

p.info {

padding: 10px;
font-size: 11px;
background: #fbcacf; url('/support/themes/client_default/icon_newsitembig.gif') no-repeat 10px 50%;
border: 1px solid #8a0917;

}


.contenttext{
	margin:10px 8px 10px 8px;
}

.w_100{width:100px;}

.ui-state-box, .ui-widget-content .ui-state-box {border: 1px dotted #999999; padding: 6px 0 5px 5px; margin-bottom:5px; width:656px; }
.ui-state-box:hover, .ui-widget-content:hover .ui-state-box:hover {border: 1px solid #333333; }
.ui-state-box a, .ui-widget-content .ui-state-box a { color: #363636; }

th{
	color:#666666;
	text-align:left;	
}

th strong{
	color:#666666;	
}