/* test  */

	
/* basis */
body {
	font-family:"tahoma", Lucida Grande, Verdana, Arial, schreefloos;
	font-size:12px;
}

div.hr {
	width:100%;
	height:1px;
	border:0;
	background-color:#ccc;
	margin:10px 0 40px;
}

img {
	border:0;
}

a:link {
	color:#3B73CC;
}

a:visited {
	color:#3B73CC;
}

a:active {
}

h1,h2 {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0;
	margin-left:0;
}

h1 {
	font-size:24px;
}

h3 {
	margin-left:15px;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
}


	
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-]s-with-css.html */
a.button {
	background:transparent url(/images/elements/bg_button_a.png) no-repeat scroll top right;
	color:#444;
	display:block;
	float:left;
	font:normal 12px arial, sans-serif;
	height:24px;
	margin-right:6px;
	padding-right:18px;
	text-decoration:none;
	cursor:pointer;
}

a.button img {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
}

a.button span {
	background:transparent url(/images/elements/bg_button_span.png) no-repeat;
	display:block;
	line-height:14px;
	height:14px;
	padding:5px 0 5px 18px;
}

a.button:active {
	background-position:bottom right;
	color:#000;
	outline:none;
}

a.button:active span {
	background-position:bottom left;
	padding:6px 0 4px 18px;
}

a.button.active {
	background:transparent url(/images/elements/green_bg_button_a.png) no-repeat scroll top right;
	color:#444;
	display:block;
	float:left;
	font:normal 12px arial, sans-serif;
	height:24px;
	margin-right:6px;
	padding-right:18px;
	text-decoration:none;
}

a.button.active span {
	background:transparent url(/images/elements/green_bg_button_span.png) no-repeat;
	display:block;
	line-height:14px;
	padding:5px 0 5px 18px;
}

a.button.active:active {
	background-position:bottom right;
	color:#000;
	outline:none;
}

a.button.active:active span {
	background-position:bottom left;
	padding:6px 0 4px 18px;
}


	
/* shop_button */



#categoryList {
	border:3px solid #C62A86;
	display:block;
	width:100%;
	height: 16px;

	background-color: #c62a86;
}

#categoryList li#productCount {
	border-left: 1px solid #C62A86;
	border-right:0px;
	
	height: 10px;
	float:right;
}

#categoryList li {
	float:left;
	list-style:none;
	background-color: #C62A86;
	text-decoration:none;
	font-weight:bold;
	color:white;
 
 	padding:0  5px;
	border-right:1px solid #DE66B5;
}

#categoryList li a {
	color:#fff;
	text-decoration:none;
}

#categoryList li.active a {
	color:#000;
	text-decoration:underline;
}



	
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-]s-with-css.html */

	
/*
a.shop_button {
	background:transparent url(/images/elements/shop_bg_button_a.png) no-repeat scroll top right;
	color:#444;
	display:block;
	float:left;
	font:normal 12px arial, sans-serif;
	height:24px;
	padding-right:18px;
	text-decoration:none;
}

a.shop_button img {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
}

a.shop_button span {
	font-weight:bold;
	background:transparent url(/images/elements/shop_bg_button_span.png) no-repeat;
	display:block;
	line-height:14px;
	height:14px;
	padding:5px 0 5px 18px;
}

a.shop_button:active {
	font-weight:bold;
	background-position:bottom right;
	outline:none;
}

a.shop_button:active span {
	background-position:bottom left;
	padding:6px 0 4px 18px;
}

li.active a.shop_button {
	color:#fff;
	background-position:bottom right;
	outline:none;
}

li.active a.shop_button span {
	background-position:bottom left;
	padding:6px 0 4px 18px;
}

a.shop_button.active {
	background:transparent url(/images/elements/shop_bg_button_a.png) no-repeat scroll top right;
	color:#444;
	display:block;
	float:left;
	font:normal 12px arial, sans-serif;
	height:24px;
	margin-right:6px;
	padding-right:18px;
	text-decoration:none;
}

a.shop_button.active span {
	background:transparent url(/images/elements/shop_bg_button_span.png) no-repeat;
	display:block;
	line-height:14px;
	padding:5px 0 5px 18px;
}

a.shop_button.active:active {
	background-position:bottom right;
	outline:none;
}

a.shop_button.active:active span {
	color:white;
	background-position:bottom left;
	padding:6px 0 4px 18px;
}


*/

	
/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
#holder {
	width:960px;
	margin-left:-480px;
	left:50%;
	position:absolute;
}

label {
	height:15px;
	width:200px;
	float:left;
	display:block;
	margin-bottom:2px;
}

input {
	cursor:pointer;
}

input[type=submit],input[type=reset] {
	height:15px;
	border:1px solid #c9c9c9;
	height:inherit;
	padding:5px 10px;
	margin-bottom:5px;
	background-color:#fff;
}

input[type=text],input[type=password] {
	height:15px;
	width:200px;
	margin-bottom:5px;
}

#footer {
	color:#666;
	text-align:center;
	margin-top:80px;
}

.errormsg {
	color:red;
}


	
/* inlogen en inschrijven */
#reg_error {
	background-color:#f8c2c2;
	border:solid 1px #c39898;
	padding:10px;
	margin-bottom:20px;
}

#reg_susses {
	text-align:left;
	background-color:#daf8d9;
	border:solid 1px #adc5ae;
	padding:10px;
}

form#reg {
	text-align:center;
}

form#reg input[type=submit] {
	border-color:#C62A86;
	background-color:#ecd2e6;
}


	
/* index */
#content_right form {
	background-color:#ecd2e6;
	position:relative;
	border-color:#C62A86;
	border-width:1px;
	border-style:solid;
	width:auto;
	padding:15px;
	height:auto;
}

#reg {
	text-align:center;
	background-color:#ecd2e6;
	position:relative;
	border-color:#C62A86;
	border-width:1px;
	border-style:solid;
	width:auto;
	padding:15px;
	height:auto;
}


	
/* index */

	
/* menu */
#menu {
	width:100%;
	height:auto;
}

#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	float:left;
	list-style:none;
	padding-right:15px;
}

#menu ul li.logout {
	float:right;
	border-right:0px;
}


	
/* menu */

	
/* content */
#content_left {
	width:460px;
	height:auto;
	float:left;
	margin-right:20px;
}

#content_right {
	width:460px;
	height:auto;
	float:right;
}

#winkel_menu_dev {
	width:100%;
	height:50px;
	background-color:#ccc;
	margin-top:20px;
}

#winkel_menu {
	width:100%;
	height:30px;
}

#winkel_menu ul {
	margin:0;
	padding:0;
}

#winkel_menu ul li {
	float:left;
	padding:5px;
	list-style:none;
	background-color:#ccc;
}

#winkel_menu ul li:hover {
	color:#fff;
	background-color:#333;
}

#content ul {
	margin:20px 0 0;
	padding:0;
}

#content ul li {
	width:308px;
	height:160px;
	margin-bottom:20px;
	margin-right:10px;
	list-style:none;
	float:left;
	background-color:red;
	border:1px solid #ccc;
}

#content ul li h1 {
	margin:0;
	padding:0;
}

#content ul li img {
	float:left;
}


	
/* content */

	
/*
  Config
*/
#configList {
	margin-right:10px;
	margin-top:10px;
	float:left;
	width:200px;
}

#configList div{
background-color: #d7e7ff;
}

#configList div a {
	border-bottom: #bac0c6 solid 1px;
 
	padding-left:5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 5px;
 
 	
	height:auto;
	text-decoration:none;
	color: #30363c;
	display:block;
}

#configList div a:hover {
 
 	background-color: #c62a86;
 
 	color:#fff;
 
}



#configList div a.inactive {
	color: #d4d4d4;
	background-color: #eeeeee;
	background-repeat: repeat-x;
}

#configList div a.geweigerd {
	color:#800;
	background-color:#f4b9cc;
}

#configList .newLink {
	border-top:1px solid gray;
}

#configList .header {
	height: 5px;
	padding-left:5px;
	padding-bottom: 0px;
	padding-right:2px;
	padding-top: 5px;
	color:white;
	background:#c62a86;
	font-weight:bold;
}

.disabledTextLink {
	color:gray;
}


	
/*#affiliateDetail {
	border: 1px solid silver;
	margin: 10px;
	margin-left: 220px;
	padding: 10px;
}
*/
.detail {
 
	border:1px solid silver;
	width: 600px;
	margin:10px;
	margin-left:210px;
	padding:10px;
	
}

.detail h1 {
	font-size:1.3em;
	font-weight:bold;
}

#showmessages {
 
	text-align:center;
	display:block;
	background-color:#daf8d9;
	border:solid 1px #adc5ae;
	
	padding:10px;
	margin:10px;
	z-index: 100;

	width:945px;
	margin-left:-480px;
	left:50%;
	position:absolute;
	text-align: center;
}

.showMessages {
	color:green;
	font-weight:bold;
}

.subnav {
	margin:10px;
	float:left;
	padding:2px;
	margin-right:5px;
	list-style-type:none;
}

.subnav.active a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}


	
/*
	End Config
*/




/* goolelinks */
#googlinks{
	width: 100%;
	text-align: center;
	margin:10px 0px 10px 0px;
}


#googlinks a, #googlinks span{
	text-decoration: none;
	color: white;
	background-color: #c62a86;
	padding:5px;	
}

#googlinks a.active{
	border-color: #C62A86;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	color: #C62A86;
	font-weight: bold;	
}


a.close{
	width:25px;
	height: 20px;
	background-image: url(../images/elements/close.png);
	text-indent: -999px;
	overflow: hidden;	
}

#config_product_menu{
	width: 100%;
	height: 40px;
	display: block;
	background-color: #c62a86;
}

#config_product_menu li a{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}
#config_product_menu li.active a{
	color:#000;
}