/*
Theme Name: Kleurinspiratie
Theme URL: www.krullend.nl
Description: The theme for kleurinspiratie.nl
Version: 2.0
Author: Rein Groot
Author URL: www.reingroot.nl
*/

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

html, body {
    height:100%;
    }
    
a {
	outline: none;
}

body, body * {
	
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    }
    body {
        background:#EDEDED url(images/bg.png) repeat-x scroll center -45px;
        }

a#logo {
    background:transparent url(images/logo.png) no-repeat scroll 0 0;
    height:152px;
    position:relative;
    text-indent:-5000px;
    top:20px;
    width:121px;
    display:block;
    }

h1 {
    font-size:21px;
    margin-bottom:30px;
    }
    h1.no-margin {
        margin:0;
        }
    #content h1 + p {
        margin-bottom:30px;
        margin-top:-20px;
        }
        
	.kleurjeinterieur {
    display: block;
    height: 316px;
    position: relative;
    width: 961px;
    margin-bottom: 25px;
    *margin-bottom: 0px;
	}
	
	
	#content {
		z-index: 9000;
	}
	
	#demolink  {
		background: url('images/home-header-img.jpg') no-repeat -810px -62px;		
	    height: 80px;
	    position: absolute;
	    right: 0;
	    top: 374px;
	    width: 150px;
	    display: block;
		  
	}

#content p {
    margin-bottom:15px;
    }

a {
    color:#008FAD;
    }

img {
    border:none;
    }
    /*  Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */
    
    img.centered {
        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;
        }
    /* End Images */

fieldset {
    border:none;
    }

input.faded {
    color:#BBBBBB;
    }
input.selected, textarea.selected {
    border:2px solid #A8003A;
    }
input[type="submit"] {
    cursor:pointer;
    }

.flat-list {
    list-style:none;
    }
    .flat-list > li {
        float:left;
        }

#ring-of-sites {
    background-color:#323232;
    height: 45px;
    }
    
    #ring-of-sites ul {
        font-size:8pt;
        font-weight:bold;
        line-height:17px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0 auto;
        text-align:center;
        width:960px;
        padding: 5px 0px 5px 0px;
        }
    #ring-of-sites ul,
    #ring-of-sites a {
        color:#ffffff;
        text-decoration:none;
        }
    #ring-of-sites a:hover {
        text-decoration:underline;
        }
    #ring-of-sites li {
        display:inline;
        margin:0 5px;
        }
        
#wrapper {
    margin:0 auto;
    width:960px;
    min-height:100%;
    position:relative;
    }
    #wrapper #banner-1 {
        position:absolute;
        right:10px;
        top:20px;
        }

/* For: search
-----------------------------------------------*/
#search {
    position:absolute;
    right:10px;
    top:125px;
    }
    #search fieldset input[type="text"] {
        font-size:18px;
        height:25px;
        margin-right:20px;
        padding:1px 6px 0;
        width:200px;
        }
    #search fieldset input[type="submit"] {
        background:transparent url(images/btn-search.png) no-repeat scroll 0 0;
        border:medium none;
        height:37px;
        width:117px;
        text-indent:-5000px;
        }

/* For: main-nav
-----------------------------------------------*/
#main-nav {
    left:42px;
    position:absolute;
    top:169px;
    width:915px;
    }
    #main-nav li a {
        background:transparent url(images/main-nav.png) no-repeat scroll 0 0;
        height:89px;
        text-indent:-5000px;
        outline:none;
        }
        #main-nav li a {
            display:block;
            }
        #main-nav li#to-home a {
            width:89px;
            }
            #main-nav li#to-home a:hover {
                background-position:0 -89px;
                }
            #main-nav li#to-home a.selected {
                background-position:0 -178px;
                }
        #main-nav li#verftool a {
            background-position:-89px 0;
            width:228px;
            margin-left: -20px;
            margin-right: -40px;
            }
            #main-nav li#verftool a:hover {
                background-position:-89px -89px;
                }
            #main-nav li#verftool a.selected {
                background-position:-89px -178px;
                }
        #main-nav li#color-trends a {
            background-position:-317px 0;
            width:165px;
            }
            #main-nav li#color-trends a:hover {
                background-position:-317px -89px;
                }
            #main-nav li#color-trends a.selected {
                background-position:-317px -178px;
                }
        #main-nav li#blog a {
            background-position:-482px 0;
            width:103px;
            }
            #main-nav li#blog a:hover {
                background-position:-482px -89px;
                }
            #main-nav li#blog a.selected {
                background-position:-482px -178px;
                }
        #main-nav li#tips a {
            background-position:-585px 0;
            width:167px;
            }
            #main-nav li#tips a:hover {
                background-position:-585px -89px;
                }
            #main-nav li#tips a.selected {
                background-position:-585px -178px;
                }
        #main-nav li#inspiration a {
            background-position:-752px 0;
            width:160px;
            }
            #main-nav li#inspiration a:hover {
                background-position:-752px -89px;
                }
            #main-nav li#inspiration a.selected {
                background-position:-752px -178px;
                }

/* For: account-nav
-----------------------------------------------*/
#account-nav {
    position:absolute;
    right:2px;
    top:277px;
    }
    #account-nav a {
        color:#0190ae;
        }
        #account-nav a + a {
            background:transparent url(images/bg-register.gif) no-repeat scroll 0 0;
            color:#000000;
            display:inline-block;
            height:18px;
            margin-left:5px;
            padding:6px 0 0 5px;
            text-decoration:none;
            width:75px;
            }

/* For: content
-----------------------------------------------*/
#content {
    margin-top:130px;
    }
    
#breadcrumb {
    float: left;
    width: 729px;   
    
    }
    #breadcrumb a {
        color:#4F8EAB;
        }
    #breadcrumb a:first-child {
        text-transform:capitalize;
        }

#social_media {
  float: left;
    height: 50px;
    margin-top: -22px;
    width: 231px;
	}
	
	#social_media img {
		float: left;
	}

	#social_media a {
		float: left;
		width: 31px;
		height: 31px;
		padding-top: 13px;
	
	}

#print-page {
    background:transparent url(images/icon-print-page.gif) no-repeat scroll 0 0;
    padding-left:25px;
    position:absolute;
    right:205px;
    top:330px;
    color:#0190ae;
    }

#home #content > h1 {
    background:transparent url(images/home-header.gif) no-repeat scroll 0 0;
    height:12px;
    text-indent:-5000px;
    }
    
.column {
    width:741px;
    float:left;
    }
    .column + .column {
        width:201px;
        float:right;        
        }

/* For: content - home
-----------------------------------------------*/
h1 + img {
    margin-bottom:20px;
    }
    
#home .ankeiler {
    height:270px;
    width:355px;
    position:relative;
    float:left;
    }
    #home .ankeiler > div {
        height:100px;
        line-height:14px;
        overflow:hidden;
        position:absolute;
        width:205px;
        }
    #home .ankeiler h2 {
        margin-top:5px;
        }
    #home .ankeiler a {
        color:#0190ae;
        }
    #home .ankeiler h2 + p {
        color:#000000;
        }
    #home .ankeiler > div a {
        bottom:0;
        position:absolute;
        right:0;
        font-weight:bold;
        }
    
    #ankeiler-1, #ankeiler-3 {
        margin-right:20px;
        }
    
    #home #ankeiler-1 > div {
        left:25px;
        top:145px;
        }
                
    #home #ankeiler-2 > div {
        left:55px;
        top:145px;
        }
    
    #home #ankeiler-3 > div {
        left:73px;
        top:150px;
        }
    
    #home #ankeiler-4 > div {
        left:129px;
        top:148px;
        }

/* For: content - blog
-----------------------------------------------*/
#content #blog-bar {
    float:left;
    margin-right:60px;
    width:160px;
    }
    #content #blog-bar {
        color:#00A4E8;
        }
        #content #blog-bar h2 {
            border-bottom:1px dashed #C6C6C6;
            border-top:1px dashed #C6C6C6;
            margin-bottom:10px;
            padding:2px 0;
            }
        #content #blog-bar ul {
            list-style:none;
            margin-bottom:20px;
            }
        #content #blog-bar li {
            margin-bottom:10px;
            }
        #content #blog-bar img {
            display:block;
            margin-bottom:4px;
            }
        #content #blog-bar strong {
            display:block;
            }
            #content #blog-bar a {
                color:#00A4E8;
                text-decoration:none;
                }
            #content #blog-bar a:hover {
                text-decoration:underline;
                }
        #content #blog-bar .exper-role {
            font-style:italic;
            }
        #content #blog-bar #tag-cloud a {
            color:#555555;
            }

#content .column.blog {
    width:464px;
    }
    
#content iframe {
    width: 100%;

    }

#content .article {
    border-top:1px dashed #C6C6C6;
    border-bottom:1px dashed #C6C6C6;
    padding:10px 0 0;
    margin-bottom:10px;
    }
    
    #content .article p {
        margin-bottom:10px;
        }
    
    #content .article h2 * {
        font-size:18px;
        font-weight:bold;
        line-height:20px;
        text-align:left;
        text-transform:uppercase;
        }
    #content .artcile h2 {
        padding:5px 10px 8px 9px;
        }
    #content .article h2,
    #content .article p,
    #content .article > a {
        padding-left:9px;
        padding-right:9px;
        }
        
    #content .article h2 + p {
        border-bottom:1px solid #C6C6C6;
        height:20px;
        margin-bottom:8px;
        position:relative;
        }
        #content .article h2 + p img {
            position:absolute;
            right:0;
            top:-20px;
            }
        
    #content .article > img {
        display:block;
        margin:0 auto;
        }
        
    #content .article > img + p {
        margin-top:10px;
        border-top:1px solid #C6C6C6;
        padding-top:10px;
        }       
        
    #content .article a {
        color:#4F8EAB;
        text-decoration:none;
        }
        #content .article a:hover {
            color:#4F8EAB;
            text-decoration:none;
            }
        #content .article > a {
            display:block;
            margin-bottom:10px;
            margin-top:10px;
            padding-bottom:10px;
            }
    
    #content #wp_page_numbers {
        margin-left:auto;
        margin-right:auto;
        width:365px;
        }
        #content #wp_page_numbers ul {
            border-top:none;
        }

#content .comments-wrapper h2 {
    border-bottom:1px dashed #C6C6C6;
    color:#4F8EAB;
    padding:3px 0 3px 9px;
    }
#content .comment p {
    padding:10px 0 0 9px;
    }
#content .comment .comment-author,
#content .comment .comment-text {
    border-bottom:1px dashed #C6C6C6;
    padding-bottom:7px; 
    }
#content .comment .comment-author a {
    color:#4F8EAB;
    text-decoration:none;
    }
    #content .comment .comment-author a:hover {
        text-decoration:underline;
        }


#content .comment-form p,
#content .comment-form textarea,
#content .comment-form label,
#content .comment-form input[type="text"],
#content .comment-form input[type="submit"] {
    margin:2px 9px;
    }
    
#content .comment-form label {
    display:block;
    font-weight:bold;
    }
    
#content .comment-form h3,
#content .comment-form input[type="submit"] {
    background:transparent url(images/bg-comments-header.jpg) repeat-x scroll left top;
    }
    
#content .comment-form h3 {
    border:1px solid #8C8C8C;
    color:#FFFFFF;
    font-weight:bold;
    margin:20px 0 10px;
    padding:3px 8px;
    }

#content .comment-form input[type="submit"] {
    border:1px solid #8C8C8C;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    padding:3px 8px;
    }

#content .comment-form textarea,
#content .comment-form input[type="text"] {
    margin-bottom:5px;
    width:95%;
    }
    
/* For: content - search result, archive page
-----------------------------------------------*/
#search-result .result, #archive .post {
    border-bottom:1px dashed;
    margin-bottom:15px;
    padding-bottom:10px;
    }
    #search-result .result a, #archive .post a {
        color:#0190AE;
        }
    #search-result .result small, #archive .post small {
        font-size:10px;
        }
    #search-result .result p, #archive .post p {
        margin:5px 0;
        }
    
    #archive #archive-select {
        position:absolute;
        right:260px;
        top:280px;
        }
        
/* For: content - module 'thema post-set'
-----------------------------------------------*/
#content .post-set {
    background-color:#fafafa;
    border:1px solid #D8D8D8;
    padding:0 30px 35px;
    width:670px;
    position:relative;
    margin-bottom:45px;
    z-index:1;
    }
    #content .post-set #step-indicator {
        position:absolute;
        right:15px;
        top:10px;
        }
    #content .post-set h2 {
        background:transparent url(images/bg-post-set-header.png) no-repeat scroll 0 0;
        height:27px;
        margin-bottom:10px;
        margin-left:-20px;
        margin-top:-20px;
        padding:10px 0 0 10px;
        }
        #content #tips-advies h2 {
            background-image:url(images/bg-tips-post-set-header.png);
            }
    #content .post-set p, #content .post-set a.excerpt {
        border:1px solid #008FAD;
        float:left;
        margin-top:35px;
        width:315px;
        overflow:hidden;
        }
    #content .post-set p.left, #content .post-set a.excerpt.left {
        margin-right:24px;
        }
        #content .post-set img {
            float:left;
            }
            #content .post-set .scroll-container img {
                padding:0;
                }
        #content .post-set a {
            color:#008FAD;
            text-decoration:none;
            padding:3px;
            outline:none;
            }
            #content .post-set a.step-back {
                text-decoration:underline;
                }
                #content .post-set a.step-back:hover {
                    text-decoration:none;
                    }
            #content .post-set a.excerpt {
                color:#000000;
                }
            #content .post-set a.excerpt:hover {
                border:3px solid #A8003A;
                padding:1px;
                }
        #content .post-set a.excerpt img {
            margin-right:3px;
            }
        #content .post-set img + strong {
            margin-bottom:3px;
            color:#008FAD;
            display:block;
            }
        #content .post-set input[type="submit"] + a {
            bottom:20px;
            left:30px;
            position:absolute;
            text-decoration:underline;
            display:block;
            }
            #content .post-set input[type="submit"] + a:hover {
                text-decoration:none;
                }
        #content #woonbladen a.excerpt {
            height:162px;
            }
            #content #woonbladen h2 + a.excerpt,
            #content #ruimtes h2 + a.excerpt {
                margin-right:24px;
                }
            
        #content .post-set a.scroll-nav {
            display:block;
            height:20px;
            position:absolute;
            text-indent:-5000px;
            top:115px;
            width:27px;
            outline:none;
            padding:0;
            }
            #content .post-set a.scroll-nav#left {
                background:transparent url(images/icon-left-arrow.gif) no-repeat scroll 0 0;
                left:0;
                }
            #content .post-set a.scroll-nav#right {
                background:transparent url(images/icon-right-arrow.gif) no-repeat scroll 0 0;
                right:0;
                }
        
        #content #stap-2 .post-set li {
            border:none;
            }
            #content #stap-2 .post-set li img {
                padding:5px;
                }
        #content #stap-4 .post-set p {
            border:medium none;
            float:none;
            margin-bottom:8px;
            margin-top:0;
            overflow:auto;
            width:auto;
            }
            #content #stap-4 .post-set input[type="submit"] + p {
                bottom:0;
                left:30px;
                position:absolute;
                }
        #content #stap-4 .post-set a {
            display:inline;
            }
        #content .post-set label {
            display:block;
            }
        #content .post-set input[type="text"] {
            width:200px;
            margin-right:15px;
            }
        #content .post-set input[type="radio"] {
            margin-right:10px;
            margin-bottom:-2px;
            }
            #content .post-set label {
                padding-bottom:15px;
                }
        #content .post-set input[type="submit"] {
            border:medium none;
            float:right;
            margin-top:10px;
            text-indent:-5000px;
            }
            #content #stap-1 .post-set input[type="submit"] {
                background:transparent url(images/btn-stap-2.png) no-repeat scroll 0 0;
                height:37px;
                width:149px;                
                }
            #content #stap-2 .post-set input[type="submit"] {
                /*background:transparent url(images/btn-stap-3.png) no-repeat scroll 0 0; Commented out for fase II */
                background:transparent url(images/btn-naar-de-tool.png) no-repeat scroll 0 0;
                height:37px;
                width:149px;        
                }
            #content #stap-3 .post-set input[type="submit"] {
                background:transparent url(images/btn-stap-4.png) no-repeat scroll 0 0;     
                height:37px;
                width:149px;        
                }
            #content #stap-4 .post-set input[type="submit"] {
                background:transparent url(images/btn-login.png) no-repeat scroll 0 0;      
                height:37px;
                width:149px;        
                }
        
        #content #mijn-interieur .post-set p {
            display:inline;
            float:none;
            overflow:inherit;
            border:none;
            line-height:17px;
            }
        #content #mijn-interieur .post-set:first-child img {
            float:right;
            }
        #content #mijn-interieur .post-set:first-child a {
            background:transparent url(images/btn-aan-de-slag.png) no-repeat scroll 0 0;
            display:block;
            float:none;
            height:37px;
            margin-top:45px;
            text-indent:-5000px;
            width:149px;
            }
        
        #content #mijn-interieur .post-set .delete {
            background:transparent url(images/icon-delete.gif) no-repeat scroll 0 0;
            position:absolute;
            right:5px;
            top:5px;
            width:19px;
            text-indent:-5000px;
            }
        #content #mijn-interieur .post-set .edit {
            background:transparent url(images/icon-edit.gif) no-repeat scroll right 0;
            bottom:3px;
            height:13px;
            padding-right:20px;
            padding-top:4px;
            position:absolute;
            right:10px;
            font-weight:normal;
            }
            

/* For: content - module 'scroll container'
-----------------------------------------------------------------*/
    #content .post-set .scroll-container {
        height:240px;
        overflow:hidden;
        position:relative;
        }
        #content .post-set .scroll-container ul {
            list-style:none;
            padding:3px 6px;
            position:absolute;
            width:3000px;
            left:0;
            }
            #content .post-set .scroll-container li {
                border:1px solid #008FAD;
                float:left;
                margin-right:15px;
                padding:25px 5px;
                position:relative;
                height:185px;
                }
            #content .post-set .scroll-container li h3 {
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                background:#C9C9C9 none repeat scroll 0 0;
                border:1px solid #D2D2D2;
                font-weight:normal;
                left:-5px;
                padding:1px 5px;
                position:absolute;
                top:-4px;
                }
            #content .post-set .scroll-container li img {
                float:none;
                height:165px;
                width:147px;
                }
            #content .post-set .scroll-container span {
                display:block;
                }
            #content #stap-1 .post-set .scroll-container .selected {
                border-color:#A8003A;
                border-width:5px;
                padding:21px 1px;
                }
            #content #stap-2 .post-set .scroll-container .selected img {
                border:5px solid #A8003A;
                padding:0;
                }
                #content .post-set .scroll-container .selected h3 {
                    left:-9px;
                    top:-8px;
                    }

/* For: content - module 'thema container'
------------------------------------------------------------*/
    #content .thema-container > div {
        background:#ffffff url(images/thema-side-arrow.gif) no-repeat scroll 70px 30px;
        border:1px solid #636363;
        margin:35px 0 0;
        padding-bottom:30px;
        padding-left:150px;
        position:relative;
        }
        #content .thema-container > div h3,
        #content #category > div h3 {
            left:5px;
            position:absolute;
            top:5px;
            }
        #content .thema-container > div a {
            float:left;
            border:3px solid transparent;
            margin-left:15px;
            margin-top:5px;
            padding:0;
            }
            #content .thema-container > div a:hover {
                border-color:#A8003A;
                }
        #content .thema-container > div a.more-themes,
        #content a.to-category {
            bottom:8px;
            position:absolute;
            right:11px;
            color:#008FAD;
            display:inline-block;
            font-weight:bold;
            text-decoration:underline;
            border:none;
            zoom:1;
            }
            #content .thema-container > div a:hover.more-themes {
                text-decoration:none;
                }
        #content .thema-container > div img {
            padding:0;
            float:none;
            }
            #content .thema-container img.first {
                margin-left:0;
                }

/* For: single pages
-------------------------------------------------------------*/
    #content #single-page img {
        margin-bottom:20px;
        }
    #content #single-page h2 {
        font-size:17px;
        }
        #content #single-page #related-posts h2 {
            background:transparent url(images/bg-lees-ook.png) no-repeat scroll 0 0;
            font-size:14px;
            height:27px;
            left:0;
            padding:10px 0 0 12px;
            position:absolute;
            top:-20px;
            width:85px;
            }
    #content #single-page h3 {
        margin-top:20px;
        }
    #content #single-page {
        font-size:14px;
        }
    #content #single-page h2 + p + p {
        font-weight:bold;
        margin-top:20px;
        margin-bottom:20px;
        }
    #content #single-page p,
    #content #single-page strong {
        font-size:14px;
        }
    #content #single-page a {
        color:#008fad;
        font-size:14px;
        }
    #content #single-page a.back {
        background:transparent url(images/icon-back.gif) no-repeat scroll 0 0;
        display:block;
        margin:25px 0 55px;
        padding-left:20px;
        clear:both;
        }
    #content #related-posts {
        background-color:#f6f6f6;
        border:1px solid #d8d8d8;
        padding:30px 20px 20px;
        position:relative;
        }
        #content #related-posts ul {
            color:#008fad;
            list-style:inside;
            line-height:17px;
            }
        #content #related-posts ul + a {
            display:block;
            margin-top:12px;
            }
        
/* For: author page
-----------------------------------------------*/
#author-profile {
    background-color:#F7F6F4;
    border-top:1px dashed #C6C6C6;
    padding:5px 10px 8px 9px;
    }
    #author-profile h2 {
        color:#4F8EAB;
        font-size:18px;
        }
    #author-profile img {
        float:right;
        margin:5px 0 10px 10px;
        }
    #author-profile span {
        color:gray;
        font-weight:bolder;
        }
    #author-profile p {
        margin:10px 0;
        }

/* For: content - sidebar
-----------------------------------------------*/
    #news-letter {
        line-height:17px;
        margin:20px 0 5px;
        height: 265px;
        width: 201px;
        }
	    #news-letter input[type=text]{
		    border: 1px solid #BBBBBB;
		    margin-bottom: 10px;
		    padding: 6px 3px;
		    width: 193px;
	        }
	    #news-letter input[type=checkbox]{
	    	float: left;
	        }
	        
	    #news-letter input[type=submit]{
	    	background:transparent url("images/aanmelden.png") no-repeat scroll 0 0;
	    	text-indent: -5000px;
	    	border: none;
	    	width: 137px;
	    	height: 33px;
	    	float: right;
	    	margin-top: 10px;
	    	margin-bottom: 10px;
				    
	        }
	        
	   #news-letter label{
	   		margin-left: 20px;
	   		display: block;
	   		line-height: 12px;
	        }
        
        
        
	    #news-letter label, #news-letter label a{
	    	font: arial;
	        font-size: 10px;
	        color: #000000;
	    	}
        
            #news-letter label .link{
				text-decoration: underline;
				display: block;
				margin-top: 10px;
        	}
        
    #top-5 {
        background:transparent url(images/bg-top-5.gif) no-repeat scroll 0 0;
        height:210px;
        padding:15px;
        margin-bottom: 20px;
        
        }
        #top-5 h2 {
            margin-bottom:5px;
            }
        #top-5 ul {
            list-style:none;
            }
        #top-5 li {
            background:transparent url(images/icon-top-5-bullets.gif) no-repeat scroll 0 0;
            margin-bottom:10px;
            padding-left:20px;
            }
        #top-5 li + li {
            background-position:0 -125px;
            }
        #top-5 li + li + li {
            background-position:0 -243px;
            }
        #top-5 li + li + li + li {
            background-position:0 -361px;
            }
        #top-5 li + li + li + li + li {
            background-position:0 -479px;
            }
    
    .sociable {
        border-bottom:4px solid #808080;
        border-top:2px solid #808080;
        padding:5px 0;
        }
        .sociable .sociable_tagline {
            font-weight:bold;
            }
        .sociable ul {
            list-style:none;
            height:100px;
            }
            .sociable li {
                float:left;
                }
            .sociable img {
                margin:5px 12px 0 0;
                }

/* For: overlay forms
-----------------------------------------------*/
.overlay-form .required {
    background:transparent url(images/icon-obliged.gif) no-repeat scroll 0 0;
    padding-left:14px;
    }
.overlay-form a.close {
    background:transparent url(images/btn-close.gif) no-repeat scroll 0 0;
    height:30px;
    position:absolute;
    right:80px;
    text-indent:-5000px;
    top:60px;
    width:30px;
    display: block !important;
    }
    
    .overlay-form a.exit {
	    background:transparent url(images/btn-close.gif) no-repeat scroll 0 0;
	    height:30px;
	    width:30px;
		right: 60px;    
	    position:absolute;
	    text-indent:-5000px;
    }
    
    #demovideo-inner {
		padding : 0px;
		margin: 0px;
    	background: none;
    }
    
	#playercontainer {
		position: absolute;
		top: 110px;
		padding: 0px;
		margin: 0px;
		display: block;
	}    
    #register-form.overlay-form a.close {
        top:70px;
        }
.overlay-form h2 {
    font-size:15px;
    margin-bottom:15px;
    text-transform:uppercase;
    }
.overlay-form p {
    margin-bottom:15px;
    }
.overlay-form h2 + p {
    margin-bottom:8px;
    }
.overlay-form label {
    display:block;
    margin-bottom:3px;
    }
.overlay-form p span {
    display:block;
    margin:10px 0;
    }
.overlay-form fieldset {
    margin:0 auto;
    width:300px;
    }
.overlay-form input[type="text"],
.overlay-form input[type="file"],
.overlay-form input[type="password"] {
    height:25px;
    width:280px;
    }
.overlay-form input[type="submit"] {
    background:transparent url(images/btn-login.png) no-repeat scroll 0 0;
    border:medium none;
    height:39px;
    text-indent:-5000px;
    width:137px;
    display:block;
    }
    #upload-form.overlay-form input[type="submit"] {
        background:transparent url(images/btn-upload-image.png) no-repeat scroll 0 0;
        }
    #register-form.overlay-form input[type="submit"] {
        background:transparent url(images/btn-register.png) no-repeat scroll 0 0;
        }
        
    #help-text {
	     background:transparent url(images/bg-upload-form.png) no-repeat scroll 0 0;
	     height:356px;
	     padding:101px 58px 1px 38px;
	     width:470px;
     }
        
    #login-form,
    #upload-form,
    #error-1,
    #error-2,
    #demovideo-inner
    {
        background:transparent url(images/bg-upload-form.png) no-repeat scroll 0 0;
        height:356px;
        padding:51px 58px 51px 38px;
        width:470px;
        }
        #login-form h2 + p {
            line-height:17px;
            margin-bottom:10px;
            }
        #error-1 fieldset,
        #error-2 fieldset {
            margin:110px auto;
            width:380px;
            }
        #error-1 input[type="submit"],
        #error-2 input[type="submit"] {
            background:transparent url(images/btn-back.png) no-repeat scroll 0 0;
            }
            
    #register-form {
        background:transparent url(images/bg-register-form.png) no-repeat scroll 0 0;
        height:570px;
        padding:45px 0 0;
        width:560px;
        } 

/* For: IDM form
-----------------------------------------------*/
#sd_idm_form_login label {
    display:block;
    width:125px;
    float:left;
    }
    #sd_idm_form_login .forgetmenot label {
        float:none;
        }


/* For: contact form
-----------------------------------------------*/
.wpcf7 {
    position:relative;
    }
    .wpcf7 p {
        margin-bottom:20px;
        }
    .wpcf7 input[type="submit"] {
        background:transparent url(images/btn-newsletter.gif) no-repeat scroll 0 0;
        border:medium none;
        height:32px;
        margin-top:10px;
        text-indent:-5000px;
        width:125px;
        }

    .wpcf7-response-output {
        left:-8px;
        position:absolute;
        top:-52px;
        }

/* For: footer
-----------------------------------------------*/
#footer {
    background-color:#E3E2DE;
    bottom:0;
    margin: 0 auto 30px;
    padding: 0 0 10px;
    width:960px;
    
    
    }
    #footer * {
        font-size:13px;
        color:#888888;
        }
        
        
    
    #footer #footer-nav {
    	    padding-left: 10px;
        
        }
        #footer #footer-nav > li {
            margin-right:82px;
            }
        #footer #footer-nav li.last {
            margin-right:0;
            }
            #footer #footer-nav > li > a {
                background:transparent url(images/bg-footer-arrow.gif) no-repeat scroll 0 3px;
                font-weight:bold;
                padding-left:15px;
                text-decoration:none;
                }
            #footer #footer-nav li li {
                list-style:none;
                margin-top:2px;
                padding-left:15px
                }   
    
    #footer > h2 {
        background:transparent url(images/bg-footer-header.gif) no-repeat scroll 0 0;
        height:44px;
        text-indent:-5000px;
        width:960px;
        }
        
    #footer #legal {
    position: relative;
        line-height:20px;
        margin:95px auto 0;
        *top: -20px;
        text-align:center;
        width:800px;
        }
    
    #footer #btn-newsletter {
        background:url("images/aanmelden_nieuwsbrief-button.png") no-repeat scroll 0 0 transparent;
        bottom:5px;
        display:block;
        height:33px;
        position:absolute;
        right:10px;
        text-indent:-5000px;
        width:182px;
        }
    
.push {
    clear:both;
    height:288px;
    }

.clear {
    clear:both;
    height:0;
    }

 /* For the verftool */
 
 #verftoolpage {
 	position: relative;
 
 }
 
 .verftool_form {
 	display: block;
 	height: 260px;
 	position: relative;
 	top: -10px;
	 }
 
 
 	#verftoolpage #mijnkleuren {
    left: 0;
    position: absolute;
 	
 	}
 	
 	
 	#verftoolpage #vraagteken {
	    left: 373px;
	    position: absolute;
	    top: 34px;
 	
 	}
 
	#verftoolpage #klik {
	    left: 38px;
	    position: absolute;
	    top: 164px;
		}
 
	 #verftoolpage input[type="submit"] {
	    background: url("images/start.png") no-repeat scroll 0 0 transparent;
	    border: medium none;
	    height: 44px;
	    left: 448px;
	    position: absolute;
	    text-indent: -5000px;
	    top: 107px;
	    width: 191px;
	} 
	
	#sample_style {
	
		}
	
		#sample_style .sample_style_item {
				float: left;
				width: 364px;
				margin-bottom: 30px;
			}
			
			
		#sample_style .sample_left {
				float: left;
				width: 182px;
			}
		#sample_style .sample_left {
				float: left;
				width: 168px;
			}
			
		.sample_right {
			float: left;
			width: 189px;
		}
		
		.sample_right .color_container {
			    float: left;
			    height: 58px;
			    padding: 0 0 9px 5px;
			    width: 58px;
			    margin-bottom:1px;
			    position: relative;
			}
			
			
		.sample_right .inner_color {

			    position: absolute;
			    width: 58px;
			    height: 58px;
			    margin-bottom:1px;
			    top: 0px;
			    left: 0px;
			}
			


#choosen_colors  {
	position: relative;
	top: 40px;
	left: 2px;
	
	
	}

.chosen_color_left {
	width: 50px;
	height: 109px;
	float: left;
	margin-right: 17px;
	width: 109px;
	position: relative;
}

.chosen_color_middle {
	width: 50px;
	height: 109px;
	float: left;
	margin-right: 15px;
	width: 109px;
	position: relative;
}

.chosen_color_right {
    float: left;
    height: 109px;
    position: relative;
    width: 109px;
}

.close {
	position: absolute;
	background: url("images/btn_close_x.png") no-repeat scroll 0 0 transparent;
	height: 42px;
	width: 42px;
    right: -20px;
   	top: -20px;
   	cursor: pointer;
   	display: none;
}
	    
.cufonh3 {
	font-size: 18px;
	font-weight: bold;
	text-transformation: uppercase;
	margin-bottom: 5px;
}

.error {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}