h2 { font-size: 16px; font-weight: bold; margin: 12px 0 10px 0; }
h3 { font-size: 14px; font-weight: bold; margin: 12px 0 10px 0; color: #CC9900; }
a { color:#FFF; }
a:hover, a.active { color: #000; }

.zeroMargin { margin: 0 !important; }
#wrapper { width: 745px; margin: 10px auto; padding: 15px; }	
#wrapper.redBorder { border: 1px solid red; }

#header h1.logo { background: url(/cst/images/bgPecLogo.png) no-repeat; width: 242px; height: 128px; text-indent: -9999px; float: left; cursor: pointer; }
#header .headerSide { margin-left: 8px; background: url(/cst/images/bgPuurGenieten.png) no-repeat; width: 495px; height: 128px; float: left; position: relative; }
#header #searchForm { position: absolute; top: 0; right: 0; display: none; }
#header #sZoek { background: #666; border-color: #666; border-style: solid; color: #FFF; text-align: right; }
#header #searchForm label, #submitSearchFormBtn { display: none; }
#header #breadcrumb { position: absolute; top: 111px; left: 10px; }
#header #breadcrumb li { float: left;  }
#header #breadcrumb li a { display: block; padding: 0 5px; text-decoration: none; }
#header #breadcrumb li a.first { font-weight: bold; }
#header #breadcrumb li a.divider:hover { color: #FFF; }

#body { clear: both; padding: 8px 0;  color: #777; }
#body #imgContainer { margin-bottom: 8px;	 }
#body #imgContainer img.first { margin: 0; }
#body #imgContainer img { margin-left: 8px; float: left; }

#sidebar { width: 242px; float: left; margin-right: 8px; position: relative; min-height: 155px;}
#sidebar .contactInfo { font-size: 9.5px; position: absolute; bottom: 5px; left: 8px; color: #FFF; }

#sidebar #leftMenu, #sidebar #rightMenu { width: 111px; float: left; margin-left: 10px; margin-top: 10px; }
#sidebar #leftMenu li, #sidebar #rightMenu li { margin: 10px 0; }
#sidebar #leftMenu li a, #sidebar #rightMenu li a { text-decoration: none; display: block; }
#sidebar #rightMenu { float: right; text-align: right; margin-right: 10px; margin-left: 0; color: white;}
#sidebar #rightMenu li { position: relative; }
#sidebar #rightMenu li ul { position: absolute; top: -5px; left: 110px; width: 180px; background: grey; text-align: left; 	z-index:10 ; }
#sidebar #rightMenu li ul a { }
#sidebar #rightMenu li ul{ padding-left: 30px; display: none; }

#body #content { font-size: 12px; line-height: 14px; float: left; width: 495px; color: #FFF; min-height: 220px; }
#body #content a:hover { color: #FFF; }
div#content ul
#content ol { }
#content li { margin-left: 25px; margin: 2px 0 2px 25px;list-style: disc outside; }
#content p { margin: 11px 0px 11px 0px; }

.greenBox, .yellowBox { display: block; margin: 7px 0; font-size: 13px; text-decoration: none; background: #669900; float: left; padding: 3px 10px; width: 223px; margin-right: 10px; }
.yellowBox { background: #cc9900; margin: 0 !important; }
#locations { padding: 3px 10px; background: #666; text-decoration: none; position: absolute; top: 0; right: 0; }

#loc-calculator { font-size: 12px; }
#loc-calculator fieldset { clear: left; margin-bottom: 10px; margin-left: 15px; }
#loc-calculator label { display: block; float: left; line-height: 25px; width: 120px; }
#loc-calculator span.ui-state-error { line-height: 25px; padding-left: 95px; color: red;  }
#loc-calculator input[type="text"], #loc-calculator select, #loc-calculator textarea { float: left; width: 200px; padding: 2px 5px; color: #000; font-weight: bold; } 
#loc-calculator textarea { width: 203px; font-family: Helvetica, Arial; font-size: small; font-weight: normal; }
#loc-calculator select { width: 218px; }
#loc-calculator option { color: #555; font-weight: bold; }
#loc-calculator #prijsNotice { padding: 15px; background: #666; display: none; margin: 0; border: 1px solid #FFF; }
#loc-calculator #calcPrice {display: none;}
#loc-calculator #noPrijsNotice { padding: 15px; background: #666; display: none; margin: 0; border: 1px solid #FFF; }
#loc-calculator #needNaw { padding: 15px; background: #666; display: none; margin: 0; border: 1px solid #FFF; }
#berekenloc-calculator { margin-right: 20px; }
#submitloc-calculator { display: none !important; }
#loc-calculator fieldset.zeroMargin .smallBox { margin-bottom: 0; }
#copyright {text-align:center; font-size:11px; margin-bottom:10px;}

form.styled { font-size: 12px; }
form.styled  fieldset { clear: left; margin-bottom: 10px; }
form.styled  label { display: block; float: left; line-height: 25px; width: 120px; }
form.styled  span.ui-state-error { line-height: 25px; padding-left: 5px; color: red;  }
form.styled  input[type="text"], #loc-calculator select, #loc-calculator textarea { float: left; width: 200px; padding: 2px 5px; color: #000; font-weight: bold; } 
form.styled textarea { width: 203px; font-family: Helvetica, Arial; font-size: small; font-weight: normal; }
form.styled  select { width: 218px; }
form.styled  option { color: #555; font-weight: bold; }

#priceContainer { margin-top: 15px; display: none; }
#totalPrice { line-height: 23px; padding: 5px; background: #669900; font-weight: bold; }

#footer { clear: both; }


#wrapper .smallBox { display: block; margin: 7px 0; font-size: 13px; text-decoration: none; background: #ff0000; float: left; padding: 5px 10px; }

/* GREEN */
#wrapper.greenBorder { border: 1px solid #669900; }
#wrapper.greenBorder #header h1.logo { background: url(/cst/images/bgPecLogoGreen.png) no-repeat; }
#wrapper.greenBorder #header .headerSide { background: url(/cst/images/bgPuurGenietenGreen.png) no-repeat; }
#wrapper.greenBorder #sidebar { background: url(/cst/images/bgSidebarGreen.png) repeat-y; }
#wrapper.greenBorder #sidebar #rightMenu li ul{ background:#669900; } 

/* RED */
#wrapper.redBorder #sidebar { background: url(/cst/images/bgSidebarRed.png) repeat-y; }

/* YELLOW */
#wrapper.yellowBorder { border: 1px solid #cc9900; }
#wrapper.yellowBorder #header h1.logo { background: url(/cst/images/bgPecLogoYellow.png) no-repeat; }
#wrapper.yellowBorder #header .headerSide { background: url(/cst/images/bgPuurGenietenYellow.png) no-repeat; }
#wrapper.yellowBorder #sidebar { background: url(/cst/images/bgSidebarYellow.png) repeat-y; }
#wrapper.yellowBorder #sidebar #rightMenu li ul{ background:#CC9900;  }
#wrapper.yellowBorder .smallBox { display: block; margin: 7px 0; font-size: 13px; text-decoration: none; background: #cc9900; float: left; padding: 5px 10px; }

/* GOOGLE MAPS */
div.gmaps p,
div.gmaps a,
div.gmaps a:hover {
	color: black;	
	text-decoration:none;
}
div.gmaps a:hover, div.gmaps a.active { color: black; text-decoration: underline;}

/* tables */
table.tablesorter {
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
font-weight: bold;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/cst/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color: #666666;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/cst/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/cst/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #666666;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
height: 21px;
	border-bottom: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0px !important;
	padding: 0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
height: 22px;
width: 56px;
display:block;
background-image:url(/cst/images/stappen.png);
text-indent:-9999px;
}
ul.tabs li a.step1 {background-position: 0px 22px; }
ul.tabs li a.step2 {background-position: -55px 22px; }
ul.tabs li a.step3 {background-position: -110px 22px; }
ul.tabs li a.step4 {background-position: -165px 22px; }
ul.tabs li a.step5 {background-position: -220px 22px; }
ul.tabs li a.step6 {background-position: -275px 22px; }

ul.tabs li a.step1:hover, ul.tabs li.active a.step1  {background-position: 0px 0px; }
ul.tabs li a.step2:hover, ul.tabs li.active a.step2 {background-position: -55px 0px; }
ul.tabs li a.step3:hover, ul.tabs li.active a.step3 {background-position: -110px 0px; }
ul.tabs li a.step4:hover, ul.tabs li.active a.step4 {background-position: -165px 0px; }
ul.tabs li a.step5:hover, ul.tabs li.active a.step5 {background-position: -220px 0px; }
ul.tabs li a.step6:hover, ul.tabs li.active a.step6 {background-position: -275px 0px; }

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;

}
.tab_content {
	padding: 20px;
	font-size: 1.2em;

}
.tab_field {
	min-height: 280px;	
}

.ciright {
width: 100px;
float: left;
}
.cileft {
width: 12px;
float: left;
}
.locLeft {
	width: 240px;
	display:block;
	float: left;
	z-index:1 ;
}
.locRight {
	width: 240px;
	display:block;
	float: right;
	z-index:1 ;
}

#map-overview {
background:#F9F4E0;
height: 229px;
width: 242px;
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -373px;

z-index:1 ;
display:none;
padding: 0px;
}

#event-holder a {
height: 124px;
width: 124px;
display:block;
position:absolute;
top: 10px;
left:75px;
background:transparent url(/cst/images/event_button.png) no-repeat scroll 0 0;
text-indent:-9999px;
}
#event-holder a:hover {
background-position:bottom;
}

a.event-calculator {
width: 166px;
height: 22px;
display:block;
background:transparent url(/cst/images/event-calculator.png) no-repeat scroll 0 0;
text-indent:-9999px;
}
a.event-calculator:hover {
background-position:bottom;
}

a.toon-locatie {
width: 200px;
height: 22px;
display:block;
background:transparent url(/cst/images/toon-locatie.png) no-repeat scroll 0 0;
text-indent:-9999px;
}
a.toon-locatie:hover {
background-position:bottom;
}

a.photoalbum {
width: 121px;
height: 22px;
display:block;
background:transparent url(/cst/images/photoalbum.png) no-repeat scroll 0 0;
text-indent:-9999px;
}
a.photoalbum:hover {
background-position:bottom;
}

a.moreInfo {
width: 160px;
height: 22px;
display:block;
background:transparent url(/cst/images/meerInfo.png) no-repeat scroll 0 0;
text-indent:-9999px;
}
a.moreInfo:hover {
background-position:bottom;
}


a.google-search {
height: 22px;
width: 56px;
display: block;
text-align:left;
text-indent:-9999px !important;
float: right;
margin-left: 3px;
background:transparent url(/cst/images/zoek.jpg) no-repeat scroll 0 0;
}

input.google-search-q {
	float: right;
}

form#cse-search-box {

}


div.cse-search {
text-align:right;
}