body,div,dl,dt,dd,ul.Menu,li.MenuItem,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}ul.Menu{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li.MenuItem a{color:#fff;text-decoration: none;}

h1 {font-size: 200%; font-weight: bold; line-height: 140%; margin-bottom: 10px;}
h2 {font-size: 150%; font-weight: bold; line-height: 140%;}
h3 {font-size: 120%; font-weight: bold; line-height: 140%;}
a {color: #654656;}

html
{
    background: #191919 url(images/bg.gif) repeat-y center top;
}

body
{
    font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
}

form
{
    background: url(images/page.jpg) no-repeat center top;
}

.Cms div#container { padding-top: 20px; }
div#container
{
    width: 996px;
    margin: 0 auto;
}

    div#header
    {
        background: #000 url(images/header.jpg) no-repeat left top;
        height: 25px;
        padding: 142px 0 0 337px;
        text-align: center;
    }
    
        div#header *
        {
            display: inline;
        }
        
            div#header ul.Menu li
            {
                padding-right: 26px;
                background: url(images/mainmenu-sep.gif) no-repeat right center;
            }
            div#header ul.Menu li.MenuItemLast { padding: 0; background-image: none; }

                div#header ul.Menu a
                {
                    color: #fff;
                    text-decoration: none;
                    font-size: 8pt;
                    font-weight: bold;
                    text-transform: uppercase;
                }
        
                div#header ul.Menu li.MenuItemActive a
                {
                    color: #906694;
                }
    
                div#header ul.Menu a:hover
                {
                    color: #888;
                }

            body div#language li,
            div#header div#language ul.Menu li
            {
                background: none;
                padding: 0 0 0 16px;
            }
            
                body div#language li a,
                div#header div#language ul.Menu li a
                {
                    display:-moz-inline-box;
                    display:inline-block;
                    text-indent: -4000px;
                    background: url(/_templates/images/cultures/en.gif) left 3px no-repeat;
                    width: 16px;
                    height: 0px;
                    padding-top: 13px;
                    overflow: hidden;
                    margin: 0;
                }
                body div#language li.MenuItemTitleNL a,
                div#header div#language ul.Menu li.MenuItemTitleNL a
                {
                    background-image: url(/_templates/images/cultures/nl.gif);
                }
    
    div#body
    {
        background: #fff url(images/bg.jpg) repeat-y;
        font-weight: bold;
        line-height: 160%;
    }

        div#stock
        {
            float: left;
            width: 498px;
            background: #000;
            color: #fff;
            text-align: center;
        }
        
            div#stock a
            {
                color: #fff;
                text-decoration: none;
            }
        
            div#caption
            {
                display: none;
            }
            .ContentRightimagewithcaption div#caption,
            .ContentLeftimagewithcaption div#caption { display: block; }

        .ContentNoimage div#stock
        {
            display: none;
        }

        .ContentRightimage div#stock,
        .ContentRightimagewithcaption div#stock
        {
            float: right;
        }
        
    div#footer
    {
        margin: 6px 16px 0 0;
        height: 219px;
        font-size: 7pt;
        font-weight: bold;
        color: #fff;
    }
    
        div#footer .ContentItem { margin: 0; }

        div#footer a, div#footer strong, div#footer b
        {
            color: #909090;
            font-weight: normal;
            text-decoration: none;
        }

div#body .ContentItemText,
div#body .ContentItemFormBase
{
    margin: 16px;
    float: left;
    width: 466px;
}

div#body .ContentNoimage .ContentItemText
{
    margin: 0;
    float: none;
    width: auto;
}

.ContentItemContentGroupMenu
{
    margin: 16px;
}
        
div.clear { clear: both; }

/* Home */

body.home
{
    background: url(images/home-bg.gif) repeat-y center top;
}

    body.home #container
    {
        margin: 0;
        width: auto;
    }

    body.home #featurebuttons
    {
        margin: 0px auto;
        width: 990px;
    }
    
        body.home #featurebuttons .ContentItemContentGroup, 
        body.home #featurebuttons .ContentItemText
        {
            position: absolute;
            margin: 50px 0 0 20px;;
        }

    body.home #language
    {
        margin: 0px auto;
        text-align: right;
        width: 990px;
        height: 30px;
    }

    body.home #menu
    {
        padding: 67px 0 0 0;
        width: 438px;
        height: 720px;
        margin: 0 auto;
    }
    
        body.home #menu li.MenuItem a
        {
            float: right;
            clear: right;
            display: none;
            width: 90px;
            height: 30px;
            margin: 0;
            overflow: hidden;
            background: no-repeat left top;
            text-indent: -1000px;
        }
        body.home #menu li.MenuItemTitleOctet a { display: block; height: 31px; background-image: url(images/images/menu-octet.gif); }
        body.home #menu li.MenuItemTitleOctet a:hover { background-image: url(images/images/images/menu-octet.gif); }
        body.home #menu li.MenuItemTitleAgenda a { display: block; height: 31px; background-image: url(images/images/menu-agenda.gif); }
        body.home #menu li.MenuItemTitleAgenda a:hover { background-image: url(images/images/images/menu-agenda.gif); }
        body.home #menu li.MenuItemTitleEvents a { display: block; height: 31px; background-image: url(images/images/menu-events.gif); }
        body.home #menu li.MenuItemTitleEvents a:hover { background-image: url(images/images/images/menu-events.gif); }
        body.home #menu li.MenuItemTitleGallery a { display: block; height: 35px; background-image: url(images/images/menu-gallery.gif); }
        body.home #menu li.MenuItemTitleGallery a:hover { background-image: url(images/images/images/menu-gallery.gif); }
        body.home #menu li.MenuItemTitleShop a { display: block; height: 29px; background-image: url(images/images/menu-shop.gif); }
        body.home #menu li.MenuItemTitleShop a:hover { background-image: url(images/images/images/menu-shop.gif); }
        body.home #menu li.MenuItemTitleContact a { display: block; height: 34px; background-image: url(images/images/menu-contact.gif); }
        body.home #menu li.MenuItemTitleContact a:hover { background-image: url(images/images/images/menu-contact.gif); }
        body.home #menu li.MenuItemTitleBackstage a { display: block; height: 35px; background-image: url(images/images/menu-backstage.gif); }
        body.home #menu li.MenuItemTitleBackstage a:hover { background-image: url(images/images/images/menu-backstage.gif); }

    body.home form
    {
        background: url(images/home.jpg) no-repeat center top;
    }

    body.home div#body
    {
        background-image: none;
        width: 996px;
        margin: 0 auto;
    }

        body.home div#body .ContentItemText
        {
            float: none;
            width: auto;
            margin: 0;
        }

        div#homecontent
        {
            background: url(images/home-contentbg.gif) repeat-y 9px top;
        }
        
            div#homecontent div#calendar,
            div#homecontent div#blog
            {
                float: left;
                width: 357px;
                margin: 0 18px 0 9px;
            }

                div#homecontent div#calendar
                {
                    background: url(images/box-alt.png) no-repeat 16px 16px;
                }
                div#homecontent .ContentItemContentGroupAppointment
                {
                    width: 332px;
                    height: 332px;
                    overflow: hidden;
                    margin: 16px 0 0 16px;
                    background: url(images/box-alt.png) no-repeat right bottom;
                }

                div#homecontent .ContentItemAppointment.ContentItemAlt
                {
                    background: none;
                }

            div#homecontent div#blog
            {
                margin-left: 0;
            }
            
            div#homecontent div#twitter
            {
                float: left;
                width: 229px;
            }
            
        body.home div#footer { 
            color: #888; 
            height: auto;
            padding-bottom: 4px;
            margin: 10px auto 0 auto;
            padding-bottom: 4px;
            width: 981px;        
        }
    

body.home .Featured .ContentItemAppointment
{
    border: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 16px 0;
    text-align: center;
}

    body.home .Featured .ContentItemAppointment h1 { margin: 0; }
    body.home .Featured .ContentItemAppointment .FormFieldBody { display: none; }

/* Backstage */

body.backstage
{
    background: url(images/backstage.jpg) no-repeat center -22px;
}

    body.backstage form,
    body.backstage div#body
    {
        background: none;
    }
    body.backstage div#body
    {
        height: 835px;
    }
    
        body.backstage div#body .ContentItemText
        {
            margin: 0;
            width: auto;
        }

    div#contentSocial
    {
        float: left;
        width: 247px;
        padding: 125px 0 0 6px;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

    div#contentBlog
    {
        float: left;
        width: 732px;
    }

    body.backstage .twtr-widget
    {
        margin-bottom: 8px;
    }
    
    .ContentItemWeblogItem
    {
        float: left;
        width: 146px;
        height: 156px;
        padding: 10px 10px 0 10px;
        margin-left: 16px;
        background: url(images/wit-transparent.png) repeat;
        /*filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;*/
    }

        .ContentItemWeblogItem .BlogSummary
        {
            height: 130px;
            cursor: pointer;
        }

        .ContentItemWeblogItem .BlogDate
        {
            cursor: pointer;
        }

        .ContentItemWeblogItem h2
        {
            display: block;
            padding-bottom: 3px;
        }

            .ContentItemWeblogItem h2 a
            {
                text-decoration: none;
                color: #000;
            }

        .ContentItemWeblogItem .DateTime
        {
            color: #906694;
            margin-bottom: 0;
        }

        .ContentItemWeblogItem .BlogDetail
        {
            display: none;
            margin-bottom: 30px;
        }
        
        .ContentItemWeblogItem .FormFieldTerug
        {
            float: right;
        }

            .ContentItemWeblogItem .FormFieldTerug a
            {
                color: #906694;
                text-decoration: none;
                font-size: 12pt;
            }

    .ContentItemEditWeblogItem
    {
        float: none;
        width: 697px;
        height: auto;
        overflow: auto;
    }

/* Project */

.ProjectSkin
{
    background: no-repeat center top;
}

    .ProjectTriangulo { background-image: url(/Cello8ctet-Amsterdam/_documents/website/triangulo/header.jpg); }
    .ProjectTriangulo div#headerContainer { height: 718px; }

.ProjectSkin div#container { width: 1000px;}
.ProjectSkin div#body .ContentItemText { width: auto; }
.ProjectSkin div#body .ContentItemFormBase { width: 380px; }
.ProjectSkin div#body .ContentItemFormBase input.FormButton {
    background-color: #fff;
    border: nond;
    padding: 6px 20px;
    font-size: 12pt;
}

.ProjectSkin #featurecol 
{ 
    float: left;
    width: 408px;
    background-color: #000;
    color: #fff;
}

.ProjectSkin #content
{
    float: left;
    width: 592px;
}

/* Contact */

body.project div#header,
body.backstage div#header,
body.contact div#header
{
    float: right;
    background: #000;
    background-image: none;
    height: auto;
    padding: 2px 32px;
    text-align: right;
}

body.contact div#body
{
    background: #fff url(images/contact.jpg) no-repeat center top;
    padding-top: 500px;
    height: 334px;
}

    body.contact #contentLeft
    {
        float: left;
        width: 375px;
        margin-right: 20px;
        text-align: right;
    }

    body.contact #contentRight
    {
        float: left;
        width: 510px;
    }
    
        body.contact div#body .ContentItemText
        {
            margin: 0;
            float: none;
            width: auto;
        }
        
        .ContentItemContactForm { margin-top: 4px; }

/* Puzzle */
/*
div#body.Puzzle 
{ 
    background: #825b84; 
    color: #fff;
}

    div#body.Puzzle a,
    div#body.Puzzle h1,
    div#body.Puzzle h2,
    div#body.Puzzle h3 { color: #fff; }*/

    div#body.Puzzle #content
    {
        position: relative;
        overflow: hidden;
        height: 600px;
    }

div#puzzle
{
    background-color: #9d969e;
    width: 498px;
    height: 498px;
    position: relative;
}

    div.piece
    {
        width: 166px;
        height: 166px;
        float: left;
    }

        div.piece a
        {
            display: block;
            width: 166px;
            height: 166px;
        }

        div.piece div.Text
        {
            display: none;
        }

    div#puzzle1 { background: url(_documents/website/portraits/stephan-square.jpg); }
    div#puzzle2 { background: url(_documents/website/portraits/claire-square.jpg); }
    div#puzzle3 { background: url(_documents/website/portraits/artur-square.jpg); }
    div#puzzle4 { background: url(_documents/website/portraits/karel-square.jpg); }
    div#puzzle5 { background: url(_documents/website/portraits/oihana-square.jpg); }
    div#puzzle6 { background: url(_documents/website/portraits/rares-square.jpg); }
    div#puzzle7 { background: url(_documents/website/portraits/sanne-square.jpg); }
    div#puzzle8 { background: url(_documents/website/portraits/wijnand-square.jpg); }

    div.puzzledetail { display: none; position: absolute; }

/* Bios */

.puzzledetail .bio
{
    margin: 10px 0 3px 0;
}

    .puzzledetail .bio img
    {
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .puzzledetail .bio .text
    {
        float: left;
        width: 395px;
    }

.puzzledetail .comment
{
    clear: left;
    width: 385px;
    padding: 5px;
    margin: 0 0 3px 70px;
    background-color: #896e93;
}

    .puzzledetail .comment img
    {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .puzzledetail .comment .text
    {
        float: left;
        width: 334px;
    }

.zoombox
{
    float: right;
}

/* Gallery */

.ContentItemGalleryImage
{
    float: left;
    width: 249px;
    height: 249px;
    margin: 0;
}
.GallerySmall { clear: left; padding-top: 16px; }
.GallerySmall .ContentItemGalleryImage, .GallerySmall .InsertedHtml
{
    float: left;
    width: 148px;
    height: 98px;
    text-align: center;
    background-color: #eee;
    overflow: hidden;
}
.GallerySmall .InsertedHtml { padding-top: 20px; height: 78px; }
.GallerySmall .ContentItemGalleryImage a.thumb { display: inline; }
.GallerySmall h1 { margin: 16px; }

    .ContentItemGalleryImage .caption,
    .ContentItemGalleryImage .movie
    {
        display: none;
    }
    
    .ContentItemGalleryImage.ContentLabelVideo span.videobutton
    {
        display: block;
        position: absolute;
        z-index: 1;
        width: 249px;
        height: 249px;
        background: url(images/video.png) no-repeat center center;
    }

    body #fancybox-left,
    body #fancybox-right
    {
        width: 10%;
        height: 90%;
        bottom: auto;
        top: 0;
    }
    body #fancybox-outer { background: #000; }
    body #fancybox-inner { background: #000; }


.ContentItemEditGalleryImage
{
    float: none;
    width: 100%;
    height: auto; 
}

/* Calendar */

.ContentItemContentGroupAppointment
{
    margin: 0;
}
.ContentItemContentGroupAppointment .ContentContainerGroupTitle,
.ContentItemAppointment
{
    background: url(images/box-alt.png);
    float: left;
    width: 149px;
    height: 149px;
    padding: 7px;
    margin: 2px 0 0 2px;
}
.Featured .ContentItemAppointment
{
    width: 466px;
    height: 131px;
    padding: 16px;
    float: none;
    border-left: solid 3px #000;
    border-bottom: solid 3px #000;
    background: none;
    margin: 0;
}
#homecontent .ContentItemAppointment
{
    background: none;
}

    .ContentItemAppointment h1
    {
        font-size: 18pt;
        line-height: 20pt;
        margin-bottom: 1em;
    }
    .ContentItemContentGroupAppointment .ContentContainerGroupTitle
    {
        background: #663b6a;
        color: #fff;
        padding: 72px 10px 7px 4px;
        height: 84px;
        text-transform: uppercase;
        text-align: center;
        font-size: 15pt;

    }
    .ContentItemAppointment .DateCalendar
    {
        font-size: 12pt;
        width: 39px;
        height: 29px;
        padding-top: 14px;
        float: left;
        line-height: 9pt;
        margin-right: 6px;
        text-align: center;
        color: #654656;
        background: url(images/date.png) no-repeat left top;
    }

    .ContentItemAppointment .DateCalendar span {
        font-weight: normal;
        font-size: 7pt; 
    }

/*    .ContentItemAppointment.ContentItemAlt
    {
        background: url(images/box-alt.png);
    }*/
    .ContentItemAppointment h2
    {
        font-size: 9pt;
    }
    .DetailInfo *
    {
        color: #654656;
        display: inline;
        
    }
    .Featured .DetailInfo * { color: #000; }

    /* Calendar colors */    
    .ContentItemAppointment.ContentLabelConcert { background: url(images/box-alt2.png) }
    .ContentItemAppointment.ContentLabelBuitenland { background: url(images/box-alt3.png) }
    .ContentItemAppointment.ContentLabelTriangulo .DateCalendar { color: #154f60; background-image: url(images/date-triangulo.png); }
    .ContentItemAppointment.ContentLabelTriangulo { background: url(images/box-triangulo.png) }
    .ContentItemAppointment.ContentLabelTriangulo .DetailInfo * { color: #154f60; }
    .ContentItemAppointment.ContentLabelRepetitie .DateCalendar { color: #828282; background-image: url(images/date-grayed.png); }
    .ContentItemAppointment.ContentLabelRepetitie { background: none; }
    .ContentItemAppointment.ContentLabelRepetitie h2 { color: #828282; }
    .ContentItemAppointment.ContentLabelRepetitie .DetailInfo * { color: #898989; }

.Featured .ContentGroupMenu
{
    display: none;
}

.ContentItemEditAppointment
{
    width: 478px;
    height: auto;
    padding: 10px;
    margin: 0;
}
    .ContentItemEditAppointment .FormFieldDateTime, 
    .Featured .FormFieldDateTime
    {
        width: auto;
        height: auto;
        padding: 0;
        float: none;
        margin: 0;
        text-align: left;
        color: #000;
        background: none;
    }
    

/* 8RBAN */

.AchtRBAN div#body .ContentItemText {
	width: 458px;
}

.ContentItemDetailProduct {
	float: left;
	width: 230px;
	height: 325px;
	background: #000;
	margin: 15px 0 15px 15px;
	padding-top: 20px;
	color: #fff;
}

	.ContentItemDetailProduct .ContentImage {
		margin: 0;
		float: none;
		height: 202px;
		overflow: hidden;
		text-align: center;
	}
	
		.ContentItemDetailProduct .ContentImage img {
			display: inline;
			border: none;
		}

    .ContentItemDetailProduct .FormFieldTitle,
    .ContentItemDetailProduct .FormFieldHeader {
    	margin: 0 10px;
		text-align: center;
		font-size: 80%;
		height: 65px;
    }

    .ContentItemDetailProduct .FormFieldHeader {
        padding-top: 4px;
        line-height: 150%;
        font-size: 85%;
    }

    .ContentItemDetailProduct .FormFieldShopInfo_Price {
    	font-size: 160%;
		text-align: center;
    }

    .ContentItemDetailProduct .FormFieldShopInfo { padding-top: 10px; }

    .ContentItemDetailProduct .AddToCartLink {
    	display: block;
		text-decoration: none;
		background: #906694;
		color: #fff;
		margin: 0 20px;
		text-align: center;
    }


	.ContentItemDetailProduct .ContentImageCaption,
	.ContentItemDetailProduct .CmsContentToolbarContentImageAdd { display: none; }
    
.ContentItemCart {
	margin: 0 30px;
	padding-bottom: 30px;
}

.ContentItemContentGroupArticle {
    padding-top: 1px;
	margin: 0;
}

.ContentItemDetailArticle {
    position: relative;
    float: left;
    background: #000;
    margin: 0 0 1px 1px;
    padding: 10px 15px;
    width: 466px;
    height: 110px;
    color: #fff;
}

.ContentItemDetailArticle .FormFieldHeader a {
    text-indent: -2000px;
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
}

.ContentItemEditArticle {
    float: left;
    width: 486px;
}
	
/* object, embed, img { background-color: #fff; } */

#featurebuttons .ContentGroupMenuItemExport { display: none; }



/*  Submenu header  */

#header_submenu {
		background: #000;
        height: 25px;
		clear: both;
		float: right;
		margin-top: 10px;
        text-align: center;
}

        div#header_submenu *
        {
            display: inline;
        }
		
div#header_submenu ul.Menu li
            {
                padding-right: 26px;
                background: url(images/mainmenu-sep.gif) no-repeat right center;
            }
            div#header_submenu ul.Menu li.MenuItemLast { padding: 0; background-image: none; }

                div#header_submenu ul.Menu a
                {
                    color: #fff;
                    text-decoration: none;
                    font-size: 8pt;
                    font-weight: bold;
                    text-transform: uppercase;
                }
        
                div#header_submenu ul.Menu li.MenuItemActive a
                {
                    color: #906694;
                }
    
                div#header_submenu ul.Menu a:hover
                {
                    color: #888;
                }