/*
                   _   _   _ _      
                  | | | \ | | |     
 _ __  _   _ _ __ | |_|  \| | |     
| '_ \| | | | '_ \| __| . ` | |     
| |_) | |_| | | | | |_| |\  | |____ 
| .__/ \__,_|_| |_|\__|_| \_|______|
| |                                 
|_|                                 

-------------------- C S S  B Y -----------------------
2009C                     |     puntNL internetdiensten
Amsterdam                 |               www.puntNL.nl
Author                    |         	       B Speets
-------------------------------------------------------

CJC

*/

* {
	outline: none;
	outline-color:white;
	outline-style:none;
	outline-width:medium;
}

html, body {
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:20px;
	padding:0;
	margin:0;
}

body {
	background: white url(../_img/bg.gif) repeat-y;
}


div, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

ul {
margin: 0 0 0 15px;
}

p {
margin: 0 0 17px 0;
}

a, a:visited, a:active {
	color: #F47422;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */

}

* html #container {
	height: 100% !important;
}

#header {
	width:100%;
	background: white;
	height:155px;
}

#header #cjclogo {
	background: url(../_img/cjclogo.gif) no-repeat 15px 15px;
	width:100%;
	height:81px;
}

#header #cjclogo a {
display:block;
width:392px;
height:81px;
}

#nav {
	height:28px;
	width:100%;
	border-top:1px solid #057dc2;
	border-bottom:1px solid #057dc2;
}

ul.mainnav {
	margin-left:13px;
	margin-top:3px;
	color: #7a7a7a;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

ul.mainnav li span {
	font-weight:normal;
}

#nav ul.mainnav li {
	float:left;
}

#nav ul.mainnav li a {
	color: #7a7a7a;
	float:left;
	padding:0 6px 0 6px;
}

ul.smallnav {
	float:right;
	margin-top:1px;
	margin-right:10px;
	color: #f47422;
	font-size:0.8em;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

#nav ul.smallnav li {
	float:left;
}

#nav ul.smallnav li a {
	color: #f47422;
	float:left;
	padding:0 5px 0 5px;
}

#midden {
	width:100%;
	padding-bottom:20px;
}

#leftbar {
	background: #057DC2;
	width:176px;
	float:left;
	margin-right:20px;
}

.bluecorner {
	background:url(../_img/blauwhoek.gif) no-repeat top right;
	display:block;
	width:100%;
	height:10px;
}

#midblock {
	float:left;
	margin-left:20px;
	margin-right:20px;
}

#rightside {
	margin-left:20px;
	float:left;
	width:198px;
}

/************************** Photoblock op home *************************************/

.home #midblock .photoblock {
	background: url(http://www.geinberichten.nl/Uploaded_Files/443_superfotos463.jpg);
	width:425px;
	height:300px;
	overflow:hidden;
	position:relative;

}

.pbtop {
	width:425px;
	display:block;
	background:transparent url(../_img/homepcorner_top_right.gif) right top no-repeat;
	height:10px;
}

.pbbottom {
	width:425px;
	display:block;
	background:transparent url(../_img/homepcorner_bottom_right.gif) right top no-repeat;
	height:10px;
	margin-top: 280px;
	position:absolute;
}

.photo-overlay {
	z-index:999;
	position:absolute;
	width:425px;
	height:300px;
}

.photo-overlay ul {
	width:425px;
	height:300px;
	overflow:hidden;
}

.photo-overlay ul li {
	width:425px;
	height:300px;
	overflow:hidden;
}

.orange-overlay {
	display:block;
	background: #d86b2f;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	width:100%;
	height:44px;
	margin-top:210px;
	position:absolute;
}

h6.ootxt {
	color: #fff;
	font-weight:bold;
	font-size:1.2em;
	margin: 0;
	padding:0;
	position:absolute;
	z-index:1000;
	margin-top:220px;
	display:block;
	width:100%;
	text-align:center;
}



/************************** Photoblock'JE op home *************************************/


.home #rightside .photoblockje {
	width:197px;
	height:126px;
	overflow:hidden;
	position:relative;


}

#rightside .pbtop {
	width:197px;
	display:block;
	background:transparent url(../_img/homepcorner_top_right.gif) right top no-repeat;
	height:10px;
}


#rightside .photo-overlay {
	z-index:998;
	position:absolute;
	width:197px;
	height:126px;
}

#rightside .photo-overlay div {
	width:197px;
	height:126px;
	overflow:hidden;
}


#rightside .balkie {
	display:block;
	background: url(../_img/balkie.gif) no-repeat 0 90px;
	width:100%;
	height:120px;
	padding-top:90px;
padding-left:10px;
	position:absolute;
}

.photoblockje a img{border: none}

.photoblockje a.contact{
border: none;
margin:0;
padding:0;
position: absolute;
display:block;
width: 190px;
height:120px;
background: none;
cursor: pointer;
z-index: 1000000;}


.photoblockje a.contact:hover{
position: absolute;
display:block;
width: 190px;
height:120px;
background: none;
cursor: pointer;
text-decoration: underline;
}


.photoblockje a.contact:hover span{
text-decoration: underline;
}

/********************************** snelkeuze menu op home ************************************************/

#snelkeuze {
	width:197px;
	background: #057dc2;
	color: #fff;
}

#snelkeuze .content {
        font-size:0.85em;
}

#snelkeuze .skheader {
	width:197px;
	background:url(../_img/header_snelkeuzes.jpg);
	height:126px;
}

.clear {
clear:both;
}

#snelkeuze .skheader span {
	display:block;
	position:absolute;
	margin-top:91px;
	margin-left:15px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

#snelkeuze ul {
	list-style:none;
	list-style-image:none;
	list-style-type:none;
        padding:0;
        margin: 10px 0 10px 0;
}

#snelkeuze ul li {
        margin: 0;
        padding: 0 0 0 14px;
        height:16px;
        line-height:15px;
}

em.skcor {
	background: url(../_img/bluecorner_right_bottom.gif) right top no-repeat;
	width:197px;
	display:block;
	height:8px;
        float:none;
}

#snelkeuze span {
	color: #f47422;
        float:left;
padding:0;
margin:0;
}

#snelkeuze a {
	color: #fff;
        display:block;
        margin-left:15px;
        height:16px;
}

/*************************  extrabox  ****************************************/

#extrabox {
	margin-top:20px;
	width:197px;
	background: #f47422;
	color: #fff;
}

#extrabox2 {
	margin-top:20px;
	width:197px;
	background: #057DC2;
	color: #fff;
}



#rightside .photoblock {
	background: url(http://www.geinberichten.nl/Uploaded_Files/443_superfotos463.jpg);
	width:197px;
	height:126px;
	overflow:hidden;
	position:relative;
}


.photo-overlay_small{
        height:124px;
        position:absolute;
        width:197px;
        z-index:999;
}

.pbtop_small {
	width:197px;
	display:block;
	background:transparent url(../_img/homepcorner_top_right.gif) right top no-repeat;
	height:10px;
}



#extrabox .ebheader {
	width:197px;
	height:124px;
}





#extrabox2 .ebheader2 {
	width:197px;
	height:124px;
}

#extrabox .ebheader span, #extrabox2 .ebheader2 span {
	display:block;
	position:absolute;
	/* margin-top:91px;
	 margin-left:15px; */
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

#extrabox .content, #extrabox2 .content {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	color: #fff;
	font-size:0.85em;
}

#extrabox .content em, #extrabox2 .content em  {
	font-style:normal;
	display:block;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
}

#extrabox .content a, #extrabox2 .content a {
	font-weight:bold;
	color: #fff;
}

span.ebcor {
	background: url(../_img/orangecorner_right_bottom.gif) right top no-repeat;
	width:197px;
	display:block;
	height:9px;
}

.clear {
	clear:both;
}


/**************************************  content block  ***************************************/

#homecontent {
	margin-top:30px;
	width:425px;
}

#homecontent .grid_row {
	width: 425px;
	float:left;
	color: #000;
	/*font-size:0.85em;*/
	font-size:0.85em;
}

#homecontent .grid_row .hcblock {
	width:195px; 
	padding-bottom:15px;
	float:left;
}

#homecontent .grid_row .mar15 {
	margin-right:15px;
}

#homecontent .hcheader {
	background: url(../_img/header_nieuws.jpg) no-repeat;
	width:197px;
	height:123px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#homecontent .hcheader span {
	display:block;
	position:absolute;
	margin-top:91px;
	margin-left:15px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

#homecontent h4 {
	color: #c35e28;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.1em;
}

#homecontent .hcblock p {
	text-align: justify;
	line-height:18px;
}

#homecontent .hcblock a {
	color: #f47422;
}

#homecontent .hcblock strong.ahr {
	color: #f47422;
}

#homecontent .hcblock img {
	width:200px;
	height:150px;
}


/***********************  styles voor default  ***********************************/

.default #midblock {
	/*width: 663px; <- dit is volledige grootte van home, dus bijelkaar.. */
	width:440px; 
	margin-right:0;
	margin-left:20px;
	font-size:0.85em;
	padding-top:20px;
	
}

.default .subnav_header {
	color: #797979;
	font-weight:bold;
	text-transform: uppercase;
	margin-left:13px;
	font-size:0.85em;
	float:left;
	margin-top:12px;
}

.default .default_header {
	margin-left:217px;
	margin-top:13px;
}

.default .default_header h2 {
	text-transform: uppercase;
	font-weight:bold;
	color: #000;
	font-size:1.15em;
	margin:0;
	padding:0;
}

.default .default_header em {
	font-size: 0.7em;
	color: #000;
	font-style: normal;
	margin:0;
	padding:0;
}

.default #subnav {
margin-left:13px;
line-height:17px;
margin-top:8px;
}

.default #subnav ul {
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}


.default #subnav ul img{
}

.default #subnav ul li ul {
margin: 0 0 0 10px;
}

.default #subnav ul li ul li ul {
margin: 0 0 0 10px;
}

.default #subnav ul li {
margin:0;
padding:0;
line-height:20px;
_clear:both;
}

.default #subnav ul li a{
color: #fff;
/*font-size:0.8em;*/
display:block;
padding-left:16px;
_padding-left:8px;
padding-right:10px;
_float:left;
}

.default #subnav ul li span {
color: #F47422;
/*font-size:0.8em;*/
display:block;
float:left;
height:20px;
}

a.on {
text-decoration: underline !important;
}

a.submenu_actief {
text-decoration:underline !important;
}

.sitemap_main, .sitemap_intra {
font-weight:bold;
font-size:1.0em;
}

ul.sitemap {
margin-left:15px;
color: #7A7B7B;
}

ul.sitemap ul {
margin-left:15px;
}


.content_tekst input#input_box {
color: #000;
border: 1px solid #F47323;
height:22px;
margin:0 0 0 10px !important;
padding:3px 0 0 3px !important;
position:absolute;
}

.content_tekst input#submit_button {
background: #F47323;
color: #fff;
font-weight:bold;
width:60px;
height:27px;
padding:0px 0 0px 0;
margin:0px 0 0 140px !important;
border:1px solid #F47323;
position:absolute;
}

.content_tekst td p a {
font-weight:bold;
/*border-top:1px #000 solid;
display:block;*/
padding-top:15px;
}
/*
.content_tekst td p {
border-top:1px solid #F47323;
border-bottom:1px solid #F47323;
}*/

/*.content_tekst td.normal {
display:block;
border-top:1px solid black;
}*/

.zoekresultnumber {
font-size:0.8em;
position:absolute;
top:175px;
text-align: right;
display:block;
right:60px;
}

.content_tekst em {
font-size:0.9em !important;
}

.fotoboek_tb {
margin-left:-3px;
}

.fotoboek_tb a img {
border:3px solid #fff;
}

.fotoboek_tb a:hover img {
border:3px solid #F47323;
}


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

.we {
background-color:#F57421;
border-top:1px solid #000000;
line-height:18px;
color: #fff;
}

.we a {
color: #fff !important;
}

.wdag {
border-top:1px solid #000000;
line-height:18px;
}

.kalender_t table {
width:100% !important;
}

table.kalender {
width:100% !important;
}

table.kalender a {
color: #000;
}

.meetingpoint #midden {
background: transparent url(../_img/bg_meetingpoint.gif) no-repeat 250px 0px;
}

ul#photos {
margin:0;
padding:0;
}