body { font-family: Arial, Verdana, sans-serif; font-size: 91%; margin: 0; padding: 20px 0 0 0; background-color: #EBE9E1; height:100%; min-width: 960px; }

div, p, ul { font-family: Verdana, Palatino, Times New Roman, serif; text-align: justify; }
a { color: #993512; }

.body { background-color: white; width: 960px; height: 628px; margin: 0 auto; text-align: left; border: 6px solid white; }

.col-left { float: left; width: 161px; height: 628px; background: url('/images/bg_left.jpg') no-repeat top left; }
.col-right { float: left;}
.col-right .header { width: 799px; height: 123px; background: url('/images/bg_top.jpg') no-repeat top left; }
.col-right .header-home { position: relative; background: #fff; width: 799px; height: 123px; overflow: hidden; margin: 0; padding: 0; }
.header-home img { position: absolute; border-right: 2px solid white; border-bottom: 2px solid white; height: 121px; margin: 0; padding: 0; display: none;}
.col-right .content { width: 799px; height: 505px; background: url('/images/bg_content.jpg') no-repeat top left; }
.clear { clear: both; }
.fright { float: right; }
.footer { margin: 5px 0 0 0; text-align: center; font-size: 75%; color: #9d9b91; }
.footer a { color: #9d9b91; }
#slider img { border-left: 2px solid white; }


.menu { margin: 0px 0px 0 58px; padding: 15px 7px 0 0; }
.menu li { font-size: 152%; color: #f1f1f1; font-weight: bold; padding: 10px 65px 0 0;  display: inline; list-style-type: none; font-family: Palatino, Times New Roman; }
.menu li a { color: #f5f5f5; text-decoration: none; }
.menu li a:hover { color: #fff; text-decoration: underline; }
.menu li a.selected { color: #000; text-decoration: underline; }
.logo { position: relative; margin-top: 10px; left: -50px; }

.bg-center { position: relative; width: 576px; height: 425px; left: -2px; top: 40px; background: url('/images/bg_center.jpg') no-repeat top left; }

.main-center { position: relative; width: 799px; height: 425px; left: -50px; top: 62px; }
.content-left { float: left; height: 400px; width: 230px; font-family: Palatino, Times New Roman; }
.content-left h2 { color: #9a3512; margin: 0; padding: 0; font-size: 140%; }
.content-left .submenu { margin: 0; padding: 25px 0 5px 30px; border-top: 1px solid #9a3512; border-right: 1px solid #9a3512; height: 315px; width: 180px; list-style-type: none;  }
.content-left .submenu li { margin-left: 20px; }
.submenu a { color: #9a3512; line-height: 25px; text-decoration: none; font-family: Palatino, Times New Roman; }
.submenu a:hover { text-decoration: underline; font-weight: bold; }

.content-right { float: left; height: 350px; width: 550px; overflow: none; font-family: Verdana, Arial, sans-serif; }
.content-right p { margin: 1px 0 18px 0; padding: 0; font-size: 87%; }
.photobox {position: relative; float: left;  } 
.photobox-l { float: left; width: 250px; text-align: right; margin: 0 20px 20px  0; }
.photobox-r { float: left; width: 250px; text-align: left; }
.photobox-l img, .photobox-r img { padding: 4px; background: #fff;  border: 1px solid #ccc;}

.italic { font-style: italic; font-size: 89%; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 80%; }

.logo-center { position: relative; margin-top: 15px; left: -57px; }
.fatred { float: left; font-size: 142%; color: #9a3512; font-weight: 500; margin: 20px 0 0 0px; width: 300px; line-height: 130%; font-family: Palatino, Times New Roman; }
.fatred a { text-decoration: none; }
.maquette { position: relative; float: left; top: -30px; left: 238px;  text-align: center; color: white; font-size: 86%; padding-top: 15px;  width: 210px; height: 289px; background: url('/images/maquette.jpg') no-repeat top left;  }
.contact { position: relative; float: left; left: 128px;  text-align: center; color: #000; font-size: 96%; padding-top: 15px;  width: 350px; height: 355px; background: url('/images/contact.jpg') no-repeat bottom left;  }
.contact h4 {margin: 0 0 20px 0; padding: 0}
.maquette-atelier { position: absolute; float: left; left: 225px;  text-align: center; color: #000; font-size: 96%; padding-top: 15px;  width: 624px; height: 355px; background: url('/images/maquette_atelier.jpg') no-repeat bottom left;  }
.toonzaal { position: absolute; left: 225px; float: left; text-align: left; color: #000; font-size: 96%; width: 600px; height: 355px; }
.toonzaal p { position: relative; margin: 0 0 20px 0; padding: 0; }

.atelier-img { position: relative; overflow: hidden; width: 560px; height: 215px; }
.atelier-img img { clear: none; float: left; border-right: 2px solid white; overflow: hidden; }

/* ColorBox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#EBE9E1;}

#colorBox{}
        #cboxTopLeft{width:27px; height:27px; background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
        #cboxTopCenter{height:27px; background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
        #cboxTopRight{width:27px; height:27px; background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
        #cboxBottomLeft{width:27px; height:27px; background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
        #cboxBottomCenter{height:27px; background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
        #cboxBottomRight{width:27px; height:27px; background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
        #cboxMiddleLeft{width:27px; background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
        #cboxMiddleRight{width:27px; background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
        #cboxContent{background:#fff;}
            #cboxLoadedContent{margin-bottom:20px;}
            #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#3c3b35; font-size:90%; }
            #cboxCurrent{ position: relative; display: none; left: -10000px; }
            #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#98958b;}
            #cboxPrevious{position:absolute; bottom:0px; left:0; color:#aaa; font-size: 75%; }
            #cboxNext{position:absolute; bottom:0px; left:46px; color:#aaa; font-size: 75%; }
            #cboxLoadingOverlay{background:url(/images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
            #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#aaa; font-size: 75%;}