/* Reset to defaults */
@import url("reset.css");

/* Body */
body { font-family:verdana, arial; font-size: 69%; color:#000000; }

/* Defaults */
strong { color: #000; }
p { font-size:1.1em; line-height: 1em; padding-bottom:1.1em; color:#5d5d5d; line-height: 16px; }
p.note { font-size: 1em; font-style:italic; }
.spacer { clear:both; padding:5px; }
a { color:#5d5d5d; }

/* Container */
#container { position:relative; width:100%; background: #e9eaea url(../img/bg_container.jpg) repeat-x 0 0; overflow:auto; }
	#inner { position:relative; width:878px; margin: 2px auto; }

/* Header */
#header { position:relative; height:119px; }
	#header img { border:0; }

/* Menu */	
#menu { position:relative; height:50px; line-height:50px; margin: 0 auto 0 auto; width:870px; }
	#menu ul { margin-left: 105px; }
	#menu ul li { float:left; margin-right:105px; }
	#menu ul li a { font-size:1.5em; text-decoration:none; }
	#menu ul li a:hover { text-decoration:underline; }

/* Left column */
#left_column { clear:both; position:relative; float:left; width:593px; }
	#left_column .banner { margin-bottom: 20px; }  

/* Content */
#content { width: 100%; }
#content p { padding-right: 10px; }

/* Homepage */
#content.home { width:800px; margin: 0 auto; }
#content .left, #content .middle, #content .right { text-align: center; float:left; overflow:hidden; text-align: center; }
#content .left { padding:40px 0 40px 0; width:260px; overflow:hidden; }

#content .middle { padding:40px 0 40px 0; width:280px; text-align:left; }
#content .right { padding:40px 0 40px 0; width:260px; }

/* Products */
#products { }
	#products .shirt { height:115px; margin-bottom:28px; }
	#products .glazen { height:115px; margin-bottom:28px; text-align: center; }
	#products tr.head td { height:15px; width:16px; font-size:1em; color:#c52924; }
	#products tr.maten td { height:15px; width:16px; font-size:1em; color:#5d5d5d; }
	#products tr.head td.label,
	#products tr.maten td.label { width:53px; font-size:1em;  }
	#products .inputfield { width:16px; height:14px; border:1px solid #d1d2d3; }
	#products .inputfield.big { width:24px; height:14px; border:1px solid #d1d2d3; }
	
	#products .inputfield.disabled { border:1px solid #e9eaea; }	

/* Orders */
#orders { margin-bottom: 2em; }
	
/* Right column */	
#right_column { position:relative; float:right; width:266px; }
		
/* Footer */		
#footer { position:relative; clear:both; width: 878px;  margin:15px auto; text-align: center; background: url(../img/bg_footer.jpg) no-repeat 0 0;}
	#footer a { color: #6f7072; font-size: 1em; text-decoration: none; }   
	#footer a:hover { text-decoration: underline; }

/* Titles */
h1 { display:block; height:19px; width:300px; text-indent:-999px; margin-bottom:1.1em; }
	h1.controlleerbestelling { background: url(../img/controleerbestelling.png) no-repeat 0 0; }
	h1.bestellingafronden { background: url(../img/bestellingafronden.png) no-repeat 0 0; }
	h1.kiesjetshirt { background: url(../img/kiesjetshirt.png) no-repeat 0 0; margin-top:1em; }
	h1.kiesjeglas { background: url(../img/kiesjeglas.png) no-repeat 0 0; margin-top:1em; }	
	
h2 { font-size:1.4em; font-weight: normal; line-height:1.5em; padding-bottom:1em; }
	
/* Forms */
.textfield, .inputfield { font-size:1.1em;  border:1px solid #d1d2d3; padding:2px; }
.textfield { width:164px;}
.button { margin-top:32px; text-align: right; }
.label { font-size:1.1em; }
	
/* Banners */
.cycle { margin-bottom:15px;  }
.callout { }
.banner { width: 593px; height:58px; }

/* Shoppingcard */
#shoppingcard { border:1px solid #D1D2D3; padding:8px; }
#shoppingcard h4 { font-weight: bold; text-align:center; height:25px; line-height:15px; color:#C52924; }