/*--------------------------------------------
 * Default layout
 * 
 * Copyright (c) 2010 by Jan VL
 * http://www.designrequest.be
 *
--------------------------------------------*/

/*--------------------------------
 	General
-------------------------------*/
body		{
	font-family: arial, verdana, sans-serif; font-size: 13px;
	color: #000; background-color: #e7e6d6;
	margin: 0; padding: 0;
}

div#container	{
	background-color: #FFF;
}

div#header	{
	width: 100%; height: 75px;
	text-align: center;
	background: #21586f url(/img/layout/startwebwinkel/header.png) top center no-repeat;
	border-style: solid; border-width: 0 0 1px 0; border-color: #FC0;
}

div#subheader	{
	width: 100%; height: 30px;
	background: #BFA485;
	margin-bottom: 20px;

}

div#login	{
	width: 150px;
	float: right; margin: 50px 10px 10px 10px;
	padding: 0 10px 0 10px;
	border-style: dotted; border-color: #F30; border-width: 0 0 1px 1px;
	color: #F30; font-weight: bold;
}


div#content	{
	width: 745px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 20px 0 20px;
	border: 1px solid #FFF;
}

div#content li        {
        list-style-image: url(/img/template/bullet-grey2.png);
}

/* Subcontent */
div.subcontent          { float: right; padding: 10px; margin: 30px 10px 10px 10px; width: 150px; background-color: #EEF;}
div.subcontent ul       { padding-left: 20px; }
div.subcontent li       { padding: 0 0 4px 0; list-style-image: url(/img/template/bullet-grey2.png); }
div.subcontent a        { text-decoration: none; }


div#footer	{
	width: 100%; height: 20px;
	background: #e7e6d6 url(/img/layout/startwebwinkel/footer.png) repeat-x;
	color: #000; font-size: 8pt; text-align: right;
	padding: 80px 0 5px 0;
}

div#footer a	{
	color: #000;
}

h1	{
	border-color: #CCC; border-style: solid; border-width: 0 0 1px 0;
	margin-bottom: 30px;
}

p	{
	padding-bottom: 8px;
}

a	{
	font-weight: bold; color: #21586f;
}

#content a.glowbutton	{
        color: #FFF; background-color: #F60; text-decoration: none; text-align: center; white-space: nowrap;
	display: inline-block; width: 200px; line-height: 30px;
        border: 1px solid #CCC;
        background: #21586f url(/img/layout/startwebwinkel/glowbutton.gif) repeat-x;
}

#content a.glowbutton:hover	{
	background: url(/img/layout/startwebwinkel/glowbutton_hover.gif);
}
div#widecontent { padding: 0 10px 0 10px; margin: 0 auto; width: 940px; }
/*--------------------------------
 	Navigation
-------------------------------*/

div#navigation	{
	margin: 0 auto;
	width: 770px;
}

ul.navigation	{
	list-style-type: none;
	margin: 0 auto;
}

ul.navigation li	{
	display: block; float: left;

}

ul.navigation a	{
	padding: 20px 12px 0 12px;
	display: block; float: left;
	color: #DDD; text-decoration: none; font-size: 14px;
	line-height: 55px;
	vertical-align: middle;
}

ul.navigation a:hover	{
	color: #FFF;
}

ul.navigation a#selected	{
	background: url(/img/layout/startwebwinkel/triangle.png) no-repeat bottom center;
	color: #FC0;
}

div#subheader li	{
	display: block; float: left;

}

div#subheader a		{
	color: #000;
}

ul#accountnav	{
	position: absolute; width: 800px;
	list-style-type: none;
	margin: 0 auto;
	left: 50%;
	margin-left: -360px;

}

ul#accountnav a	{
	padding: 4px 6px 2px 6px;
	display: block; float: left;
	color: #300; text-decoration: none; font-size: 9pt; line-height: 20px;
	vertical-align: middle;
}

ul#accountnav a:hover	{
	background-color: #DFCEBA;
}

ul#accountnav img	{
	border: 0; margin: 0; padding-right: 5px;
	float: left;
}

/* Tabnav */
ul#tabnav		{ padding: 0; margin: 0; text-align: center; color: #06C; min-width: 770px; text-align: right;  }
#content ul#tabnav	{ margin-left: -20px; }
ul#tabnav li {
	width: 152px; line-height: 30px; display: inline-block; margin-bottom: 9px;
	border: 1px solid #CCC; border-radius: 10px 10px 0 0; text-align: center;
}
ul#tabnav a { width: 152px; line-height: 30px; display: inline-block; }
ul#tabnav li:hover, ul#tabnav a:hover	{ cursor: pointer; background: #EEF; text-decoration: none; }
li.disabledTab		{ background: #EEF; }
ul#tabnav li.disabledTab:hover	{ cursor: default; }

/*--------------------------------
 	Tables
-------------------------------*/

table	{
	border: 1px solid #CCC; margin: 0 auto; width: 100%;
}

th,td	{
	padding: 5px;
}

th	{
	background-color: #DDF;
}

tr:not(.tr_submit)	{
	background-color: #EEF;
}

table.formtable		{
	border: 0;
}


tr.alternate_on td	{
	background-color: #DDF;
}

tr.alternate_off td	{
	background-color: #EEF;
}

tr.hover:hover	{
	background-color: #DDF;
	cursor: pointer;
}

tr.h_alternate_focus	{
	background-color: #FC3;
}


tr.h_alternate_on:hover	{
	background-color: #CCF;
}

tr.h_alternate_off:hover{
	background-color: #CCF;
}

#productlist label {
        display: inline-block; width: 60px;
}

#productlist input {
        margin-bottom: 3px;
}

#productlist select {
        margin-top: 6px;
}

#productlist .productlink {
        display: inline-block; margin: 0 auto; width: 50px; height: 50px; border: 1px solid #666;
}

/*--------------------------------
 	Forms
-------------------------------*/

input, select, textarea	{
	border: 1px solid #000;
}

input[type="checkbox"]	{
	border: 0;
}

input[type="radio"]	{
	border: 0;
}

td.td_submit		{
	background-color: #FFF;
}

input[type="submit"]    {
        color: #FFF; background-color: #F60; white-space: nowrap; float: right;
	width: 200px; height: 30px; border: 1px solid #CCC; font-weight: bold;
        background: url(/img/layout/startwebwinkel/glowbutton.gif) repeat-x;
}

input[type="submit"]:hover	{
	background: url(/img/layout/startwebwinkel/glowbutton_hover.gif); cursor: pointer;
}

.subnav ul, .subnavpage ul      { display: inline-block; margin: 0; padding: 15px; }
div#content .subnav ul li, div#content .subnavpage ul li { list-style-type: none; list-style-image: none; float: left; width: 230px; padding: 0; }
.subnav img, .subnavpage img { float: left; padding-right: 15px; margin-top: -10px; }
.subnav a, .subnavpage a { 	display: block; height: 30px; padding: 15px 0 20px 15px; vertical-align: top; text-decoration: none; border-radius: 5px; }
.subnav a:hover, .subnavpage a:hover { background-color: #21586f; color: #FFF; }