/*  
Theme Name: Hartman Communicatie BV
Theme URI: http://www.hartman-communicatie.nl
Description: Caerus Wordpress theme for Hartman Communicatie BV.
Version: 1.0
Author: Caerus
Author URI: http://www.caerus.eu/communicatie
*/



/*
INDEX
10.		Basis opbouw
20.		Header
30.		Frontpage: bridge
31.		Frontpage: content
32.		Frontpage: posts
33.		Frontpage: sidebar
40.		Subpage: bridge
41.		Subpage: kruimelpad
42.		Subpage: content
43.		Subpage: sidebar left
44.		Subpage: submenu
45.		Subpage: posts
46.		Subpage: sidebar right
80.		Footer
98.		Website generieke elementen
99.		Delicious Lions generieke elementen
*/



/*
10		Basis opbouw
*/
		html
					{
					height: 100%;
					margin: 0px;
					padding: 0px;
					background-image: url("images/achtergrond.png");
					}
		
		body
					{
					margin: -10px 0px 0px 0px;
					padding: 10px 0px 0px 0px;
					background-color: transparent;
					background-image: url("images/achtergrond.png");
					background-repeat: repeat;
					font-family: arial, sans-serif;
					color: rgb(84,84,84);
					font-size: 10px;
					line-height: 14px;
					}
						
		h1#hoofdtitel
					{
					display: none;
					}
		
		div#wrap
					{
					width: 840px;
					margin: 0px auto;
					padding: 30px 30px 20px 30px;
					background-color: white;
					background-image: none;
					text-align: left;
					}



/*
20		Header
*/
		div.header
					{
					width: 840px;
					height: 80px;
					overflow: hidden;
					margin: 0px;
					padding: 0px;
					}
		
		div#header_titel
					{
					float: left;
					display: inline;
					width: 340px;
					height: 50px;
					margin: 0px;
					padding: 0px;
					}
		
		div#header_contact
					{
					float: right;
					display: inline;
					width: 486px;
					height: 80px;
					margin: 0px;
					padding: 14px 0px 0px 0px;
					font-family: arial, sans-serif;
					font-size: 11px;
					color: rgb(60,60,60);
					font-weight: normal;
					line-height: 14px;
					text-align: right;
					}
		
		div#header_contact a
					{
					color: rgb(60,60,60);
					text-decoration: none;
					}



/*
30		Frontpage: bridge
*/
		div.bridge
					{
					width: 840px;
					height: 230px;
					overflow: hidden;
					/* background-image: url("images/bridge.png"); */
					}

		div#resultaatpunten, div#resultaatpunten a
					{
					width: 240px;
					height: 170px;
					margin: 25px 0px 0px 20px;
					padding: 0px 0px 0px 0px;
					overflow: hidden;
					font-family: Arial, sans-serif;
					font-size: 13px;
					color: rgb(22,22,22);
					font-weight: normal;
					text-decoration: none;				
					}
		
		div#resultaatpunten h2
					{
					margin: 0px 0px 10px 0px;
					padding: 0px;
					font-size: 18px;
					font-weight: normal;
					line-height: 20px;
					}
		
		div#resultaatpunten ul
					{
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
					list-style-type: circle;
					}

		div#resultaatpunten li, div#resultaatpunten li a
					{
					margin: 0px 0px 4px 0px;
					}
		
		#teaser
					{
					position: relative;
					top: -70px;
					left: 179px;
					width: 250px;
					height: 67px;
					overflow: hidden;
					}
		
		#teaser, #teaser a
					{
					font-family: Arial, sans-serif;
					font-size: 11px;
					color: rgb(22,22,22);
					text-decoration: none;
					line-height: 15px;
					}
		
		#teaser p
					{
					margin: 0px;
					padding: 0px;					
					}

		#teaser a
					{
					text-transform: uppercase;
					}
					
		#hoofdmenu
					{
					width: 830px;
					position: relative;
					top: -62px;
					margin: 0px 0px 0px 10px;
					padding: 0px;
					}
		
		#hoofdmenu ul, #subpage_hoofdmenu ul
					{
					height: 14px;
					margin: 0px;
					padding: 8px 0px 8px 0px;
					overflow: hidden;
					}
		
		#hoofdmenu ul li, #subpage_hoofdmenu ul li
					{
					height: 22px;
					margin: 0px 2px 0px 2px;
					padding: 10px 2px 10px 2px;
					display: inline;
					}

		#hoofdmenu li a:link, #hoofdmenu li a:visited, #subpage_hoofdmenu li a:link, #subpage_hoofdmenu li a:visited
					{
					height: 22px;
					margin: 0px;
					padding: 10px 2px 10px 2px;
					font-family: Arial, sans-serif;
					font-size: 12px;
					color: white;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					}

		#hoofdmenu li a:hover, #hoofdmenu li a:active, #subpage_hoofdmenu li a:hover, #subpage_hoofdmenu li a:active
					{
					height: 22px;
					margin: 0px;
					padding: 10px 2px 10px 2px;
					background-image: url("images/bridge_menuselectie.png");
					font-family: Arial, sans-serif;
					font-size: 12px;
					color: rgb(40,153,154);
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					}

		div.bridge ul li.current_page_item a, div.subpage_bridge ul li.current_page_item a, div.bridge ul li.current_page_parent a, div.subpage_bridge ul li.current_page_parent a
					{
					height: 22px;
					margin: 0px;
					padding: 10px 2px 10px 2px;
					background-image: url("images/bridge_menuselectie.png");
					font-family: Arial, sans-serif;
					font-size: 12px;
					color: rgb(40,153,154);
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					}
					
				

/*
31		Frontpage: content
*/	
		div#content
					{
					width: 840px;
					margin: 30px 0px 0px 0px;
					padding: 0px;
					}
		
		div.posts
					{
					width: 408px;
					margin: 0px 30px 0px 0px;
					padding: 15px 15px 0px 15px;
					float: left;
					border: 1px solid rgb(196,196,196);
					}
		
		div.sidebar
					{
					width: 370px;
					margin: 0px;
					padding: 0px;
					float: right;
					}



/*
32		Frontpage: posts
*/
		div.posts h2
					{
					margin: -10px 0px 10px 0px;
					padding: 0px;
					}

		div.posts p.publicatiedatum
					{
					font-size: 11px;
					}
		
		div.posts p
					{
					margin: 0px 0px 8px 0px;
					padding: 0px;
					}
		
		div.posts p.spacer
					{
					margin: 0px 0px 5px 0px;
					}
		
		div.posts span.link a
					{
					font-size: 11px;
					text-transform: uppercase;				
					}
		
		/* div.posts img, div.posts p img
					{
					width: expression( document.body.clientWidth > 369 ? "370px" : "auto" );
					max-width: 370px;
					} */



/*
33		Frontpage: sidebar
*/
		div.sidebar table
					{
					width: 370px;
					margin: 0px 0px 30px 0px;
					padding: 0px;
					table-layout: fixed;
					border-collapse: collapse;
					border: 0px solid transparent;
					}
		
		div.sidebar td.spacerlinks
					{
					width: 280px;
					height: 1px;
					background-color: white;
					background-image: none;
					}

		div.sidebar td.spacerrechts
					{
					width: 75px;
					height: 1px;
					background-color: white;
					background-image: none;
					}
					
		div.sidebar table.sidebarelementgroen td.bovenzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					overflow: hidden;
					background-image: url("images/sidebarelementgroen_bovenzijde.png");
					}

		div.sidebar table.sidebarelementgrijs td.bovenzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					overflow: hidden;
					background-image: url("images/sidebarelementgrijs_bovenzijde.png");
					}

		div.sidebar table.sidebarelementgroen td.content, div.sidebar table.sidebarelementgroen td.illustratie, div.sidebar table.sidebarelementgroen td.elementheader
					{
					background-image: url("images/sidebarelementgroen_achtergrond.png");
					}

		div.sidebar table.sidebarelementgrijs td.content, div.sidebar table.sidebarelementgrijs td.illustratie, div.sidebar table.sidebarelementgrijs td.elementheader
					{
					background-image: url("images/sidebarelementgrijs_achtergrond.png");
					}

		div.sidebar table.sidebarelementgroen td.onderzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					background-image: url("images/sidebarelementgroen_onderzijde.png");
					}

		div.sidebar table.sidebarelementgrijs td.onderzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					background-image: url("images/sidebarelementgrijs_onderzijde.png");
					}
					
		div.sidebar table.sidebarelementgroen td.lijn
					{
					margin: 0px;
					padding: 2px 0px 8px 15px;
					background-image: url("images/sidebarelementgroen_achtergrond.png");
					line-height: 0px;
					}

		div.sidebar table.sidebarelementgrijs td.lijn
					{
					margin: 0px;
					padding: 2px 0px 8px 15px;
					background-image: url("images/sidebarelementgrijs_achtergrond.png");
					line-height: 0px;
					}

		div.sidebar td.elementheader
					{
					margin: 0px;
					padding: 5px 0px 0px 15px;					
					}
					
		div.sidebar td.lijn img, div.sidebar h3, div.sidebar p, div.sidebar a, div.sidebar ul, div.sidebar li
					{
					margin: 0px;
					padding: 0px;
					}
				
		div.sidebar td.content
					{
					padding-left: 15px;
					}

		div.sidebar td.illustratie img
					{
					width: expression( document.body.clientWidth > 59 ? "60px" : "auto" ); /* sets max-width for IE */
					height: expression( this.scrollHeight > 59 ? "60px" : "auto" ); /* sets max-height for IE */
					max-width: 60px;
					max-height: 60px;
					border: 1px solid white;
					}
										
		div.sidebar ul, div.sidebar li
					{
					list-style-type: none;
					}
		
		div.sidebar a
					{
					text-decoration: none;
					text-transform: uppercase;
					}

		div.sidebarsubinformatie
					{
					margin: 0px;
					padding: 0px;
					}

		div.sidebarsubinformatie h2
					{
					margin: 0px;
					padding: 0px;
					font-family: arial, sans-serif;
					font-size: 11px;
					color: rgb(40,153,154);
					font-weight: bold;
					line-height: 16px;
					}
					
		div.sidebar div.sidebarsubinformatie p
					{
					padding: 0px;
					font-family: arial, sans-serif;
					font-size: 11px;
					color: rgb(84,84,84);
					font-weight: normal;
					line-height: 16px;
					}
		
		div.sidebar div.sidebarsubinformatie form p
					{
					margin: 0px;
					padding: 0px;					
					}			

		div.sidebarsubinformatie img
					{
					margin: 0px 10px 0px 0px;
					}

		div.sidebarsubinformatie img.bannerend
					{
					margin-right: 0px;
					}
					
		div.sidebarsubinformatie form
					{
					margin: 0px 0px 30px 0px;
					padding: 0px;
					}

		div.sidebar div.sidebarsubinformatie input
					{
					height: 16px;
					width: 150px;
					margin: 0px 4px 0px 0px;
					padding-top: 3px;
					border: 1px solid rgb(233,233,233);
					}

		div.sidebar div.sidebarsubinformatie input.abonneerknop
					{
					height: 22px;
					width: 50px;
					margin: 0px 0px -7px 0px;
					padding: 0px;
					border: 0px solid transparent;
					}
		
		form#frmSS10
					{
					margin: 0px;
					padding: 0px;
					}

		.myForm td, input, select, textarea, checkbox
					{
					font-family: tahoma;
					font-size: 12px;
					}



/*
34		Frontpage: sidebar nieuwsbrief
*/
		div.nieuwsbriefbevestiging
					{
					width: 340px;
					margin: 0px;
					padding: 5px 15px 5px 15px;
					background-image: url("images/sidebarelementnieuwsbriefbevestiging_achtergrond.png");
					}

		div.nieuwsbriefbevestigingbovenzijde
					{
					overflow: hidden;
					height: 5px;
					width: 370px;
					margin: 0px;
					padding: 0px;
					background-image: url("images/sidebarelementnieuwsbriefbevestiging_bovenzijde.png");
					}
					
		div.nieuwsbriefbevestigingonderzijde
					{
					overflow: hidden;
					height: 5px;
					width: 370px;
					margin: 0px 0px 30px 0px;
					padding: 0px;
					background-image: url("images/sidebarelementnieuwsbriefbevestiging_onderzijde.png");
					}
		
		div.nieuwsbriefbevestiging h2.nieuwsbriefbevestiging
					{
					margin: 0px;
					padding: 0px;
					font-size: 12px;
					color: white;
					font-weight: bold;
					}
		
		div.nieuwsbriefbevestiging p.nieuwsbriefbevestiging
					{
					margin: 0px;
					padding: 0px;
					font-size: 11px;
					color: white;					
					line-height: 14px;
					}
					
		div.sidebarnieuwsbrief table.sidebarelementgrijs td.bovenzijde
					{
					background-image: url("images/sidebarelementnieuwsbrief_bovenzijde.png");					
					}

		div.sidebarnieuwsbrief table.sidebarelementgrijs td.elementheader
					{
					background-image: url("images/sidebarelementnieuwsbrief_achtergrond.png");					
					}

		div.sidebarnieuwsbrief table.sidebarelementgrijs td.onderzijde
					{
					background-image: url("images/sidebarelementnieuwsbrief_onderzijde.png");					
					}
		
		div.sidebar input.text
					{
					height: 14px;
					width: 150px;
					margin-bottom: 5px;
					background-color: white;
					font-family: arial, sans-serif;
					font-size: 11px;
					color: black;
					}
		
		img.lidmaatschaplogomidden
					{
					margin: 0px 20px 0px 20px;
					}



/*
40		Subpage: bridge
*/
		div.subpage_bridge
					{
					width: 840px;
					height: 90px;
					overflow: hidden;
					/* background-image: url("images/bridge_contentpage.png"); */
					}

		#subpage_hoofdmenu
					{
					width: 830px;
					position: relative;
					top: 0px;
					margin: 60px 0px 0px 10px;
					padding: 0px;
					}
		
		#subpage_hoofdmenu ul
					{
					height: 14px;
					margin: 0px;
					padding: 8px 0px 8px 0px;
					overflow: hidden;
					}
		
		#subpage_hoofdmenu ul li
					{
					height: 22px;
					margin: 0px 2px 0px 2px;
					padding: 10px 2px 10px 2px;
					display: inline;
					}



/*
41		Subpage: kruimelpad
*/
		span.kruimelpad
					{
					font-family: Arial, sans-serif;
					font-size: 11px;
					color: rgb(84,84,84);
					font-weight: normal;					
					}
		
		span.kruimelpad a
					{
					margin: 0px 0px 0px 0px;
					padding: 0px;
					font-family: Arial, sans-serif;
					font-size: 11px;
					color: rgb(40,153,154);
					font-weight: normal;
					font-style: normal;
					text-decoration: none;
					}



/*
42		Subpage: content
*/
		div#subpage_content
					{
					width: 840px;
					margin: 15px 0px 0px 0px;
					padding: 0px;
					}

		div#subpage_sidebarleft, div#subpage_sidebarright
					{
					float: left;
					display: inline;
					width: 200px;
					margin: 15px 0px 0px 0px;
					padding: 0px;
					}
		
		div#subpage_posts
					{
					float: left;
					display: inline;
					width: 380px;
					margin: 15px 30px 0px 30px;
					padding: 0px;
					}

		/* div#subpage_posts img, div#subpage_posts p img
					{
					width: expression( document.body.clientWidth > 369 ? "370px" : "auto" );
					max-width: 370px;
					} */
		
		span.succesvol
					{
					color: green;
					}
		
		span.gefaald
					{
					color: red;
					}

/*
43		Subpage: sidebar left
*/	
		div#subpage_sidebarleft h3
					{
					margin: 0px;
					padding: 20px 0px 0px 0px;
					border-top: 1px solid rgb(196,196,196);
					}

		div#subpage_sidebarleft p
					{
					margin: 0px;
					padding: 0px;
					}

		div#subpage_sidebarleft a
					{
					color: rgb(84,84,84);
					text-decoration: underline;
					}
		
		div#subpage_sidebarleft ul, div#subpage_sidebarleft ol
					{
					margin: 0px 0px 2px 18px;
					padding: 0px;
					font-size: 12px;
					color: rgb(84,84,84);
					}
		
		div#subpage_sidebarleft li
					{
					margin: 2px 0px 0px 0px;
					font-size: 11px;
					color: rgb(84,84,84);		
					}

		div#subpage_sidebarleft li a
					{
					font-size: 11px;
					color: rgb(84,84,84);
					font-style: italic;
					text-decoration: none;
					}
		
		div#subpage_sidebarleft img
					{
					/* width: expression( document.body.clientWidth > 199 ? "200px" : "auto" ); /* sets max-width for IE */
					/* max-width: 200px; */
					}



/*
44		Subpage: submenu
*/
		div#subpage_sidebarleft ul.submenu
					{
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
		
		div#subpage_sidebarleft ul.submenu li
					{
					margin: 0px;
					padding: 8px 0px 8px 0px;
					list-style-type: none;
					border-top: 1px solid rgb(196,196,196);
					}
					
		div#subpage_sidebarleft ul.submenu li a, div#subpage_sidebarleft ul.submenu li.current_page_item a
					{
					margin: 0px;
					padding: 0px;
					color: rgb(60,60,60);
					font-family: Arial, sans-serif;
					font-size: 11px;
					font-weight: normal;
					font-style: normal;
					text-decoration: none;
					text-transform: none;
					}
		
		div#subpage_sidebarleft ul.submenu li.current_page_item a
					{
					font-weight: bold;
					}
		
		div#subpage_sidebarleft ul.submenu li.current_page_item a:after
					{
					content: " >";
					}



/*
45		Subpage: posts
*/
		div#subpage_posts h2, div#subpage_posts h2 a
					{
					margin: 0px 0px 20px 0px;
					padding: 0px;
					}
		
		div#subpage_posts h3
					{
					margin: 0px;
					padding: 0px;
					}

		div#subpage_posts
					{
					padding: 0px;
					}

		div#subpage_posts p
					{
					margin: 0px 0px 20px 0px;
					}
		
		div#subpage_posts p a
					{
					color: rgb(40,153,154);
					}

		div#subpage_posts p img
					{
					margin: 2px 10px 5px 0px;
					float: left;
					}
		
		div#subpage_posts form input.text
					{
					height: 18px;
					width: 320px;
					background-color: rgb(242,247,239);
					font-family: arial, sans-serif;
					font-size: 12px;
					color: black;
					}
		
		div#subpage_posts form textarea
					{
					height: 100px;
					width: 320px;
					background-color: rgb(242,247,239);
					font-family: arial, sans-serif;
					font-size: 12px;
					color: black;
					}



/*
46		Subpage: sidebar right
*/
		table.subpage_sidebarright_item
					{
					width: 200px;
					margin: 0px 0px 20px 0px;
					padding: 0px;
					table-layout: fixed;
					border-collapse: collapse;
					border: 0px solid transparent;
					}
					
		table.subpage_sidebarright_item td.bovenzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					overflow: hidden;
					background-image: url("images/sidebarrightelement_bovenzijde.png");
					}

		table.subpage_sidebarright_item td.onderzijde
					{
					height: 5px;
					padding: 0px;
					margin: 0px;
					background-image: url("images/sidebarrightelement_onderzijde.png");
					}

		table.subpage_sidebarright_item td.elementheader, table.subpage_sidebarright_item td.content
					{
					padding: 5px 10px 5px 10px;
					background-image: url("images/sidebarelementgroen_achtergrond.png");
					}
		
		table.subpage_sidebarright_item h3
					{
					margin: 0px;
					padding: 0px;
					}

		table.subpage_sidebarright_item p
					{
					margin: 0px 0px 5px 0px;
					padding: 0px;
					}

		table.subpage_sidebarright_item a
					{
					color: rgb(84,84,84);
					text-decoration: underline;
					}

		table.subpage_sidebarright_item ul, table.subpage_sidebarright_item ol
					{
					margin: 0px 0px 2px 16px;
					padding: 0px;
					}
		
		table.subpage_sidebarright_item li
					{
					margin: 2px 0px 0px 0px;					
					}

		table.subpage_sidebarright_item li a
					{
					font-size: 11px;
					color: rgb(84,84,84);
					font-style: italic;
					text-decoration: none;
					}
		
		table.subpage_sidebarright_item td.content img
					{
					/* width: expression( document.body.clientWidth > 177 ? "178px" : "auto" ); /* sets max-width for IE */
					/* max-width: 178px; */
					border: 1px solid white;
					}				
					
		table.subpage_sidebarright_item td.elementheader img
					{
					border: 0px solid transparent;
					}
		

		
/*
80		Footer
*/		
		div.footer
					{
					height: 14px;
					margin: 30px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-align: center;
					}

		div.footer ul
					{
					margin: 0px;
					padding: 0px;
					}
		
		div.footer li
					{
					margin: 0px 10px 0px 0px;
					padding: 0px;
					display: inline;
					list-style-type: none;
					font-family: arial, sans-serif;
					font-size: 10px;
					}
		
		div.footer li a
					{			
					color: rgb(84,84,84);
					font-weight: normal;
					text-decoration: none;
					}




/*
98		Website generieke elementen
*/	
		/* Standaard h2 */
		div.posts h2, div.posts h2 a, div#subpage_posts h2, div#subpage_posts h2 a
					{
					font-family: Arial, sans-serif;
					font-size: 16px;
					color: black;
					font-weight: bold;
					line-height: 20px;
					text-decoration: none;
					}

		/* Standaard h3 */
		div.posts h3, div.posts h3 a, div#subpage_posts h3, div#subpage_posts h3 a, div.posts strong, div#subpage_posts strong, form h3
					{
					font-family: arial, sans-serif;
					font-size: 12px;
					color: black;
					font-weight: bold;
					line-height: 18px;
					}
	
		/* Standaard paragraaf*/
		div.posts p, div.posts p a, div#subpage_posts, form, form p, form label
					{
					font-family: Arial, sans-serif;
					font-size: 12px;
					color: rgb(60,60,60);
					font-weight: normal;
					text-decoration: none;
					line-height: 18px;
					}
		
		/*Standaard groene link*/
		div#subpage_posts a
					{
					color: rgb(40,153,154);
					text-decoration: underline;
					}
					
		/* Sidebar h3 */
		div.sidebar h3, table.subpage_sidebarright_item h3, div#subpage_sidebarleft h3, div.sidebar str, table.subpage_sidebarright_item strong, div#subpage_sidebarleft strong
					{
					font-family: arial, sans-serif;
					font-size: 11px;
					color: rgb(60,60,60);
					font-weight: bold;
					line-height: 16px;
					}

		/* Sidebar paragraaf */
		div.sidebar p, div.sidebar a, table.subpage_sidebarright_item, table.subpage_sidebarright_item p, div#subpage_sidebarleft, div#subpage_sidebarleft p
					{
					font-family: arial, sans-serif;
					font-size: 11px;
					color: rgb(84,84,84);
					font-weight: normal;
					line-height: 16px;
					}



/*
99		Delicious Lions generieke elementen
*/	
		span.printlayout
					{
					display: none;
					}

		div.cleaner
					{
					clear: both;
					}

		img
					{
					border-width: 0px;
					}

		object, param, ibed
					{
					margin: 0px;
					padding: 0px;
					}

		.lowercase
					{
					text-transform: lowercase;
					}