/* ######################################################################################
	DE GROOT CREATIEF CSS
	
	HOOFDKLEUR: #00c0ff GEBRUIK ZOEK EN VERVANG OM DEZE KLEUR TE WIJZIGEN
	SUBKLEUR:  #
###################################################################################### */


body			{background-image: url(/templates/default_site/img/bg.jpg); background-repeat: repeat-x; font-family: Arial;}

h1,h2,h3,h4,h5,h6	{line-height: 100%;}

h1				{font-size: 23px; color: #333; font-weight: bold; line-height: 200%;}
h2				{font-size: 22px; color: #333; font-weight: normal;}
h3				{font-size: 18px; color: #333; font-weight: bold;}
h4				{font-size: 16px; color: #333; font-weight: bold;}
h5				{font-size: 14px; color: #333; font-weight: bold;}
h6				{font-size: 13px; color: #333; font-weight: bold;}

.left			{float: left;}
.right			{float: right;}
.clear			{clear: both;}
.odd			{}	
.even			{background-color: #f2f2f2;}
.odd:hover,
.even:hover		{background-color: #00c0ff;}
.scheiding		{}

hr				{color:#ccc;
border:none;
border-top:1px solid #ccc;
height:1px;}

#header			{width: 100%; height: 120px; background-color: #fff;}
#header_content	{width: 990px; margin: 0 auto;}
.logo			{height: 128px;}

#opsomming		{width: 980px; background-image: url(/templates/default_site/img/head.jpg); height: 253px; margin-top: 44px; }

#wrapper		{width: 980px; padding: 10px; margin: 0 auto; margin-top: 20px;}
#container		{}
#content		{width: 460px;}
#content_gerealiseerd		{width: 980px;}
.kolom			{width: 420px; padding: 10px; float: right; background-color: #0055A1;}
.dienst			{width: 223px; height: 243px; padding: 5px 10px 5px 10px; border-right: 1px solid #fff; border-left: 1px solid #ccc;}
.dienst h2		{line-height: 0; font-weight: bold;}
.dienst p		{font-size: 11px;}
.leesmeer		{width: 120px; padding: 5px; background-color: #0054a5; color: #fff; text-align: right; font-size: 11px; position: relative; bottom: 5px; left: -11px;}
.leesmeer a		{color: #fff;}

#footer			{width: 980px; padding: 10px; margin: 0 auto;}
#footer li		{list-style-image: url(/templates/default_site/img/bliksem.jpg);  margin-left: 30px; font-size: 12px; color: #999; line-height: 30px; border-bottom: 1px dotted #666; margin-right: 100px;}

/* ######################################################################################
	NAVIGATIE
###################################################################################### */	

#nav			{clear: both;}
#nav li			{display: block; float: left; padding: 10px; height: 35px;}
#nav li a		{color: #fff; font-weight: bold;}
#nav li a:hover	{color: #333;}

/*--- DROPDOWN ---*/
#nav ul li{
		display:block;
		position:relative;
		float:left;
		height: auto;}
#nav	li ul{display:none;}
#nav	ul li a{
		display:block;
		margin-left:1px;
		height: 10px;
		text-decoration:none;
		color:#fff;
		background-color: #333;
		padding: 5px 15px 5px 15px;
		white-space:nowrap}
#nav	ul li a:hover{background:#333;color:inherit; color: #fff;}
#nav	li:hover ul{ 
		display:block; 
		position:absolute;
		background-color: #333;}
#nav	li:hover li{ 
		font-size:70%;
		clear:left; 
		width:12em;
		color: #fff;}

/* ######################################################################################
	FANCYBOX
###################################################################################### */

.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}

/* ######################################################################################
	PROJECTEN
###################################################################################### */

.project		{width: 400px; padding-bottom: 15px; padding-top: 10px; border-bottom: 1px solid #fff; color: #fff;}
.project p		{color: #000;}
.project img	{border: 3px solid #fff; float: left;}
.project .tekst	{height: 100px; width: 280px; margin-left: 120px; font-size: 12px; line-height: 140%; font-weight: normal; }
.project a		{font-weight: bold; color: #fff;}
.project h3		{line-height: 100%; color: #fff; margin: 0px;}

.gerealiseerd	{display: block; width: 174px; margin-right: 10px; margin-top: 10px; padding: 5px; border: 1px solid #d4d4d4; float: left;}
.gerealiseerd .intro {height: 100px;}
.span			{position: absolute; margin-top: 79px; margin-left: -6px;}
.title			{height: 40px; font-size: 18px; font-weight: bold;}
/* ######################################################################################

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



/* ######################################################################################
	TWITTER
###################################################################################### */

.tweet 					{background: #fff;margin: 4px 0;width: 230px;padding: 4px;}
.tweet img 				{float: left;margin: 0 8px 4px 0;}
.tweet .text 			{margin: 0;}
.tweet .time a 			{font-size: 80%;color: #333;white-space: nowrap;text-decoration: none;}
.tweet .time a:hover 	{text-decoration: underline;}
#twitterSearch .tweet 	{min-height: 24px;}
#twitterSearch .tweet .text {margin-left: 0px;}

#twitterUserTimeline .tweet,
#twitterUserTimeline .tweet	{color: #333;border:1px solid #00aced;font-size: 11px;;}

/* ######################################################################################
	Paginatie
###################################################################################### */

.paginate		{clear: both;}
.paginate ul	{margin-top: 20px; }
.paginate li	{display: block; float: left; padding: 3px 6px 3px 6px;; border: 1px solid #c4c4c4; margin-top: 20px; margin-right: 5px; }

/* ######################################################################################
	PRINTSTYLES
###################################################################################### */
@media print {}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}