@import url("icons.css");

* { padding: 0; margin: 0; }

body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 line-height:18px;
}
#wrapper, .container { 
	 margin: 0 auto;
	 width: 960px;
}
#header {
	 width: 960px;
	 height: 180px;
	 margin-bottom:10px;
}
#content { 
	 width: 960px;
	 color: #000;
	 margin: 0px;
	 padding: 0px;
}
#footer { 
	 color: #fff;
	 background: #000;
	 margin: 20px 0px 0px 0px;
	 padding: 10px;
}

#top{
	 color: #fff;
	 background: #cc0066;
	 height:30px;
	 margin-bottom:10px;
	 text-align:right;
}

.clear{
	clear:both;
}

#footer a{
	color:#FFF;
}

a {
	color:#CC0066;
}

p{
margin-bottom:8px;
margin-top:5px;
}

.art{
	color:#CC0066;
}

/* formulier */
label.error, .messageboxerror, .warning{
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:2px;
	font-weight:bold;
	color:#CC0000;
}

label {
	float:left;
	margin-right:15px;
	text-align:right;
	width:205px;
	padding-top:5px;
}

#commentForm select{
	margin:3px;
	padding:3px;
	/*width:90px;*/
}
#commentForm input, #commentForm textarea {
	margin:3px;
	padding:3px;
	width:300px;
}

#commentForm input[type="checkbox"], #commentForm input[type="radio"] {
	padding:0;
	width:10px;
}

input[type="submit"] {
	cursor:pointer;
}

fieldset{
	border:none;
	margin-top:20px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
}

	tr:focus{
		background-color:#cc0066;
	}
	td{
		vertical-align:top;
	}
	.over{
		background-color:#cc0066;
		color:#FFFFFF;
		font-weight:bold;
	}
	.out{
		/*background-color:none;*/
	}

#controle label, #bekijken label, #nieuwabo #verzendadres label, #nieuwabo #factuuradres label, #nieuwabo .cadeauadres label{
	padding:0;
}

#controle .row, #bekijken .row, #nieuwabo #verzendadres .row, #nieuwabo #factuuradres .row, #nieuwabo .cadeauadres .row{
	padding-top:2px;
	padding-bottom:2px;
}

legend {
	background-color:#cc0066;
	color:#fff;
	margin-left:10px;
	padding:10px;
	width:300px;
}

.button{
	text-align:center;
	width:310px;
	float:left;
	display:block;
	border: 2px solid #CC0066;
	color:#CC0066;
	margin:5px;
}

.verder{
	background-color:#CC0066;
	color:#FFFFFF;
	border: 1px solid #CC0066;
}

.verder:hover{
	color:#CC0066;
	background-color:#FFFFFF;
	border: 1px solid #CC0066;
}


.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}

/* bestelling nav*/
#bestellingnav {
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	width:920px;
	background-color:#CCCCCC;
}

#bestellingnav ul{
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	width:922px;
	background-color:#CCCCCC;
}

#bestellingnav li{
	background-color:#EBEBEB;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-left:42px;
	padding-bottom:10px;
	padding-right:25px;
	padding-top:10px;
	margin-bottom:20px;
}

#controle .right, #bekijken .right, #nieuwabo #verzendadres .right, #nieuwabo #factuuradres .right, #nieuwabo .cadeauadres .right{
	padding-top:0px;
}

.bactive{
}

.btodo{
	opacity:.25;
	filter:alpha(opacity=25); 
	-moz-opacity: 0.25;
}

.bdone{
	-moz-opacity:.50;
	filter:alpha(opacity=50); 
	opacity:.50;
}

#grandTotal{
	background-color: #CC0066;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:70px;
	padding:5px;
}


#indexnav{
	list-style:none;
}

#indexnav li{
	margin-bottom:20px;
}

#nav {
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	background-color:#CCCCCC;
}

#nav ul{
	list-style-position: outside;
	list-style-type: none;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	width:922px;
	background-color:#CCCCCC;
}

#nav li{
	background-color:#EBEBEB;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
	padding-right:20px;
	padding-top:10px;
	margin-bottom:20px;
}

#nav a {
	text-decoration:none;
	padding-top:10px;
	padding-bottom:10px;
}

#nav li:hover{
	background-color:#CC0066;
}

#nav li:hover a{
	color:#FFFFFF;
}

#header .verdeellijst{
	width:200px;
	float:right;
	font-size:14px;
}

#header .verdeellijst img{
	border:0;
}

.box{
	border: 2px solid #CC0066;
	padding:5px;
	font-weight:bold;
	overflow:auto;
	display:block;
}

.odd{
	background-color: #EEE;
}

th{
	background-color:#CC0066;
	color:#FFFFFF;
	padding:2px;
}

.totaal{
	background-color:#CC0066;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.bestelling td{
	padding:2px;
}

#top a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:20px;
	background-image:url(../images/icons/nextk.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:25px;
	/*padding-bottom:5px;
	padding-top:5px;*/
	padding-left:5px;
	text-decoration:none;
	text-align:right;
	display:block;
	width:75px;
	padding-top:5px;
	margin-left:760px;
}

#top a:hover{ text-decoration:underline;
}

.lijst tr:hover{
	background-color: #CCCCCC;
}

#exqi{
	float:left;
	/*margin-left:-170px;
	_margin-left:0px;*/
	margin-right:10px;
}

h1{
	font-size:32px;
	line-height:36px;;
}

#klarabadge{
		margin-left:30px;
		margin-top:30px;
}

#klarabadge img{
		border:0;
}

#banner{
	text-align:center;
	margin-bottom:5px;
}