/*                         '
          .                 ,
           ~q               4
             #g        '    ]                  ;  ]
              ~#,           ]6         ]    |  f  I
               `0g      q    S         1    '       ]  ]
                 Q&     #    &   /        f   ]  ]  (  I  ]
                  #A    ]   ]2        j  , :  I  I  '     I
                   08  ' 1  iA !d     '  ' '  f  !          |
     _              00   E],K%. !    A  J ]     ]  I  |     '
      ^m_           [0N-"1&Ej  ' !  J' j  !  A  B  f  A  |      '
        ^4p        om@0qMM&Q0N&,c   " ,f ,   !  T  `  1  f         ,
          ^Mq  ]   aGK73MNWMM&#K0  6  ?  $  I  ]  ]  ]   ` ]   $   '
            #&g/AjW0W6x0&0E0#0KQbm#  ^      ?  !  !  [  ]  [   '  j
  - ,       ,#Z60gg8\ Q0N0RNQ#N#00S%,   &  ;   !  8  W  D  !  ;   ` '
     `*w   _*0MNNWT   +Q00000M#0Rg0p       6  +      !  F  '  f  ( ]   /
        9NM0&#A#M@Kt   {K#0&NgR00#M0j  &      &  J  ]   ! ]   '  ' S  ,
     +pN0QKM00NNM&&%-   ~##0M0QM000#' M^  $  K5  T  K  j  !  g  a  f  '
    qBM#M&NN&0M&MM6M9     ^~^#YM0~~  0mMh6$g #  /L| D  Z  0  0  V i  I
    `#000Q#M&80#M#M&-w   ~     \/%- \ r4-&mB\$MsgB$aMgs&g;4rg$,ps_0_,' |
      `#00MM0#8#MNX:r&      -  W  & ^  , {g', zSM8BQR$}E#MW00KD#Q#NBp0M&,,,_,__ 
       /#M0MQ&H&8MN%$ \\    e:W$ "4 '#/~6 M~9?@"07ONg9~?@~+"'^F~-=~*"*%0WM#BG0MM
         #MMM0##EM$:,     QS~&(U&  g  d ]  &    !  `7'  9
       _g@^7MMMMMT& - ) ms%M/~ "   +` 1  ) `  t
       ^   ,mMNH;E$%axN7Q0C~I         +  !    `  '
         _40V^ y 9#WZ!KA+~D   :     1
       aM*^   ,`  &  ^
   _am"~         l         '
  ^              '         Stylesheet voor Website.nl
                          (c) 2009 MonTay WebArchitects
                                  www.montay.nl

*/

*{
	font-size: 11px;
}

body,td,th {
	font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}

body {
	background: #454348;
	margin: 0px;
	scrollbar-arrow-color: #e8b62a;
	scrollbar-base-color: #444148;
	scrollbar-darkshadow-color: #444148;
	scrollbar-highlight-color: #444148;
	scrollbar-shadow-color: #444148;
	scrollbar-track-color: #444148;
}

big{
	font-size: 125%;
}

small, .small{
	font-size: 85%;
	line-height: 125%;
}
b{
	color: #aaa;
}
h1{
	font-size: 110%;
	color: #bfc000;
}
h2{
	font-size: 130%;
}
h5{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

p{
/*	margin-top: 5px; */
}

img{
	border: 1px solid #111;
}
img.noline{
	border-width: 0px !important;
}

a:link,a:visited{
	color: #bfc000;
}
a:active,a:hover{
	color: #e8b62a;
	text-decoration: none;
}

.input{
	width: 200px;
	height: 15px;
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.textarea{
	height: 65px;
	width: 200px !important;
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	overflow: auto;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formButton{
	height: 25px;
	width: 204px;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: middle;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #c7cd00;
	background: #4f4e54 !important;
	border: 2px solid #666;
/*	background: #fff;
	color: #f00;*/
}

/*************************** Layout-elements ***************************/

div#outerHolder{
	text-align:center;
	position:absolute;
	top:35%;
	left:0;
	width:100%;
}
div#innerHolder{
	text-align:left;
	margin:0 0 0 -490px;
	position:absolute;
	top:-200px;
	left:50%;
	width:980px;         /* 2*|div#inner{margin-left}| */
	height:565px;        /* 2*|div#inner{top}|         */
}
div#leftFrame{
	float: left;
	width: 200px;
	height: 208px;
	padding-top: 357px;
	background: url('/images/layout/foliage1.gif') no-repeat right 15px;
	border-right: 1px solid #111;
}
div#addressHolder{
	border-top: 1px solid #111;
	padding: 12px 20px;
	text-align: right;
	line-height: 180%;
}
div#outerContentHolder{
	float: left;
	width: 554px;
	height: 565px;
	padding: 0 12px;
	background: #454348;
	border-right: 1px solid #111;
}
div#contentPhoto{
	float: left;
	margin-top: 2px;
}
div#largePhotoHolder{
	width: 280px;
	height: 272px;
}
div#largePhotoHolder img{
	width: 270px;
	height: 270px;
}
div#thumbHolder{
	width: 280px;
	margin-top: 10px;
}
div#thumbHolder img{
	width: 35px;
	height: 35px;
	margin: 0 6px 6px 0;
	cursor: pointer;
}
div#innerContentHolder{
	float: left;
	width: 262px;
	height: 366px;
	padding: 0 5px;
	overflow: auto;
/*	background: #eee;*/
}
.largeContent{
	width: 542px !important;
}
div#rightFrame{
	float: right;
	width: 200px;
	height: 565px;
/*	padding-bottom: 342px;*/
	background: url('/images/layout/foliage.gif') no-repeat bottom left;
}
div#navHolder{
/*	height: 203px;*/
	background: #454348;
	border-bottom: 1px solid #111;
	padding: 0px 10px;
}
#navHolder ul{
	margin-left: 8px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#navHolder li{
	list-style: none;
	margin-bottom: 5px;
}
#navHolder li.active{
	list-style: url('/images/layout/bolleke.jpg');
}
#navHolder li.active a{
	font-weight: bold;
}
#navHolder a{
	text-transform: lowercase;
}
#navHolder a:link, #navHolder a:visited{
	text-decoration: none;
	color: #999;
}
#navHolder a:hover, #navHolder a:active{
	text-decoration: underline;
	color: #aaa;
	font-weight: bold;
}





/*****************************************************************************************************/


.bestelBtn{
	padding: 3px;
	font-size: 110%;
}
INPUT.spinButton {
	width: 45px;
	text-align: right;
	height: 20px !important;
	border-width: 1px;
	padding-right: 20px;					/* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
	background-repeat:no-repeat;			/* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
	background-position:100% 0%;
}
INPUT.spinButtonImg{
	background-image:url('/images/webshop/spinbtn.gif');
}
INPUT.spinBtnUp {						/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spinBtnDn {						/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}


/******************* creator styles *************************/

ul#nav, ul#nav li{
	display: inline;
}

form{
	margin: 8px;
}
small{
	font-size: 9px !important;
}
fieldset{
	width: 95%;
	float: left;
	margin: 0px auto;
}
legend{
	color: #ffb900;
	padding: 0px;
}
/*			.img{
	float: left;
}*/
.kleurCel{
	width: 23px;
	height: 23px;
	display: block;
	border: 1px solid #000;
	font-size: 10px;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	margin: 2px;
	float: left;
	cursor: pointer;
}

.activeCell{
	border: 2px solid #Fc0 !important;
	margin: 1px !important;
}

.fontRadio{
	vertical-align: middle;
	float: left;
	margin: 15px 5px;

}
.fontImage{
	margin: 2px;
	border: 1px solid #000;
	vertical-align: middle;
	cursor: pointer;
}

.accordeonHeader{
	background: #505050 /*url('/images/layout/header_top.gif') repeat-y left*/;
	width: 492px;
	padding: 1px 0 3px 15px;
	color: #c7cd00;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
/*	border-right: 1px solid #a0a0a0;*/
}
.accordeonContent{
	width: 495px !important;
	border: 1px solid #333;
	background: #4f4e54;
	padding: 5px;
	border-top: 0px;
}
.accordeonFieldset{
	padding: 0 5px;
	margin: 0 0 15px 5px;
	width: 350px;
}
#fontHolder{
	width: 320px;
	height: 95px;
	margin-left: 23px;
	overflow: auto;
}
textarea{
	width: 95%;
	height: 48px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	overflow: auto;
	border: 1px solid #a0a0a0;
}
#penzContent{
	margin: 2px 0px 0px 15px;
}
.formfield_label{
	float: left;
	width: 125px;
}
.formfield_input{
	float: left;
}
.sizeInput{
	border: 1px solid #a0a0a0;
	width: 50px;
	text-align: right;
}
.imgPreview{
	float: right;
}
/******************* creator buttons *************************/

.button{
	width: 150px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none no-repeat 50% 50%;
	cursor: pointer;
}
.bestellen{
	background-image: url('/images/buttons/bestellen.png');
}
.bestelling_plaatsen{
	background-image: url('/images/buttons/bestelling_plaatsen.png');
}
.gaterug{
	background-image: url('/images/buttons/gaterug.png');
}
.gaverder{
	background-image: url('/images/buttons/gaverder.png');
}
.gaverder_disabled{
	background-image: url('/images/buttons/gaverder_disabled.png');
	cursor: default !important;
}
.nieuwecreatie{
	background-image: url('/images/buttons/nieuwecreatie.png');
}
.opnieuw{
	background-image: url('/images/buttons/opnieuw.png');
}
.toonvoorbeeld{
	background-image: url('/images/buttons/toonvoorbeeld.png');
}
.wijzigen{
	background-image: url('/images/buttons/wijzigen.png');
}