/* Copyright Tristan Tunderman */
/* This stylesheet is made specifically for http://www.proarnhem.nl */
/* Distribution outside the domain of the site stated above without the copyright owners' permission is prohibited */

/* Main body style */

body {
background-image: url(images/siteLayout/backgroundBar.png);
background-color: #d3d3d3;
background-repeat: repeat-x;
font-family: Arial;
font-size: 12px;
color: #3d3d3d;
margin: 0;
}

/* Hyperlink styles */

a {
font-family: Arial;
color: #717074;
text-decoration: none;
}

a:hover {
font-family: Arial;
text-decoration: underline;
}

#pageTopMenu a {
color: white;
}

#pageTopMenu a:hover {
text-decoration: none;
color: #3d3d3d;
}

#pageText a {
color: #2a39ff;
}

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

input {
font-family: Arial;
color: black;
text-decoration: none;
}

textarea {
font-family: Arial;
font-size: 14px;
}

hr {
height: 0px;
border: 0px;
border-top: 2px solid #b8b8b8;
}

p {
margin: 0 0 1em 0;
}

ul {
margin: 0;
padding: 0;
}

li {
margin-top: 0.5em;
list-style-type: none;
}

.dotli li {
list-style-type: disc;
}

/* Text style */

.big {
font-family:  Verdana;
font-size: 18px;
}

.thesis {
font-family: Verdana;
font-size: 14px;
font-weight: bold;
}

.small {
font-family: Verdana;
font-size: 10px;
}

.underline {
text-decoration: underline;
}

.strikethrough {
text-decoration: line-through;
}

.pageTitle {
font-weight: bold;
font-size: 16px;
}

.newsHeader {
font-family: Verdana;
font-size: 17px;
font-weight: bold;
color: #fc7323;
}

.bfMenu {
font-family: Verdana;
font-weight: bold;
}

.bfMenu a {
font-family: Verdana;
font-weight: bold;
}

.center {
text-align: center;
}

/* Page layout */

#pageContainer { /* Background 'image' */
position: relative;
margin: 0px auto;
width: 1024px;
}

#pageHeader {
background-image: url(images/siteLayout/top.png);
height: 76px !important;
height: 146px;
text-align: right;
font-weight: bold;
color: white;
padding-right: 110px;
padding-top: 70px;
}

#pageDivider {
background-color: white;
height: 5px;
}

#pageLeftBar {
background-image: url(images/siteLayout/leftBar.png);
float: left;
height: 851px;
width: 100px;
margin: 0;
}

#pageRightBar {
background-image: url(images/siteLayout/rightBar.png);
float: right;
height: 851px;
width: 100px;
margin: 0;
}

#pageContext {
margin: 0 100 0 100;
overflow: hidden;
}

#pageContext .column {
padding-bottom: 20010px;
margin-bottom: -20000px;
min-height:600px;
background-color: #f6f6f6;
}

#pageTopMenu {
background-image: url(images/siteLayout/topMenu.png);
height: 26px !important;
height: 27px;
}

#pageTopMenu.main {
padding-top: 1px;
color: white;
font-family: Myriad Pro;
font-size: 19px;
text-align: center;
word-spacing: 50px;
}

#pageTopMenu.editor {
padding-top: 1px;
color: white;
font-family: Myriad Pro;
font-size: 19px;
text-align: center;
word-spacing: 30px;
}

#pagePhoto {
height: 34px !important;
height: 144px;
width: 814px !important;
width: 824px;
text-align: right;
background-image: url(images/menuPhotos/photo01.jpg);
padding-top: 110px;
padding-right: 10px;
}

#pagePhoto input {
font-style: italic;
}

#pageMenu {
float: left;
width: 155px !important;
width: 175px;
padding: 10px 10px 0px 10px;
}

#pageMenu div { /* For the editor */
padding: 10px 10px 10px 10px;
border: solid 1px white;
background-color: #ededed;
}

#pageMenu table {
border-collapse: collapse;
color: white;
}

#pageMenu td {
background-color: #ff4500;
cursor: pointer;
}

#pageText {
float: right;
width: 629px !important;
width: 649px;
padding: 20px 10px 0px 10px;
}

#bfMenuLeft {
float: left;
text-align: left;
}

#bfMenuRight {
padding-left: auto;
text-align: right;
}

.news {
padding-bottom: 20px;
}

#vote {
font-size: 16px;
font-weight: bold;
}

#help table {
border-collapse: collapse;
}

#help td {
border-color: black;
border-width: 1px;
border-style: solid;
padding: 5px 5px 5px 5px;
}

#hiddenBlock {
/*height: 55x !important;
height: 75px;*/
width: 580px !important;
width: 600px;
margin-top: 20px;
padding: 10px 10px 10px 10px;
border: 1px dashed black;
display: none;
}

#membership td {
text-align: right;
}

#membership td.sep {
text-align: left;
padding-left: 13px;
}

#membership td.akkoord {
text-align: left;
}

#membership input {
width: 300px;
}

#membership input.postcode {
width: 50px;
}

#membership input.woonplaats {
width: 150px;
}

#membership input.radio {
width: 10px;
}

#membership ul {
text-align: left;
}

#membership li{
list-style-type: disc;
}