/*#############################################################



Name: Bitter Sweet



Date: 2006-10-02



Description: Lime flavoured template with two columns.



Author: Viktor Persson



URL: http://templates.arcsin.se







Feel free to use and modify but please provide credits.



#############################################################*/







/* standard elements */



* {



	margin: 0;



	padding: 0;



}



a {color: #543D30;}



a:hover {color: #917569;}



body {



	background: #917569 url(img/bg.gif) repeat-x center top;



	color: #333;



	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	



}



input {



	color: #555;



	font: normal 1.1em "Lucida Sans Unicode",sans-serif;  /*knoppen*/




}



p,cite,code,ul {  /* hoofdtekst en menutekst*/



	font-size: 1.2em;



	padding-bottom: 1.2em;



}



ul {margin-left: 1.2em;}



//li {list-style-image: url(img/li.gif);}



h1 {font-size: 1.4em;}  /* titel*/



blockquote {



	background: #917569;



	border-bottom: 1px solid #EEE;



	border-top: 1px solid #EEE;



	color: #333;



	display: block;



	font-size: 0.9em;



	margin-bottom: 1.2em;



	padding: 6px 12px;



}



blockquote p {padding: 3px 0;}



h1,h2,h3 {color: #654;}







/* misc */



.clearer {clear: both;}







/* structure */



.container {



	background: url(img/bgcontainer.gif) repeat-y;



	margin: 0 auto;



	width: 702px;



}







/* top */



.top {



	background: #917569; /*bovenste balk boven hoofding*/



	font: normal 2.4em Verdana,sans-serif;



	height: 10px;



	margin: 0 auto;



	width: 632px;



}



.top a {



	color: #917569;



	display: block;



	line-height: 60px;



	text-decoration: none;



	width: 100%;



}



.top span {padding-left: 24px;}



//.top a:hover {



	background: #917569;



	color: #FFF;



}







/* header */



.header {



	



	height: 180px;



	margin: 0 auto;



	width: 630px;



}







/* item */



.item {clear: both;}



.item .date {



	//background: url(img/bgdate.gif) no-repeat;



	color: #917569;



	float: left;



	height: 40px;



	text-align: center;



	width: 36px;



}



.item .date div {padding-top: 4px;}



.item .date span {font: normal 1.6em serif;}



.item .content {



	float: left;



	width: 500px;



}



.item h1 {



	background: #917569;  /* Kleur balk titel*/



	color: #FFF;



	line-height: 30px;



	padding-left: 16px;
    


}



.item .body {padding: 12px 18px;}


  

      



/* main */



.main {float: left;}








/* navigation */



.navigation {



	float: left;



	margin-left: 1px;



	width: 130px;



}



.navigation h1 {  /*menutitel*/



	background: #917569;



	color: #FFF;



	font-size: 1.3em;



	line-height: 30px;



	padding-left: 12px;

	
	border-bottom: 1px solid #FFCCCC;


}



.navigation ul {margin: 0; padding: 0;}



.navigation ul ul{margin: 0 0 0 15px; padding: 0;
background: #FFF url(img/bgsub.jpg)}  /*insprong submenu*/



.navigation li {



	border-bottom: 0px solid #FFFFFF;
	
	font-size: 0.9em;

	

	list-style: none;



}



.navigation li a {



	background: #917569 url(img/bgnavigation.gif) repeat-x;	



	color: #FFF;



	display: Block;



	line-height: 10px;



	padding: 8px 4px 8px 12px;



	text-decoration: none;

	
	
	



}



.navigation li a:hover {



	background: #C6AEA1;



	color: #553;



}







/* footer */



.footer {



	background: url(img/bgfooter.gif) repeat-x;



	color: #FFF;



	font-size: 1.1em;



	line-height: 25px;



	margin: 0 auto;



	text-align: center;



	width: 630px;



}



.footer a {color: #FFF;}



.footer a:hover {color: #FAFCB0;}