/*
Theme Name: Lijst 4
Theme URI: http://www.lijstvier.nl
Author: V1
Description: Lijst Vier thema
Version: 1.0
*/

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Actual CSS */

body {font: 13px Arial, Helvetica, sans-serif; background: url(img/bg.gif) repeat-x;}

html {overflow-y: scroll;}

td {text-align: left; vertical-align: top;}

a {text-decoration: none; font-weight: bold; color: #e3006b;}
a:hover {text-decoration:underline; font-weight: bold; color: #e3006b;}

h1, h2, h3 {line-height: 24px;}
h1 {color: #e3006b; font-size: 18px; font-weight: bold; padding: 0 0 15px 0;}
h2, h3 {color: #e3006b; font-size: 13px; font-weight: bold; padding: 0;}

p {font-size: 13px; color: #333333; font-weight: normal; padding: 0 0 20px 0; line-height: 24px;}
p.intro {font-size: 15px; color: #333333; font-weight: bold; padding: 0 0 20px 0;}
p a.readmore {font-weight: bold; color: #e3006b;}
p a.readmore:hover {text-decoration: underline;}

blockquote {font-size: 18px; color: #e3006b; font-style: italic; line-height: 36px;}
blockquote span {display: block; font-size: 10px; color: #414141; font-style: normal;}

ul {font-size: 12px; color: #333333; font-weight: normal;}

.alignnone {float: none;}
.alignleft {float: left; padding: 6px 25px 25px 0;}

.wrapper {position: relative; width: 960px; margin: auto; padding: 0 20px 0 20px; background-color: #ffffff;}

.logo {position: absolute; top: 0; left: 100px; background: url(img/logo_lijstvier.gif) no-repeat; width: 162px; height: 235px;}

.navigation {position: relative; width: 100%; height: 80px;}
.navigation .inner {position: absolute; right: 0; bottom: 15px; text-align: right;}
.navigation .inner ul li {display: inline; padding: 0 0 0 10px; margin-left: 7px; border-left: 1px solid #333333;}
.navigation .inner ul li#first {border-left: none;}
.navigation .inner ul li a {text-decoration: none; font-weight: bold; color: #414141;}
.navigation .inner ul li a:hover {text-decoration: none; color: #e3006b;}

.current_page_item, .current_page_item a, .current_page_item a:hover {color: #e3006b !important;}

.board {width: 100%; height: 225px;}
#boardhome {background-image:url(img/header_home.jpg);}
#boardkandidaten {background-image:url(img/header_kandidaten.jpg);}
#boardprogramma {background-image:url(img/header_programma.jpg);}
#boardnieuws {background-image:url(img/header_nieuws.jpg);}
#boardoverons {background-image:url(img/header_overons.jpg);}
#boardcontact {background-image:url(img/header_contact.jpg);}

.content {width: 920px; margin: 30px 0 0 0; padding: 0 19px 0 19px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}

.content .left {width: 240px;}
.content .right {width: 640px; padding-left: 20px; margin-left: 19px; border-left: 1px solid #e5e5e5;}

div.overzicht {background-color:#c0c0c0; font-size:11px; text-align:center; width:70px; height:20px; padding-top:5px; margin-right:10px; float:left;}
div.overzicht:hover {background-color:#333333;}
div.overzicht a {color:#FFFFFF; text-decoration:none;}

.content .left .section {padding-bottom: 30px;}
.content .left ul {list-style: disc; padding-left: 15px; line-height: 20px;}
.content .left ul li a {font-weight: bold; color: #414141;}
.content .left ul li a:hover {color: #e3006b;}

.content input {border: none; background-color: #e0e0e0; font: 13px Arial, Helvetica, sans-serif;}
.content input[type=text] {color: #666666; width: 222px; padding: 10px 8px 8px 10px; margin-bottom: 3px;}
.content input[type=submit] {color: #ffffff; width: 240px; padding: 8px 8px 6px 10px; background-color: #e3006b; text-align: left; font-weight: bold; font-size: 16px;}
.content input[type=submit]:hover {color: #ffffff; background-color: #333333; cursor: pointer;}
#center {text-align:center;}

.content .footer {padding: 50px 0 20px 0; margin-left: 39px; clear: both;}
.content .footer span.copy {color: #333333; font-size: 10px; font-weight: bold; padding-right: 4px;}
.content .footer ul {font-size: 10px; display: inline;}
.content .footer ul li {display: inline; padding-left: 8px; padding-right: 6px; border-left: 1px solid #e0e0e0;}
.content .footer ul li a {text-decoration: none; font-weight:normal;  color: #999999;}
.content .footer ul li a:hover {text-decoration: none; font-weight:normal;  color: #e3006b;}