/*==============================================================================

	This website/webapplication is developed by:
	Occhio Group
	http://www.occhio.nl/
	info@occhio.nl
	+31 (0)20 320 78 70
					
==============================================================================*/

/* ============================================================================= 
	STYLES FOR PRINT-CONTENT // Michele
============================================================================= */
/* typography */
body * {	
	color: #000000;
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;  /* IE bugs on the verdana font*/
	font-size: 11pt;
	line-height: 16pt;
	background: transparent;
}

body,
input,
textarea,
select {
	font-family: Arial, Verdana, sans-serif; 
}

h1, h1 a,
h1 span {
	font-family: Georgia, Verdana;
	font-size: 24pt;
	line-height: 30pt;
	margin-bottom: 15pt;
	color: #222;
}

h2,
.employeeOverview h2 span {
	font-style: normal;
	font-weight: normal;
	color: #000;
	font-family: Arial, Verdana;
	font-size: 14pt;
	line-height: 16pt;
	margin: 0 0 3pt 0;
}

h3, h4, h5, h6, table th {
	font-style: normal;
	font-weight: bold;
	color: #000;
	font-size: 12pt;
	line-height: 14pt;
	margin: 0 0 0 0;
}

h4, h5, h6 {
	font-weight: bold;
	font-size: 11pt;
}

h1, h2, h3, h4,
h5, h6, legend, html * {
    page-break-after: avoid;
		page-break-before: avoid;
}

big {
	font-family: Georgia, Arial;
	line-height: 24pt;
}
 
ul li {
	background: none; /* back to basic */
	list-style-type: circle;
}

/* hiding unnecessary items */
a#logoMask,
ul#languageLink,
input#searchInput,
button#searchButton,
#mainmenu,
#breadcrumbs,
#footer,
#footerMap,
#sidebar {
	display: none;
}

#header {
	float: left;
	clear: both;
}
#content {
	width: 600pt;
	float: left;
	clear: both;
}

p#copyright {
	float: left;
	clear: both;
}

/* showing the print logo */
img#printLogo {
	display: block;
	margin: 0 0 0 20pt;
	padding: 0 0 40pt 0;
}

#content {
	margin-top: 50pt;
}

ul.tagList{
	padding-left: 0;
	margin: 0;
}

/* specifics */

/* portfolio clients page, upping the index char */
table#ourClients li.indexChar {
		margin: -21pt 0 0 0;
	}
	
div#portfolioItems .small {
	padding-bottom: 30pt;
 	border-bottom: 1pt solid #eee;
	width: 600pt;
}

div#portfolioItems .small .description {
	font-size: 9pt;
	width: 400pt;
}

/* homepage -
	alternative content for flash block */
	
body.tml_home #showcase {
	display: none;
}
#printContent {
	display: block;
	margin: 50pt 0 40pt 20pt;
	padding-top: 100pt;
}	

/* over occhio -
		medewerkerspage */
		
body.page35 h2 span {
	display: block;
}		

/* over occhio - cms 
	slider */
#showcase.occhioCms  {
	display: none; /* alternative content is being printed */
	
}/*

#showcase.occhioCms p {
	width: 600pt;
	
}
#content #showcase.occhioCms div.cmsOverview,
#content #showcase.occhioCms,
#content #showcase.occhioCms .stripViewer,
#content #showcase.occhioCms .panel,
#content #showcase.occhioCms .panel div {
	height: auto;
	padding: 0;
	width: 640pt;
	border: 0pt;
	position: relative;
		margin: 0;
		
}
#content #showcase.occhioCms .cmsOverview h1 span {
	display: block;
}
#content #showcase.occhioCms h1,
#content #showcase.occhioCms h2 {
	float: left;
	clear: both;
	
}


#content #showcase.occhioCms .panel p.description,
#content #showcase.occhioCms .panel .onm p,
#content #showcase.occhioCms .panel .otm p{
	width: 560pt;
	height: auto;
	position: relative;
	display: block;
	margin: 0 0 10pt 15pt;
	padding: 0;
	
}

#content #showcase.occhioCms .panel .otm p {
	width: 580pt;
}

#content #showcase.occhioCms .panel span#onmImage,
#content #showcase.occhioCms .panel .otm span#otmImage{
		display: none;
	}

*/
/* contact page */
	
body.page103 div.columns div.right /*hiding the form */,
body.page103 iframe /*hiding streetview  */{
	display: none; 
}



body.page103 div.columns div {
	width: 300pt !important;
}	

/* blog */

.blog .entry {
	width: 400pt;
}

.blog p.blogReactie {
	display: block;
	width: 400pt;
}

.blog hr {
	height: 30pt;
	display: block;
	float: left;
	clear: both;
	border-bottom: 1pt dashed #ccc;
}

.blog div.postTitle span {
	float: left;
}
  
/* blog -
	archive page */
.blog #content h1,
.blog .entry,
.blog p.postmetadata {
	float: left;
	clear: both;
}


.blog p.postmetadata {
	padding: 0;
}

div.sz_carousel {
	height: 600pt;
}


/* routebeschrijving pagina */

.gmnoprint,
.gmnoprint h2 span {
	display: block !important;
}

.gmnoprint h2 span {
	width: 100pt;
}