@import "/css/menu.css";

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

body.xedni {
	background: url(/pics/gras_bg.jpg) #fff fixed repeat-x;
}

html>body .xedni {
	position: fixed;
}

table, td, div, h1, ul, li, input, textarea, span {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

a:link, a:visited, a:active {
	color: #135fb1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

form {
	margin: 0px;
}

td.leftColumn {
	width: 33%;
	background: url(/pics/wolk_bg.jpg) #135FB1 right bottom no-repeat;
}

td.rightColumn {
	width: 67%;
	
}

td.rightColumnHome {
	width: 67%;
	background: url(/pics/tegels.gif) #fff;
	background-position: 30px 74px;
}

html>body table.homeMenu {
	margin-top: 3px;
}

div.contentTrans {
	width: 510px;
	padding: 5px;
	background: #fff;
	filter:alpha(style=0,opacity=85);
	-moz-opacity:0.85;
	opacity:0.85; 
	-khtml-opacity:0.85;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 85);
	display: block;
}

div.content {
	position: absolute;
	width: 510px;
	padding: 5px;
}

h1 {
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #135fb1;
}
h2 {
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
h3 {
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #ee742b;
}
h4 {
	margin: 0px;
	font-size: 16px;
	color: #fff;
}

hr.ruler {
	color: #808080;
	background-color: #666;
	border: 0;
}

span.opiniePost {
	color: #135fb1;
}
input.comment {
	border: 1px dotted #ee742b;
	background: #fff!important;
	margin: 0px;


}
textarea.comment {
	border: 1px dotted #ee742b;
	width: 140px;
	height: 40px;
	margin: 1px;
}

td.commentButtonPadding {
	padding-right:8px;
}

html>body td.commentButtonPadding {
	padding-right:6px;
}

div.reaction {
	font-size: 11px;
	color: #666
}
div.reaction a:link, div.reaction a:active, div.reaction a:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
div.reaction a:hover {
	text-decoration: underline;
}

ul.auteurArtikelen {
	margin: 0px;
	padding-left: 16px;
	color: #135fb1;	
}
ul.auteurArtikelen li {
 	margin: 0px;
	padding-left: 0px;
	color: #135fb1;	
}
ul.auteurArtikelen a:link, ul.auteurArtikelen a:active, ul.auteurArtikelen a:visited  {
	color: #135fb1;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
}
ul.auteurArtikelen a:hover {
	text-decoration: underline;
}

.powered {
	font-size: 10px;
	color: #000;
}

.powered a:link, .powered a:active, .powered a:visited {
	color: #000;
	text-decoration: none;
}
.powered a:hover {
	text-decoration: underline;
}

.homepageLeft_1 {
	color: #fff;
	line-height: 24px;
	font-weight: bold;
}
.homepageLeft_1 a:link, .homepageLeft_1 a:active, .homepageLeft_1 a:visited  {
	color: #fff;
	line-height: 24px;
	font-weight: bold;
}
.homepageLeft_2 {
	font-size: 11px;
	color: #fff;
}
.homepageLeft_2 a:link, .homepageLeft_2 a:active, .homepageLeft_2 a:visited  {
	font-size: 11px;
	color: #fff;
}

img.avatar {
	margin: 0 5px 2px 0;
}

/*

blauwe bg color is #135FB1
fonts zijn arial
menu is wit  18 px bold
teksten zijn arial 12 px zwart
linkkleur is #135FB1
oranje rollover, en actieve kleur: #EE742B

reacties van blog: 11 px arial #808080

wit melkvlak is opacity 80

*/