/************************************************************
                        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 {
    left					:-3px;
    position				:absolute;
    top						:165px;
    z-index					:25;
}

#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;
    background: url(../images/menu-fg.png);
}
#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						: inherit;
}

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


/* 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 */
.menu-title {
    padding-top: 10px;
    padding-left: 9px;
    padding-right:9px;
}
.seperator {
    background: url(../images/navigation/nav_sep.jpg) no-repeat;
    width: 1px;
    height: 100%;
    float: left;
}
#home {
    padding-left: 3px;
    background: url(../images/menu-fg.png);
    background-repeat: repeat-x;
    _width: 82px;
    height: 100%;
    float: left;
    cursor: pointer;
}
#watisceecee{
    background: url(../images/menu-fg.png);
    _width: 126px;
    height: 100%;
    float: left;
    cursor: pointer;
}
#metwie {
    background: url(../images/menu-fg.png);
    _width: 126px;
    height: 100%;
    float: left;
    cursor: pointer;
}

#huren {
    background: url(../images/menu-fg.png);
    _width: 126px;
    height: 100%;
    float: left;
    cursor: pointer;
}

#zelfbouwen {
    background: url(../images/menu-fg.png);
    _width: 126px;
    height: 100%;
    float: left;
    cursor: pointer;
}

#waar {
    background: url(../images/menu-fg.png);
    _width: 126px;
    height: 100%;
    float: left;
    cursor: pointer;
}
#contact {
    background: url(../images/menu-fg.png);
    _width: 126px;
    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/menu-bg.png);
}
#watisceecee:hover {
    background: url(../images/menu-bg.png);
}
#voorwie:hover {
    background: url(../images/menu-bg.png);
}
#huren:hover {
    background: url(../images/menu-bg.png);
}
#zelfbouwen:hover {
    background: url(../images/menu-bg.png);
}
#metwie:hover {
    background: url(../images/menu-bg.png);
}
#waar:hover {
    background: url(../images/menu-bg.png);
}
#contact:hover {
    background: url(../images/menu-bg.png);
}
#archief:hover {
    background: url(../images/navigation/archief.jpg);
}
/* End new sitenavigation */

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


.floater {
    background:#3f3f3f;
    position: absolute;
    top: 40px;
    left: 964px;
    padding: 5px;
    padding-top: 8px;
    padding-top: 8px;
    width:auto;
    z-index: 32767;
}