/* -------------------------

stylesheet voor 'dewebarchitecten.nl'
author: Stephan Bakker
date: 05-09-06

colors:
rood: #E82F00
font default: #333
blauw links: #36c


---------------------------- */

body{
	color:#333;
	font:62.5%/200% verdana,helvetica,sans-serif;
	padding: 0;
	margin: 0;
	color: #333;
	background:#fff;
	text-align:left;
}
#Container{
	width: 840px;
	text-align: left;
}

/* toggleNav */

li.toggle ul{
	display:block;
}
li.togglefold ul{
	display:none;
}

/* ------------------- reset browser styles ---------------------- */

#Container *{
	margin: 0;
	padding: 0;
	border: 0;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/* ------------------- Hide elements ---------------------- */

#Nav_main h3,
#Catcher,
.skip{
	display: none;
}

/* ------------------- Branding ---------------------- */

#Branding{
	padding: 20px 0 0 36px;
	height: 70px;
}

/* ------------------- =Nav_main ---------------------- */

#Nav_main{
	float: right;
	width: 151px;
	color: #E82F00;
	font-size: 1.3em;
	border-left: 6px solid #E82F00;
	padding: 0 0 0 12px;
}

	#Nav_main a{
		color: #E82F00;
		
	}
	#Nav_main a:hover{
		color: #333;
		text-decoration: none;
	}






/* ------------------- =Content_main ---------------------- */
#Content_main{
	float: left;
	width: 670px;
	border-left: 6px solid #E82F00;
	padding: 0 0 0 30px;
}
#Content_main a{
	color: #36c;
}
#Content_main h3{
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 1em 0;
}

#Content_main .entry{
	font-size: 1.2em;
	line-height:155%;
	padding: 0 40px 20px 0;
	background: url(../images/dotshori.png) repeat-x bottom;
}
	#Content_main .entry p.more{
		margin: 1em 0 0 0;
	}
	#Content_main .entry p.more a{
		color: #36c;
		padding: 0 20px 0 0;
		background: url(../images/arrow_more.gif) no-repeat right center;
	}


/* ------------------- =Nav_sub ---------------------- */

#Nav_sub{
	float:left;
	clear: both;
	width: 690px;
	border-left:  6px solid #E82F00;
	padding: 0 0 50px 0;
}
	#Nav_sub ul{
	float: left;
	display: inline;
	font-size: 1.25em;
	margin: 1em 0 0 24px;
	padding: 0 0 1em 0;
	}
		#Nav_sub ul li{
			float:left;
			margin: 0.2em 0;
		}

		#Nav_sub  li a{
			color: #36c;
			padding: 0 6px;
			border-right: 1px solid #36c;
		}
	#Nav_sub li.more a{
		color: #36c;
		padding: 0 20px 0 6px;
		background: url(../images/arrow_more.gif) no-repeat right center;
		border:0;
	}
	 #Nav_sub h3{
	clear:both;
	font-size: 1.9em;
	padding: 0.3em 0 0 30px;
	font-weight: normal;
	}
	#Nav_sub h4{
	clear: left;
	padding: 0.5em 0 0 30px;
	font-size: 1.9em;
	color: #9d9d9d;
	font-weight: normal;
	}
		#Nav_sub h4 span{
			color: #666;
		}



/* ------------------- =Supplementary ---------------------- */

#Supplementary{
	float:left;
	clear:left;
	margin: -20px 0 0 30px;
	padding: 1em 0 0 0;
	border-top: 20px solid #eee;
	width: 630px;
}
	#Supplementary a{
		color: #36c;
	}