/*****************************************
file: structure.css
author: Klaas Van Waesberghe
client: Vlaamse Volksbeweging vzw
date: 22 february 2005
******************************************/

body {
/*background: #70706E url('../images2/bkg.png') repeat-y top center;*/
background: #ccc url('../images2/bkg.png') repeat-y top center;
color: #333;
margin: 0;
padding: 0;
border: 0;
/*font: 12px/19px arial,verdana, sans-serif;*/
font: 12px/19px Verdana, Tahoma, Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode";
text-align: center;
}

/* boventitels */
H1 {	color: #666666;
	font-style: italic;
	border: 1px solid #EBEBEB;
	border-width: 1px 0;
	font: 200% arial,verdana, sans-serif;
	font-weight: bold;
	padding: 4px 0;
	margin: 4px 0;
	background: transparent url(../images2/titlebkg.gif);
 }
H1:first-letter {font-weight: bold;font-size: 23px;color:#FFCC33;font-style: italic;}
H2 { 
	color: #993333;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0;
}


a.img:link, a.img:visited, a.img:hover, a.img:active {  border: 0; }
img { border: 0; padding: 0; vertical-align: middle;}
a:link { color: #993333; font-weight: normal; text-decoration: none; }
a:visited { color: #993333; font-weight: normal; text-decoration: none; }
a:hover { color: red; font-weight: normal; text-decoration: none; }
div#container {position: relative;width: 774px;margin: 0 auto;border: 0;}
/* hoofd */
div#header {
	position: relative;
	width: 740px;
	height: 158px;
	background: url('../images2/shade.png') bottom center no-repeat;
	margin: 0 auto;
	text-align: right;
}
div#header span {display: block;font-weight: bold;margin-right: 10px;margin-top: 3px;}
div#header a:link, div#header a:visited, div#header a:hover { font-weight: bold; color: #555; }

/* midden */

div#content {width: 740px;text-align: left;margin: 0 auto;}

/* left_nav */
div#left_nav { position:relative;float: left; }
img#vvbimg { display: block; margin-left: 5px; }
img#navshade { display: block; margin: 0 0 0 6px; }
div#left_nav ul#nav {
	margin: 6px 0 0 6px;
	padding: 0;
	list-style: none;
	width: 194px;
	border: 1px solid #ccc;
	background: #fff url('../images2/ulbkg.gif') repeat-y;
}
ul#nav ul.subnav {margin: 0;padding: 0;list-style: none;width: 194px;border: 1px solid #ccc;}
ul#nav li { position: relative; padding: 0 6px 0 6px; }
ul#nav ul.subnav li { position: relative; padding: 0; }
ul#nav li ul {position: absolute;left: 192px;top: 0;display: none;}
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 3px;
	padding-left: 6px;
	border: 1px solid #fff;
	border-width: 0 0 1px 1px;
	background: #FEE452;
}
ul#nav li a.arrow { background: #FEE452 url('../images2/pijl.gif') no-repeat right; }
ul#nav li a#tooltiplayer {color: #E2144A; background: #FFFFCC;text-align: center;display: none;}
ul#nav li a:hover { color: #E2144A; background: #FFFFCC; } /* Hover Styles */
ul#nav li a.arrow:hover { background: #FFFFCC url('..//images2/pijlh.gif') no-repeat right; } /* Hover Styles */

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li:hover ul, ul#nav li.over ul { display: block; }

/* text */
div#text {width: 480px;margin-left: 230px;padding: 10px 0 0 16px;}

/* footer */

div#footer {
	width: 523px;
	margin-left: 211px;
	text-align: right;
	border-top: 1px solid #999;
	font-size: 10px;
	padding-right: 6px;
}

/* forms */

form { padding: 2px 6px; margin: 0 6px; }
form input {background-color: #fff;border: 1px solid #999;vertical-align: middle;}
form input.submit {
	background-color: #fff;
	border: 1px solid #999;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 4px;
	font-weight: bold;
	height: 20px;
	color: #999;
}
form input:hover { background-color: #FFFFCC; }
fieldset {border:0;padding:0;margin:0;width:auto;}

/* box_side */
div.box_side {width: 175px;margin-left: 20px;margin-top: 3px;}
div.box_side h1 {
	display: block;
	margin: 0;
	width: 175px;
	background: #ccc url('../images2/boxs_top.png') no-repeat;
	height: 40px;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	color: #666;
}
div.box_side div {
	display: block;
	padding: 0 16px;
	margin: 0;
	vertical-align:top;
	background: #fff url('../images2/boxs_bkg.png') repeat-y;
}
img.boxs_bot {display: block;padding: 0;margin: 0;height: 26px;width: 175px;}
div.box_side ul { padding: 0 0 0 12px; margin: 0; font-size: 11px; }

/* Voorpagina */

div.intro p:first-letter {
	font-weight: bold;
	font-size: 19px;
	color:#FFCC33;
	font-style: italic;
}
div.voorp1 {float: left;width: 230px;margin: 0 1px 0 0;}
div.voorp2 {float:right;width: 225px;margin: 0 0 0 6px;}
div.webstek { padding-top: 6px; }
div.voorp1 h1, div.voorp2 h1, div.webstek h1, h2.reacties {
	color: #666666;
	font-style: italic;
	border: 1px solid #EBEBEB;
	border-width: 1px 0;
	font: 120% arial,verdana, sans-serif;
	font-weight: bold;
	padding: 4px 0;
	margin: 4px 0;
	background: transparent url(../images2/titlebkg.gif);
}
div.voorp1 h1:first-letter {font-weight: bold;font-size: 19px;color:#FFCC33;font-style: italic;}
div.voorp2 h1:first-letter {font-weight: bold;font-size: 19px;color:#FFCC33;font-style: italic;}
div.webstek h1:first-letter {font-weight: bold;font-size: 19px;color:#FFCC33;font-style: italic;}
div.voorp1 ul, div.voorp2 ul { padding: 0; margin: 0; font-size:90%;list-style: none;}
div.voorp1 ul li, div.voorp2 ul li { padding: 0; margin:0;}
span.divider { display:block; margin: 12px 0; }
span.intranet { float: left; margin-left: 10px;}
.pullquote {
	font-size:110%;
	line-height:140%;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:5px 25px 5px 0px;
	color: #666;
	margin-top: 6px;
	border: 1px solid #ccc;
	border-width: 1px 0;
}
.pullquote:first-letter {
	background: url(../images2/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
div.pullquote span {font-size: 80%;font-style: italic;color: #666;display:block;}
div#actie img {display:block;float:left;margin:0 4px 4px 0;}

/* box_winkel */
div.winkel {width: 225px;margin-left: 0;margin-top: 3px;}
div.winkel h4 {
	display: block;
	margin: 0;
	width: 225px;
	background: #fff url('../images2/boxmid_top.gif') no-repeat;
	height: 41px;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	color: #666;
}
div.winkel div {
	display: block;
	padding: 0 16px;
	margin: 0;
	vertical-align:top;
	background: #fff url('../images2/boxmid_bkg.gif') repeat-y;
	text-align:center;
}
img.box_winkel_bot {display: block;padding: 0;margin: 0;height: 27px;width: 225px;}
div.winkel ul { padding: 0 0 0 12px; margin: 0; font-size: 11px; }

/* Artikels lijst */

span.num_nav { display:block; text-align:center; font-weight:bold;}
h1.artikels, h1.artikel {
	color: #666666;
	font-style: italic;
	border: 1px solid #EBEBEB;
	border-width: 1px 0;
	font: 160% arial,verdana, sans-serif;
	font-weight: bold;
	padding: 4px 0;
	margin: 4px 0;
	background: transparent url(../images2/titlebkg.gif);
}
h1.artikels:first-letter {font-weight: bold;font-size: 23px;color:#FFCC33;font-style: italic;}
h2.datum {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0;
	color: #666;
}
div.article img.photo { float: left; margin: 2px 8px 2px 2px; }
div.article h3.title_url { margin: 2px 0; font-size:14px; font-weight: bold; color: #993333;}
div.article h3.title_url a:link { font-size:14px; font-weight: bold; color: #993333;}
div.article h3.title_url a:visited { font-size:14px; font-weight: bold; color: #993333;}
div.article h3.title_url a:hover { font-size:14px; font-weight: bold; color: red;}
span.file { float: right; display: block; text-align: center; margin: 2px 2px 2px 6px;}
span.author { font-style:italic; color: #666;}

/* Artikel */

h1.artikel:first-letter {font-weight: bold;font-size: 23px;color:#FFCC33;font-style: italic;}
div#text p {margin:12px 0;}
span.image { display:block; float: left; margin: 2px 8px 2px 2px; text-align:center;}
div.comments h3 {margin:0; color:#666; font-weight:bold; font-size: 14px;}
div.comment {background: #EBEBEB; padding:6px; margin:6px 0; font-size:90%;}
div.comment span {font-style:italic;color:#666;display:block;margin-bottom:2px;}
div.comment span a {font-weight:bold;}
h2.tussentitel { 
	color: #993333;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0;
}
h2.reacties:first-letter {font-weight: bold;font-size: 19px;color:#FFCC33;font-style: italic;}
h2.subtitel {font-size: 14px;font-weight: bold;margin: 4px 0;color: #666;}
ul.verwijzingen {margin:8px 0 8px 0px; padding:6px;background: #EBEBEB;list-style-type:none;}
ul.verwijzingen li span {font-style:italic;}
span.bijlage { float:right;display: block; text-align: center; margin: 2px;}