* {
	margin:0; 
	padding:0;
	text-decoration:none;
}
img {
    border:none;
}

html {
	height:100%;
	overflow-y:scroll;
}

body {
	height:100%;
	font-family:arial,sans-serif;	
	font-size:12px;
	background: #e4e6f3 url('/images/bg-body.jpg');
}

#container {
	min-height:100%;
	position:relative;
	width:990px;
	margin:0 auto;
    background: url(/images/bg-page3.png) no-repeat;
    background-position: 0px 98px;	
}

* html #container {
	height:100%;
    
}

#container-wrapper {
    padding:14px 0 0 0;

}

#header {
    width:970px;
    height:86px;
    background: url(/images/bg-header6.png) no-repeat top left;
    /*background:gray;*/
    padding: 0px 20px 0 0px;
    color:white;
    text-align:right;
}
#header strong {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;	
    font-weight:normal;
    font-style:italic;
    display:block;
    margin: 0 2px 0 0;
}
#header h1 {
    font-size:38px;
    font-weight:bold;
    font-style:italic;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:38pt;
    padding:0px 0 0px 0;
}

#page {
    clear:both;
    width:990px;   
    overflow:auto; 
    padding:0 0 30px 0;
}

#sidebar {
    color:white;
    width:198px;
    float:left;
    padding:8px 0px 10px 0px;
    
}
#sidebar img {
    margin: 0px 0 8px 10px;
}
#sidebar ul {
    list-style:none;
    margin: 0px 0 0 16px;
    
}
#sidebar li a {
    font-family:Tahoma, Geneva, sans-serif;
    display:block;
    width:172px;
    
    line-height:18px;
    background: url(/images/bg-menu.jpg) top right no-repeat;
    color:white;
    margin: 0 0 5px 0;
    padding: 0 10px 0 0;
    text-align:right;
    font-weight:bold;
    letter-spacing:1px;
}
#sidebar li a:hover, #sidebar li.active a {
    background: url(/images/bg-menu-active.jpg) top right no-repeat;
    color:#ffc913;
}
#sidebar li.menu-left a {
    text-align:left;
    padding: 0 0 0 10px;
}

#sidebar .submenu {
    list-style:none; 
    margin:0;
}
#sidebar .submenu {
    list-style:none; 
    padding: 0 0 4px 0;
    margin:0;
}
#sidebar ul.submenu li a {
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    background:none;
    display:block;
    width:160px;
    
    line-height:15px;
    color:#2061d8;
    margin: 0 0 2px 0;
    padding: 0 15px 0 0;
    text-align:right;
    font-weight:bold;
    letter-spacing:1px;
}
#sidebar ul.submenu li a:hover, #sidebar ul.submenu li.subactive a {
    color:white;
    background:none;
}
#sidebar ul.submenu li.subactive a {
    background: url(/images/bg-submenu.png) top right no-repeat;
}
#sidebar #contact-inactive a {
    margin:18px 0 0 0;
    background: url(/images/contact.png) top right no-repeat;
    padding: 10px 82px 32px 0;
    width:100px;
}
#sidebar #contact-active a,  #sidebar #contact-inactive a:hover {
    margin:18px 0 0 0;
    background: url(/images/contact-active.png) top right no-repeat;
    padding: 10px 82px 32px 0;
    width:100px;
    color:#ffc913;
}

#content {
    color:black;
    width:766px;
    float:left;
    padding:10px;
    background: url(/images/bg-content.png) no-repeat;
    line-height:18px;
}
#content a {
    color:#2061d8;
    font-weight:bold;
}
#content a:hover {
    text-decoration:underline;
}
#content h2, #content h3, #content h4, #content h5 { 
    color:#2061d8;
    font-family:Trebuchet, Helvetica, sans-serif;
    margin:15px 0 10px 0;
}    
#content h2  {
    margin:15px 0 20px 45px;
    font-size:22px;
    line-height:30px;
    font-family:Trebuchet, Helvetica, sans-serif;
}
#content h3 {
    font-size:18px;
    line-height:24px;
    margin:20px 0 3px 0;
}
#content h4 {
    font-size:14px;
    line-height:24px;
    margin:15px 0 0px 0;
}
#content h5 {
    font-size:12px;
    line-height:24px;
    margin:15px 0 0px 0;    
}



#content ul, #content ol  {
    margin:5px 0 15px 20px;
}
p {
    margin:0px 0 15px 0;
}

#footer {
    clear:both;
	position:absolute;
	bottom:0;
	height:30px;
	width:990px;
	background: #f1f0fe url(/images/bg-footer2.png) bottom left no-repeat;

	font-size:11px;
}
#logo {
    margin:22px 0 0 22px;
    
}

#footertext {
    margin: 0px 0 0 208px;
}
#footertext a {
    color:black;
}
#footertext a:hover {
    text-decoration:underline;
}

/* Gebruikers table */
table.sortable {
	border-spacing: 0;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%;
	margin: 0 auto;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 300px;
	border-style: solid;
	border-color: #aaa;
	font-size: 11px;
}
table.sortable th {
	border-width: 1px 0px 1px 0px;
	background-color: #e1e0ee;
}
table.sortable th a {
	text-decoration: none;
	color: #000;
}
table.sortable td {
	border-width: 0px;
}
table.sortable tr.odd td {
	background-color: #fff;
}
table.sortable tr.even td {
	background-color: #f1f0fe;
}
table.sortable tr.sortbottom td {
	border-width: 1px 0px 1px 0px;
	background-color: #bbb;
	font-weight: bold;
}
div#toc {
	float: right; 
	width: 150px; 
	background-color: #ddd; 
	padding: 5px 5px 5px 8px; 
	margin: 0 0 0 5px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

#orderbox {
    background-color:#E5F1FD;
    border:1px solid #186CE7;
    font-size:12px;
    overflow:auto;
    padding:3px;
}

.item, #content h3 {
    clear:both;
}  
.item {
    
    line-height:22px;
    margin:2px 0 0 0;
}  
.productspecs {
    float:left;
    width:480px;
    margin:0 0 0 2px;
} 
.price {
    float:left;
    width:70px;
    text-align:right;
} 
.order {
    float:left;
    width:70px;
    text-align:right;
} 
.order input {
    width:30px;
    float:right;
}
.order .order_buttons {
    width:9px;
    float:right;
    line-height:9px;
}  
.order .order_buttons img {
    width:9px;
    height:9px;
    margin:1px 0  0 2px ;
}  
.subtotal {
    float:left;
    width:80px;
    text-align:right;    
} 

#total {
    margin: 15px 0 0 2px;
    width: 700px;
    text-align:right;
    font-size:13px;
}

.nextbutton {
    margin: 5px;
    overflow:auto;
}

.nextbutton input{

    float:right;
    background-color:#2061D8;
    border:1px solid #000000;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;  
} 

#content table h3 {
    margin: 0 0 5px 0;
}

#content a.button {
    background:url(/images/button2.jpg);
    color:black;
    display:block;
    margin: 50px 0 0 0;
    height:24px;
    line-height:22px;
    width:160px;
    text-align:center;
    letter-spacing:1px;
    font-size:16px;
    font-weight:bold;
}
#content a.button:hover {
    color:#021b47;    
    text-decoration:none;
    background:url(/images/button2-active.jpg);
    }

#content a.firstbutton {
    margin:20px 0 0 0;
}  
.adresgegevens   {
    clear: both;
}
.adresgegevens label  {
    float:left;
    width:150px;
}
.adresgegevens input  {
    float:left;
    width:150px;
}

.betaalmethode   {
    clear: both;
}
.betaalmethode label  {
    float:left;
    width:150px;
    margin: 0 0 0 10px;
}
.betaalmethode input  {
    float:left;
    width:20px;
}
.buttons_bevestig  {
    clear:both;
    margin:10px 0 0 0;
    overflow:auto;
}
.buttons_bevestig input, .buttons_bevestig button  {
    margin: 10px 50px 0 0;   
    background-color:#2061D8;
    border:1px solid #000000;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;  
}
.buttons_bevestig a {
    text-decoration:none;
}

.betaalmethoden div {
    clear:both;
}
.betaalmethoden div input {
    float:left;
    width:100px;
}
.betaalmethoden div label {
    float:left;
    width:110px;
}