@charset "UTF-8";
/* CSS Document */


/**********************************

CLEAR WHITESPACES/WHITESPACE RESET

**********************************/


/* HYPERLINKS */
/*:link,:visited { text-decoration:none }

/* GEEN LIST STYLE */
/*ul,ol { list-style:none }

/* ALLE HEADINGS HETZELFDE VOOR EEN CONSISTENTE STYLE */
/*p,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* NOGMAALS ALLE ELEMENTEN STRIPPEN */
/*ul,ol,li,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* STANDAARD GEEN BORDER OM EEN LINKED IMAGE */
/*a img,:link img,:visited img { border:none }

/**********************************

BASIS

**********************************/



body {
  text-align:center;
  background-image: url(../gfx/siteBg.png);
  background-repeat: repeat-x;
  background-position: center top;
  margin:0;
  background-color: #E8F4D9;
}



#siteContainer {
  position:relative;
  text-align:center;
  width: 100%;
  margin-left:auto;
  background-image: url(../gfx/topBg.png);
  background-repeat: repeat-x;
}


#topContainer {
  height:375px;
  width:961px;
  position:relative;
  text-align: left;
  margin-left:auto;
  margin-right:auto;
}

#topContainerContent {
  height:375px;
  width:961px;
  position:relative;
  text-align: left;
  margin-left:auto;
  margin-right:auto;
}


#footer {
clear:both;
height:224px;

color: #FFFFFF;
background-image: url(../gfx/footerBg.png);
background-position: center top;
background-repeat: repeat-x;
background-color: #373737;

text-align: center;
}


#contentContainer {
width:961px;
min-height:1150px;
_height:1150px;
position:relative;
text-align: left;
margin-left:auto;
margin-right:auto;
}


#contentContainerLinks {
position:absolute;
width: 481px;
left:0px;
text-align:left;
background-repeat: repeat-y;
top: 0px;
border-bottom-style: none;
background-image: url(../gfx/ccLeft.png);
background-position: right;
}

#contentContainerLinksContent_2 {
position:absolute;
width: 240px;
left:0px;
text-align:left;
top: 0px;
background-color: #3da2b6;
}

#contentContainerLinksContent_3 {
position:absolute;
width: 240px;
left:0px;
text-align:left;
top: 0px;
background-color: #3da2b6;
}

#contentContainerLinksContent_2 li {
list-style-type: none;
font-family: "Trebuchet MS";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
line-height: 20px;
list-style-position: outside;
margin-top: 5px;
margin-bottom: 5px;
}

#contentContainerLinksContent_3 li {
list-style-type: none;
font-family: "Trebuchet MS";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
line-height: 20px;
list-style-position: outside;
margin-top: 5px;
margin-bottom: 5px;
}

#contentContainerLinksContent_2 li a {
list-style-type: none;
font-family: "Trebuchet MS";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
line-height: 20px;
list-style-position: outside;
}

#contentContainerLinksContent_3 li a {
list-style-type: none;
font-family: "Trebuchet MS";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
line-height: 20px;
list-style-position: outside;
}


#contentContainerRechts {
position:relative;
width:490px;
text-align:left;
left: 490px;
min-height:580px;
_height:580px;
margin-bottom: 20px;
}

#contentContainerRechtsContent_2 {
position:relative;
width:448px;
text-align:left;
left: 255px;
min-height:418px;
_height:418px;
margin-bottom: 20px;
}

#contentContainerRechtsContent_3 {
position:relative;
width:690px;
text-align:left;
left: 255px;
min-height:418px;
_height:418px;
margin-bottom: 20px;
}

#rightBannerholder {
position:absolute;
left:720px;
width:241px;
top:40px;
}

#rightBannerHolder img {
	border: none;
}


h1, h1 a {
font-family:"Trebuchet MS";
font-size:21px;
font-weight:bold;
color:#8cc63f;
text-align:left;
}

#contentContainer h1 a {
text-decoration: none;
}

h2 {
font-family:"Trebuchet MS";
font-size:17px;
font-weight:bold;
color:#0066ae;
text-align:left;
line-height: 18px;
}

h3 {
font-family:"Trebuchet MS";
font-size:15px;
font-weight:bold;
color:#0066ae;
text-align:left;
}

h4 {
font-family:"Trebuchet MS";
font-size:10px;
font-weight:bold;
color:#E98600;
text-align:left;
}

p {
font-family: "Trebuchet MS";
font-size: 11px;
line-height: 18px;
font-weight: normal;
color: #000000;
}

table { 
    border: none;
    font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 18px;
}

table td, th {
	border: none;
	border-bottom: 1px solid #8cc63f;
}

ul {
  font-family: "Trebuchet MS";
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    color: #000000;  
}



li {
margin-left: 15px;
}


/**********************************

FORMS

**********************************/

#zoeken {
position: absolute;
right: 0px;
height:27px;
top:3px;
}

#zoeken input {
font-family: "Trebuchet MS";
font-size: 11px;
color: #373737;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
_height:18px;
}

#zoeken input:focus {
font-family: "Trebuchet MS";
font-size: 11px;
color: #000000;
background-color: #f2f2f2;
border-width: 1px;
border-style: solid;
border-color: #f2f2f2;
_height:18px;
}



#zoeken input.submit {
font-family: "Trebuchet MS";
font-size: 11px;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #8cc63f;
background-color:#8cc63f;
font-weight: bold;
height:20px;
}

input {
font-family: "Trebuchet MS";
font-size: 12px;
color: #ffffff;
background-color: #333333;
border-width: 1px;
border-style: solid;
border-color: #333333;

}

input:focus {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #f1ec46;
border-width: 1px;
border-style: solid;
border-color: #f1ec46;
}

textarea {
font-family: "Trebuchet MS";
font-size: 12px;
color: #ffffff;
background-color: #333333;
border-width: 1px;
border-style: solid;
border-color: #333333;
}

textarea:focus {
font-family: "Trebuchet MS";
font-size: 12px;
color: #000000;
background-color: #8cc63f;
border-width: 1px;
border-style: solid;
border-color: #8cc63f;
}

input.submit {
font-family: "Trebuchet MS";
font-size: 12px;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #3da2b6;
background-color:#3da2b6;
font-weight: bold;
}

label {
margin:0px;
padding:0px;
}

select {
margin-bottom:3px;
}

/**********************************

logo

**********************************/

#logoParkstadLimburg {
position: absolute;
height: 26px;
width: 127px;
left: 67px;
top: 55px;
}

#logoParkstadMaakt {
position: absolute;
height: 73px;
width: 178px;
left: 751px;
top: 47px;
}


/**********************************

Home

**********************************/

#topAnimatie {
position: absolute;
width: 127px;
left: 0px;
top: 179px;
padding: 5px 0 0 0;
}

#topMenu {
position: absolute;
top: 140px;
}


#content {
padding-right: 20px;
padding-left: 20px;
}




#content p {
font-family:"Trebuchet MS";
font-size:11px;
line-height:18px;
font-weight: normal;
color: #3da2b6;
text-align:left;
}

/**********************************

Actualiteiten homepage

**********************************/

.newsContent {
margin-bottom:30px;


}

.newsContentFoto{
left: 0px;
top: 0px;
float:left;
border: 1px solid #F5F5F5;
background-color: #FFFFFF;
padding:2px;
}



.newsContentText {
width:385px;
float:left;

}

.newsContentText p{
text-align:justify;
margin-left:9px;

}

.newsContentText h2{
margin-left:9px;
margin-top:0px;
margin-bottom:0px;
}

.newsContentClear {
clear:both;
margin-bottom: 10px;
}

.newsContentAll {
text-align: right;
}

.moreNews {
text-align: right;
font-family: "Trebuchet MS";
color: #3da2b6;
font-weight: bold;
}

.moreNews A {
text-decoration: none;
color:#3da2b6;

}

.moreNews A:link{
text-decoration: none;


}

.moreNews A:visited {
text-decoration: none;
color:#3da2b6;

}
.moreNews A:hover {
text-decoration: none;
color:#003a63;


}

/**********************************

Actualiteiten contentpage

**********************************/

.newsPage {
margin-bottom:15px;


}

.newsPageFoto{
left: 0px;
top: 0px;
float:left;
border: 1px solid #F5F5F5;
background-color: #FFFFFF;
padding:2px;
}



.newsPageText {
width:630px;
float:left;
}

.newsPageText p{
text-align:justify;
margin-left:9px;

}

.newsPageText h2{
margin-left:9px;

}

.newsPageClear {
clear:both;
margin-bottom: 5px;
}

.newsPageAll {
text-align: right;
}

.moreNewsPage, .zoekreslinks {
text-align: right;
font-family: "Trebuchet MS";
color: #75af27;
font-weight: bold;
}

.zoekreslinks A, .zoekreslinks A:link, .zoekreslinks A:visited, .zoekreslinks A:hover {
	color:#75af27;
}
.archiveform {
	float:left;
}

.moreNewsPage A {
text-decoration: none;
color:#75af27;
}

.moreNewsPage A:link {
text-decoration: none;
}

.moreNewsPage A:visited {
text-decoration: none;
color:#75af27;
}
.moreNewsPage A:hover, .zoekreslinks A:hover {
text-decoration: none;
color:#003a63;


}

/**********************************

Wat doet Parkstad

**********************************/

.watContent {
margin-bottom:10px;


}

.watContentFoto{
left: 0px;
top: 0px;
float:left;
border: 1px solid #F5F5F5;
background-color: #FFFFFF;
padding:2px;
}



.watContentText {
width:350px;
float:left;
}

.watContentText p{
text-align:justify;
margin-left:9px;
margin-top:0px;
margin-bottom:0px;
}

.watContentText h1{
margin-left:9px;
margin-bottom:0px;
margin-top:0px;
}

.watContentClear {
clear:both;
margin-bottom: 10px;
}




/**********************************

Wie is Parkstad?

**********************************/

.wieContent {

margin-bottom:10px;


}

.wieContentFoto{
left: 0px;
top: 0px;
float:left;
border: 1px solid #F5F5F5;
background-color: #FFFFFF;
padding:2px;
}



.wieContentText {
width:350px;
float:left;
}

.wieContentText p{
text-align:justify;
margin-left:9px;

}

.wieContentText h1{
margin-left:9px;

}

.wieContentClear {
clear:both;
margin-bottom: 10px;
}

.wieContentAll {
text-align: right;
}


/**********************************

HYPERLINKS

**********************************/



A {
text-decoration: underline;
color:#373737;

}

A:link {
text-decoration: underline;


}

A:visited {
text-decoration: underline;
color:#373737;

}
A:hover {
text-decoration: none;
color:#373737;

}

.more {
text-align: right;
font-family: "Trebuchet MS";
color: #3da2b6;
font-size: 15px;
font-weight: bold;
}

.more A {
text-decoration: none;
color:#3da2b6;

}

.more A:link{
text-decoration: none;


}

.more A:visited {
text-decoration: none;
color:#3da2b6;

}
.more A:hover {
text-decoration: none;
color:#FFFFFF;
background-color:#3da2b6;

}


/**********************************

HYPERLINKS

**********************************/

#footer a {
color: #ffffff;
text-decoration:none;

}
#footer a:link {color: #ffffff;
text-decoration:none;
}

#footer a:visited {color: #ffffff;
text-decoration:none;
}

#footer a:hover {

color: #FFFFFF;
background-color: #3da2b6;
text-decoration:none;}


#footer h2 {
font-family:"Trebuchet MS";
font-size:21px;
font-weight:bold;
color:#00d2ff;
text-align:center;
}

#footerContent{
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
width: 961px;
text-align: center;
background-color:#990000;
margin-right: auto;
margin-left: auto;
position:relative;
}

.mainMenu {

padding-left: 0;
margin-left: 0;
}

.no-display { display: none }

#footerColumn1, #footerColumn2, #footerColumn3, #footerColumn4 { display: block }

#footerColumn1 {
  width: 240px;
  margin-left: 0px;
  position: absolute;
  left: 0px;
  top:20px;
  background-image: url(../gfx/mainMenuDots.png);
  background-repeat: repeat-y;
  background-position: right;
  min-height:160px;
  _height:160px;
}


#footerColumn2 {
  float: left;
  width: 240px;
  position: absolute;
  left: 240px;
  top:20px;
  background-image: url(../gfx/mainMenuDots.png);
  background-repeat: repeat-y;
  background-position: right;
  min-height:160px;
  _height:160px;
}

#footerColumn3 {
  float: left;
  width: 240px;
  position: absolute;
  left: 480px;
  top:20px;
  background-image: url(../gfx/mainMenuDots.png);
  background-repeat: repeat-y;
  background-position: right;
  min-height:160px;
  _height:160px;
}

#footerColumn4 {
  float: left;
  width: 240px;
  position: absolute;
  left: 720px;
  top:20px;
  min-height:160px;
  _height:160px;
}

#footer ul {
  list-style-type: none;
  font-family: "Trebuchet MS";
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  line-height: 20px;
  list-style-position: outside;
}

.menuTitle {
  color: #f1ea0c;
  font-size: 14px;
}


.mainMenuLeft {
  padding-left: 0;
  margin-left: 0;
}

.mainMenuLeftItem {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #FFFFFF;
  width: 205px;
  padding-bottom: 5px;
  padding-top: 2px;
}

/* voorbeeld in gebruik voor active te visualiseren */

.mainMenuLeftItemActive {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #FFFFFF;
  width: 205px;
  padding-bottom: 5px;
  padding-top: 2px;
  color: #3DA2B6;
}

.mainMenuLeft a {
  text-decoration:none;
}

.mainMenuLeft a:link {
  text-decoration:none;
}

.mainMenuLeft a:hover {
  text-decoration:none;
  color: #d7f8ff;
}

.mainMenuLeft a:visited {
  text-decoration:none;
}

.mainMenuLeft a:active {
  text-decoration:none;
  color: #d7f8ff;
}


/**********************************

SIFR

**********************************/



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  padding-bottom:10px;
  display:compact;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  visibility: hidden;
  font-size:23px;
}

/**********************************

zoekresultaten

**********************************/

.nummer {
  font-weight:bold;
  color:#3da2b6;
}

.keyword {
  font-weight:bold;
  color:#3da2b6;
}

.found {
  font-size:14px;
  color:#3da2b6;
  font-weight:bold;
}