/* Stylesheet voor www.breitnerlaan.nl versie april 2009 */

body
{
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	color: navy;
	text-align: center;
}

a
{
	color: navy;
}

a:hover
{
	color: #333;
	text-decoration: underline;
}

h1
{
	font-size: 1.4em;
	margin: 1em 0;
	color: #000;
}

h2,h3,h4,h5,h6
{
	color: #556b2f;
}

table td 
{
	border: 1px solid #556b2f;
	padding: 0.2em 0.5em;
	font-weight: normal;
	padding: 0.5em;
	vertical-align: top;
}


div#wrapper
{
	position: relative;
	margin: 1em auto;
	width: 95%;
	min-width: 640px;
	height: 400em;
	background-color: #dcdcdc;
	text-align: left;
	border-right: 2px solid #9acd32;
	z-index: 0;
}


div#content
{
	position: absolute;
	top: 91px;
	left: 0px;
	width: 100%;
	height: 48.2em;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #dcdcdc; /*#efefef; */
}


div#colleft
{
	float: left;
	width: 9%;	
	font-size: 0.9em;
	margin: 0 0 0 80px;
	padding-right: 0em;
	background-color: transparent;
}


div#contentmiddle
{
	float:left;
	width: 49%;
	height: inherit;
	margin: 12px 0 0 18%;
	padding: 0 0px 0 0;
	font-size: 0.7em;
	line-height: 1.2em;
	background-color: transparent;
	color: #000;
}

div#contentmiddle ul
{
	list-style: disc outside;
}


div#contentmiddle ul li
{
	
}

div#contentmiddle h2, div#contentmiddle h3
{
	margin: 1.7em 0;
}

div#contentmiddle div.portfolio-item
{
	margin: 2em 0;
	border-top: 1px dashed #9acd32;
}

div#contentmiddle div.portfolio-item img
{
	margin: 0.5em 0;
	border: 1px solid #9acd32;
}

div#contentmiddle div.portfolio-item img:hover
{
	border: 1px solid #556b2f;
}


div#contentright
{
	float: right;
	width: 28%;
	margin: 0px 0px 0 0em;
	font-size: 0.8em;
	color: #556b2f;
}


div#contentright h2
{
	margin: 0em 0 0em 0; 
}

div#header
{
	position: absolute;
	top: 0em;
	left: 0;
	width: 100%;
	height: 90px;
	background-image: url(../images/computer-winkel-den-haag.jpg);
	background-repeat: no-repeat;
	background-position: 20em -8em;
	background-color: #dcdcdc;
}


img.logo
{
	margin-bottom: 2em;
}


div#navigation
{
	position: absolute;
	top: 104px;
	left: 0;
	width: 150px;
	height: 40em;
	margin:0 0 2em 0;
	background-color: #dcdcdc;
}


ul#navigation-menu
{
	position: absolute;
	top: 11em;
	left: 0;
	font-size: 0.9em;
}


ul#navigation-menu li.navitemact
{
	background-color: #dcdcdc;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	letter-spacing: 0.5em;	
}

ul#navigation-menu li.navitemact:hover
{

}


ul#navigation-menu li
{
	margin: 0 0 0.6em 0;
	width: 150px;
	height: 20px;
	background-color: #dcdcdc;
	padding: 0.2em 0 0 5px;
}


ul#navigation-menu li:hover
{

}



ul#navigation-menu li a
{
	font-weight: normal;
	font-size: 0.8em;
	color: navy;
	padding-top: 0.3em;
	text-decoration: none;
}

ul#navigation-menu li a:hover
{
	text-decoration: underline;
	color: purple;
}




div#nod32reseller
{
	position: absolute;
	top: 33.6em;
	left:0;
}

p
{
	margin: 0em 0 1.2em 0;
}


div#isl
{
	position: relative;
	top: 0em;
	left: 0.7em;
	padding: 1em 0 0 0;
}


p.header1 a, p.header2
{
	font-weight:bold;
	font-size: 0.9em;
	letter-spacing: 0.05em;
	color: navy;
	text-decoration: overline;
	font-variant: small-caps;
}

 p.header2
{
	font-weight:bold;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	color: #355f62;
	text-decoration: none;
	font-variant: small-caps;
}


p.bold
{
	font-weight: bold;
	font-size: 1em;
	color: #6b8e23;
	margin: 0.7em 0 0.2em 0;
	padding-left: 0em;
}

p.bold1
{
	font-weight: bold;
	font-size: 1em;
	color: red;
	margin: 0.7em 0 0.2em 0;
	padding-left: 0em;
}
p.normal
{
	font-weight: normal;
	font-size: 0.7em;
	color: #000
	margin: 0.7em 0 0.2em 0 ;
	padding-left: 0em;

}

div#openingstijden
{
	margin: 20px -2px 0em 0px;
	border: 2px solid #9acd32;
	border-right: none;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomleft: 2em;
	background-color: #dcdcdc;
	padding: 0.5em 0;
	text-align: center;
}


div#branches
{
	margin: 20px -2px 0 0px;
	border: 2px solid #9acd32;
	border-right: none;
	-moz-border-radius-topleft: 2em;
	-moz-border-radius-bottomleft: 2em;
	background-color: #dcdcdc;
	padding: 20px 0 0 50px;
}


div#hcard-breitnerlaan
{
	margin: 1em 0 2em 0;
	font-size: 120%;
	border-bottom: 1px dotted #9acd32;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.blogitem
{
	margin: 3em 0 2em 0;
	border-bottom:1px solid #556b2f;
}


div.blogmessage
{
	width: 90%;
	margin: 0.5em;
	font-size: 1.5em;
	color: #000;
	font-family: Verdana;
	padding: 0.5em 0 0 0em;
}

div.blogmessage p
{
	vertical-align: top;
}


div.blogreactions
{
	margin: 0;
}

p.messagetitle
{
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

p.messagedate 
{
	margin: 0.5em;
	font-size: 0.9em;
	color: navy;
}


p.message:first-letter
{
	font-weight: bold;
	font-size: 1.5em;
	margin-right: 0.1em;
}

p.message {
	margin-top: 1em;
	font-weight: normal;
}

p.socialreact
{
	margin: 0;
	vertical-align: top;
	padding: 0.7em 0.5em 0 0.5em;
}

p.socialreact a
{
	text-decoration: overline;
	margin-right: 0.5em;
	border-left: 1px solid #9acd32;
	border-right: 1px solid #9acd32;
	background-color: #fff;
}