/************************************************************
  			GENERAL STYLES CeeCee
************************************************************/

* {
	margin					: 0;
	padding					: 0;
	border					: 0;
}
html, body {
	height					: 100%;
}
body {
	font					: normal 11px Verdana, sans-serif;
	line-height				: 14px;
	color					: #4F4F4F; 
	background				: #ff0000;
}
p {
	padding					: 5px 0;
}
p.vet {
	font-weight				: bold;	
}
h1 {
	font-size				: 15px;
}
h2 {
	font-size				: 18px;
	line-height				: 20px;
}
h3 {
	margin							: 10px 0px 10px 0px;
}
.clear {
	clear					:both;	
}

/* 1. STRUCTURE */
#wrapper {
	position				: relative;
	margin					: 0 auto;
	width					: 960px;
	height					: auto;
	background				: #ff0000;
}

	#sitecontainer {
		position				: relative;
		width					: 100%;
		height					: auto;	
	}
		
		#headercontainer {
			height					: 245px;
		}
		
			#siteheader {
				height					: 245px;
				width					: 100%;
				z-index					: 20;
				position				: absolute;
			}
			#siteheader object {
				z-index					: 20;
				position				: absolute;
			}
			#siteheader.noflash {
				background				: url(../images/non_flash_header.jpg) no-repeat;
			}	
			
			#wie_op_ceecee.noflash {
				background				: url(../images/non_flash_ceecee.jpg) no-repeat;
				width					: 100%;
				height					: 700px;
			}		
			#altContent {
				height					: 100%;
				width					: 100%;		
				cursor					: pointer;	
			}	
			#specialbutton {
				z-index					: 25;
				position				: absolute;
				top						: 100px;
				left					: 20px;
			}
			#headerlipje {
				background				: url(../images/toplip_grand.png) no-repeat;
				height					: 1050px;
				width					: 1050px;
				position				: absolute;
				left					: -620px;
				top						: 0px;
				z-index					: 2;
			}
				#header_quote {
					width: 380px;
					height: 225px;
					color: #000000;
					text-align: left;
					position: relative;
					left: 620px;
					overflow:hidden;
				}		
				
					#header_quote p {
						font-style: italic;					
						font-size: 18px;
						font-weight: bold;
						padding: 25px 5px 20px 5px; 	
						line-height: 18px;
					}	
			
			#headersearch {
				background				: url(../images/search_background.png) no-repeat;
				width					: 229px;
				height					: 31px;
				float					: right;
				
			}
			
			#headersearch .formbody {
				margin: 0 0 0 15px;
			}
				
			
		#sitenavigation {
			height					: 58px;
			background				: #3f3f3f;	
			position				: relative;
			margin					: 4px 0px 10px 0px;
			z-index					: 10;
			text-align				: left;
		}
		#contentheader {
			background				: #ffffff;
			width					: 100%;
			height					: 40px;
			margin-bottom			: 4px;
			text-align				: right;
		}		
		#content {
			position				: relative;
			z-index					: 20;
			min-height				: 400px;
			height					: 100%;
		}
		
		#static_page_content { 
			position				: relative;
			z-index					: 20;
			min-height				: 400px;
			height					: 100%;
		}
		
			.innerwrapper {
				float				: left;
				padding				: 0 0 1px;
				background			: #ffffff url(../images/bg_artikel.jpg) top left no-repeat;
				width				: 100%;
				overflow			: hidden;
				height				: 100%;
			}
			#leftcol {
				width				: 220px;
				padding				: 10px 10px 20px 10px;
			 /*	z-index				: 21; */
			 	float				: left;
			 	height				: 100%;
			}
			/* In case of main1col with rightcolumn
			#main1col {
				width				: 460px;
				background			: #FFF;
				padding				: 10px;
				margin-top			: 10px;
				clear				: right;
				height				: 100%;
				float				: left;
			}
			*/
			#main1col {
				width				: 550px;
				background			: #FFF;
				padding				: 10px 160px 10px 10px;
				margin-top			: 10px;
				clear				: right;
				height				: 100%;
				float				: left;
			}		
			#main2col {
				width				: 550px;
				background			: #FFF;
				padding				: 10px 160px 10px 10px;
				margin-top			: 10px;
				float				: right;
				clear				: right;
				height				: 100%;
			}
			#rightcol {
				width				: 220px;
				padding				: 10px 10px 20px;
			 	z-index				: 21; 
			 	float				: left;
			 	height				: auto;
			 	margin-top			: 10px;
			/* 	background			: #000; */
			}	
			#tellafriendform {
				display				: none;
			}
		#sitelipje {
			width					: auto;
			background				: url(../images/bottomlip_grand.png) no-repeat right;
			position				: fixed;
			left					: 4000px;
			width					: 1050px;
			height					: 1051px;
			z-index					: 20;
		}

#quotewrapper {
	display							: none;
	visibility						: hidden;
}

.alignleft a {
	color							: #ffffff;
	text-decoration					: none;
	text-transform					: uppercase;
}
		
/* 2. NAVIGATION */
#sitenavigation ul {
	width							: auto;
}

#sitenavigation ul li {
	cursor							: pointer;
	display							: inline;
	float							: left;
	height							: 48px;
	background						: url(../images/nav_sep.png) no-repeat right 10px;
	width							: 160px; 
}

#sitenavigation li a {
	color							: #FFFFFF;
	display							: block;
	font-family						: Arial;
	font-size						: 16px;
	font-weight						: bold;
	padding							: 10px 20px 0px 10px;
	text-decoration					: none;
	text-transform					: uppercase;
	height							: 100%;
	background						: #4F4F4F;
	width							: 129px;
}

#sitenavigation li.current_page_item a {
	background						: #727272;
}

#sitenavigation li a:hover {
	background						: #616161;
}

.hidden {
	display							: none;
}

/* 3. POSTS */
#main1col .post {
	background						: none;
	height							: auto;
	min-height						: auto;
}

#main2col .post {
	background						: none;
	height							: auto;
	min-height						: auto;
}


/* Sidebar*/
.sidebar_quote {
	width 							: 100%;
	height							: 310px;
}
.creet {
	width							: 100%;	
	height							: 100%;
}
p.quote_red {
	color							: #ffffff;
	font-size						: 20px;
	line-height						: 100%;	
	letter-spacing					: 1px;	
	background						: #ff0000;
	width							: auto;
	clear							: both;
	padding							: 3px 10px;
	font-style						: italic;
}
p.quote_grey {
	color							: #ffffff;
	font-size						: 20px;
	line-height						: 100%;
	letter-spacing					: 1px;	
	background						: #4F4F4F;;
	width							: auto;
	clear							: both;
	padding							: 3px 10px;
	font-style						: italic;
}
p.quote_empty {
	color							: #ffffff;
	font-size						: 24px;
	background						: none;
	width							: auto;
	float							: right;
	clear							: both;
}

.sidebarlinks {
	clear							: both;
	text-align						: right;
	vertical-align					: bottom;
	width							: 100%;
}

/* clickbox (bookmarks) */
.social_bookmark {
	position: absolute;
	left: -9999px;
}

#clickbox {
	cursor							: pointer;
}

#clickbox .ico {
	text-transform					: uppercase;
	text-align						: right;
	padding-right					: 26px;
	background						: url(/wp-content/themes/ceecee/images/ico_bookmark.gif) no-repeat right -2px;
}

#clickbox .bm-open {
	background-position				: right -34px;
}

#linkbox  {
	padding: 3px 0 0;
	margin: -3px 0 0;
}


a.ico {
	text-decoration					: none;
	color							: #808080;	
}
a.ico:hover {
	color							: #4F4F4F;
}

a.redico {
	text-decoration					: none;
	color							: red;	
	font-weight						: bold;
}
img.ico {
	position						: relative;
	top								: 6px;
	margin-left						: 5px;
}
img.redico {
	margin-left						: 5px;
}


#sidebar {
	height							: 100%;
	position						: relative;
	
}
p.cite {
	padding							: 10px 0px 10px 0px;
}
p.grey {
	display							: inline;
	color							: #808080;
}

/*Commentform*/
#commentsform {
	width							: 460px;
}
input, textarea {
	background						: #FFFFFF none repeat scroll 0 0;
	border							: 1px solid #808080;
	width							: 220px;
	color							: #000000;
	font-family						: Verdana,sans-serif;
	font-size						: 12px;
/*	font-size-adjust				: none;
	font-stretch					: normal;
	font-style						: normal;
	font-variant					: normal;
	font-weight						: normal; */
/*	letter-spacing					: 2px;*/
/*	line-height						: normal;
	margin-left						: 10px; */
	padding							: 3px;
	vertical-align					: top;	
}

input.searchbox {
	background						: url(../images/navigation/zoek_fld.jpg) no-repeat;
	border							: none;
	width							: 135px;
	height							: 19px;
	position						: relative;
	top								: 4px;
	font-family						: Verdana,sans-serif;
	font-size						: 11px;	
	display							: inline;
	float							: left;
	display							: inline;
	color							: #ffffff;
}

input.formsendbutton {
	background						: #4F4F4F none repeat scroll 0 0;
	color							: #FFFFFF;
	font-size						: 1em;
	padding							: 2px;
	width							: 100px;
	float							: right;
}
#search_btn {
	color							: #FFFFFF;
	cursor							: pointer;
	font-size						: 11px;
	font-weight						: bold;
	position						: relative;
	background						: url(../images/navigation/zoek_btn.jpg) no-repeat;
	width							: 59px;
	height							: 29px;
	float							: left;
	display							: inline;
}

textarea {
	width							: 450px;
}

input.sendbutton {
	background						: #4F4F4F none repeat scroll 0 0;
	color							: #FFFFFF;
	font-size						: 1em;
	margin							: 0 2px 5px 0;
	padding							: 2px;
	width							: 120px;
	float							: right;
}


/* -- news blok -- door Jerry Simons */
.post {
	height							: 232px;
	background						: #FFFFFF;
	margin-bottom					: 10px;
	width							: 100%;
}
.page {
	background						: #FFFFFF;
	margin-bottom					: 10px;
	width							: 100%;
}

.imageOdd {
	float							: left;
	width							: 310px;
	height							: 100%;
}

.contentOdd {
	float							: right;
	width							: 650px;
	height							: 100%;
}

.newsOdd {
	float							: left;
	width							: 380px;
	height							: 212px;
	overflow						: hidden;
	padding							: 0px 20px 0px 20px;
}
.newsOdd h2 {
	margin							: 20px 0px 15px 0px;	
}
.entry {
	margin							: 0px 0px 10px 0px;
	/*text-align						: justify;*/
	line-height						: 16px; 
}

.sloganOdd {
	float							: left;
	width							: 220px;
	height							: 192px;
	padding							: 10px 10px 10px 0px;
	overflow						: hidden;
}
.navOdd {
	font-size						: 10px;
	font-weight						: bold;
	background						: #E8E8E8;
	float							: left;
	width							: 640px;
	height							: 20px;
	padding-left					: 10px;
}
ul.postnav {
	list-style						: none;
	margin-top						: 3px;
}
ul.postnav li {
	display							: inline;
	margin-left						: 10px;
}
ul.postnav li a {
	color							: #4F4F4F;
	font-size						: 10px;
	font-weight						: bold;	
	text-decoration					: none;
		
}

.imageEven {
	float							: right;
	width							: 310px;
	height							: 100%;
}

.contentEven {
	float							: right;
	width							: 650px;
	height							: 100%;
}

.newsEven {
	float							: right;
	width							: 380px;
	height							: 212px;
	overflow						: hidden;
	padding							: 0px 20px 0px 20px;
}
.newsEven h2 {
	margin							: 20px 0px 15px 0px;	
}

.sloganEven {
	float							: right;
	width							: 220px;
	height							: 192px;
	padding							: 10px 0px 10px 10px;
	overflow						: hidden;
}

.navEven {
	float							: right;
	font-size						: 10px;
	font-weight						: bold;
	background						: #E8E8E8;
	float							: left;
	padding-left					: 240px;
	width							: 410px;
	height							: 20px;
}

/* Image overlay */
.overlay_wrapper {
	position: relative;
	width: auto;
	height: auto;
}

.imageEven span, .imageOdd span {
	display: block;
	width: 310px;
	height: 232px;
	z-index: 0;
}

.imageEven span.overlay {
	position: absolute;
	background: url(../images/overlay_artikel-R.png) no-repeat left bottom;
	z-index: 1;
	margin-top: -232px;
}

.imageOdd span.overlay {
	position: absolute;
	background: url(../images/overlay_artikel-L.png) no-repeat right bottom;
	z-index: 1;
	margin-top: -232px;
}



/* -- einde news blok -- */

#archivepage {
	width							: 100%;
	height							: 100%;
	background						: #ffffff;
}
#archive {
	clear							: both;
}

ul.archivelist {
	list-style						: none;
	padding							: 10px 0px 20px;
}
ul.archivelist li {
	padding							: 3px;
	list-style						: none;
}


h2.pagetitle {
	font-style						: italic;
	padding							: 10px 20px;
}


/**  Begin Comments **/

h3#comments {
	padding: 10px 0 0;
}
ul.commentlist {
	list-style						: none;
}
ul.commentlist li.comment {
	padding							: 20px 10px 20px 10px;	
}
ul.commentlist li.even {
	background						: #ededed;
}
ul.commentlist li.odd {
	background						: #dcdcdc;
}
p.author {
	display							: inline;
	font-weight						: bold;
}
p.inline {
	display							: inline;
}
p.date {
	display							: inline;
}
.clearing {
	clear							: both;
	margin-bottom					: 10px;
}
/**  END Comments **/


/******************************************
* Align box
******************************************/

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


/* Content links */

#main1col a,
#main2col a {
	color: #4F4F4F;
	text-decoration: underline;
	padding: 0 0 1px;
/*	border-bottom: 1px solid #4F4F4F; */
}

#main1col a:hover,
#main2col a:hover  {
	color: #FFF;
	background: #F00;
	text-decoration: none;
/*	border-bottom: 1px solid #F00; */
}

/* .cite link is an image, so no styling */
#main1col .cite a,
#main2col .cite a {
	text-decoration: none;
	padding: 0;
}

#main1col .cite a:hover,
#main2col .cite a:hover {
	border: 0;
	background: none;
}

.newsEven a, .newsOdd a {
	text-decoration: none;
	color: #4F4F4F;
}

.newsEven a:hover, .newsOdd a:hover {
	text-decoration: none;
	color: #FFF;
	background: #F00;
	padding-bottom: 2px;
}


/* Media */
#media {
	width: auto;
	height: auto;
}

#media h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}

#media .inner_title {
	padding: 5px;
	font-size: 10px;
	background: #d4d4d4;
	color: #4f4f4f;
}

#media .inner_content {
	padding: 5px;
	font-size: 10px;
	background: #e7e7e7;
}

/* Begin new sitenavigation */

.seperator {
	background: url(../images/navigation/nav_sep.jpg) no-repeat;
	width: 1px;
	height: 100%;
	float: left;
}
#home {
	background: url(../images/navigation/home.jpg) no-repeat;	
	width: 139px;
	height: 100%;
	float: left;	
	cursor: pointer;
}
#watisceecee{
	background: url(../images/navigation/watisceecee.jpg) no-repeat;
	width: 169px;
	height: 100%;
	float: left;
	cursor: pointer;	
}
#voorwie {
	background: url(../images/navigation/voorwie.jpg) no-repeat;
	width: 169px;
	height: 100%;
	float: left;	
	cursor: pointer;
}
#waar {
	background: url(../images/navigation/waar.jpg) no-repeat;
	width: 139px;
	height: 100%;
	float: left;	
	cursor: pointer;
}
#contact {
	background: url(../images/navigation/contact.jpg) no-repeat;
	width: 139px;
	height: 100%;
	float: left;
	cursor: pointer;
}
#end {
	width: 200px;
	height: 100%;	
	float: left;
}
#searcharea {
	background: url(../images/navigation/zoek_bg.jpg) repeat-x;
	width: 200px;
	height: 29px;
}
#archief {
	background: url(../images/navigation/archief.jpg) no-repeat;
	width: 200px;
	height: 29px;
	float: left;	
	cursor: pointer;
}

#home:hover {
	background: url(../images/navigation/home_over.jpg) no-repeat;
}
#watisceecee:hover {
	background: url(../images/navigation/watisceecee_over.jpg) no-repeat;
}
#voorwie:hover {
	background: url(../images/navigation/voorwie_over.jpg) no-repeat;
}
#waar:hover {
	background: url(../images/navigation/waar_over.jpg) no-repeat;
}
#contact:hover {
	background: url(../images/navigation/contact_over.jpg) no-repeat;
}
#archief:hover {
	background: url(../images/navigation/archief_over.jpg) no-repeat;	
}
/* End new sitenavigation */

#wie_op_ceecee {
	text-align	: center;
	background	: #ffffff;	
}