/*                         '
          .                 ,
           ~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: #9c9e9f;
}

body {
	background: #fff url('/images/layout/outerbg.png');
	margin: 0px;
	scrollbar-track-color: #FFF;
	overflow: auto;
}

big{
	font-size: 125%;
}

small{
	font-size: 85%;
	line-height: 125%;
}
h1{
	font-size: 130%;
	font-weight: normal;
	font-style: italic;
}
h2{
	font-size: 130%;
}
h5{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

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

img{
	border-width: 0px;
}

a:link,a:visited{
	color: #03c;
}
a:active,a:hover{
	color: #39f;
	text-decoration: none;
}
legend{
	color: #a0a0a0;
	padding-bottom: 5px;
}
iframe{
	width: 866px;
	height: 345px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: auto;
}
#ftpMessage{
	position: absolute;
	top: 230px;
	left: 277px;
	width: 300px;
	height: 100px;
	background: #fff;	
}

/*************************** Layout-elements ***************************/
div#outerHolder{
	text-align:center;
	position:absolute;
	top:15%;
	left:0;
	width:100%;
}
div#innerHolder{
	text-align:left;
	margin:0 0 0 -433px;
	position:absolute;
	top:-85px;
	left:50%;
	width:866px;         /* 2*|div#inner{margin-left}| */
	height:565px;        /* 2*|div#inner{top}|         */
/*	background: #fff;*/
}
div#topBar{
	height: 105px;
	padding: 5px 0 12px 0;
	border-bottom: 2px solid #9c9ea0;
}
#logo{
	float: right;
	margin: 43px -4px 0 0;
	border: 0;	
}
#topBar img.btn{
	margin: 44px 22px 0 0;
}
#topBar ul{
	margin: 0px 0 0 0;
	padding: 0;
	list-style: none;
}
#topBar ul li{
	float: left;
	margin-right: 45px;
}
#topBar ul li a,	#bottomBar ul li a{
/*	font-weight: bold;*/
	font-size: 10px;
	text-decoration: none;
}
#topBar ul li a:link, #topBar ul li a:visited,	#bottomBar ul li a:link, #bottomBar ul li a:visited{
	color: #9c9e9f;
}
#topBar ul li a:hover, #topBar ul li a:active{
	color: #acaeaf;
}
div#mainBar{
	height: 357px;
	padding: 12px 0 0 0;
	background: #fff;
}
div#bottomBar{
	min-height: 165px;
/*	height: inherit;*/

	padding-top: 6px;
	border-top: 2px solid #9c9ea0;
	background: #fff;
/*	background: url('/images/layout/slogan.gif') no-repeat right 13px;*/
}
.smIcon{
	float: right;
	border: 0;
	margin: 0 3px;
}

.portfolioHolder{
	float: left;
	width: 175px;
	background: #fff url('http://monweb01.montay.nl/images/image.gif');
}
.innerPortfolio{
	float: left;
	width: 162px;
}
/*#conceptsHolder{
	margin-right: 10px;
}*/
.portfolioHolder ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.portfolioHolder *{
	font-family: Arial, Helvetica, sans-serif;	
}

#conceptsHolder ul li a:hover, #conceptsHolder ul li a:active, #conceptsHolder a.active{
	color: #ee0055 !important;
	font-weight: bold;
}
#projectsHolder ul li a:hover, #projectsHolder ul li a:active, #projectsHolder a.active{
	color: #19141a !important;
	font-weight: bold;
}
#signHolder ul li a:hover, #signHolder ul li a:active, #signHolder a.active{
	color: #c6c6c6 !important;
	font-weight: bold;
}
/*
div.active{
	width: 518px !important;
}
*/
.conceptsHidden, .projectsHidden, .signHidden{
	float: left;
	display: none;
}

#mainPhoto{
	float: left;
	margin-right: 3px;
	width: 518px;
	height: 345px;
	background: #fff url('http://monweb01.montay.nl/images/ajax-loader.gif') no-repeat 30% 30%;
}
#mainScroller{
	float: left;
	margin-right: 3px;
	width: 518px;
	height: 345px;
	overflow: auto;
	background: #fff;
}

#titleBlock{
	float: left;
	width: 170px !important;
	height: 171px;
/*	margin-right: 1px;*/
}
#titleBlock td{
	width: 170px !important;
	padding: 0 0 10px 10px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	vertical-align: bottom;
}
.mainTitleTd{
	font-size: 90% !important;
	font-weight: normal !important;
	background-color: #a0a0a0;
}
#titleBlock td h2{
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#titleBlock td h3{
	font-size: 90%;
	margin: 3px 0 0 0;
	padding: 0;
}
.tinyPhoto{
	float: left;
	width: 84px;
	height: 84px;
	margin: 0 0 3px 3px;
	background: #999;
}

.tinyPhoto img{
	width: 84px;
	height: 84px;
}

#contentScroller{
	float: left;
	width: 330px;
	height: 161px;
	padding: 5px 7px;
	overflow: auto;
}

.tiny{
	height: 145px !important;
}

#subNav{
	float: left;
	width: 330px;
	padding: 5px 7px;
}

/*		Home blocks		*/

.homeLarge{
	float: left;
	width: 345px;
	height: 345px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
/*	cursor: pointer;*/
}
.homeSmall{
	float: left;
	width: 170px;
	height: 345px;
/*	cursor: pointer;*/
}
#home0large, #home1large, #home0small, #home1small{
	margin-right: 3px;
}
.homeSmallTop{
	margin-bottom: 3px;
}
#homeSmallPhoto{
	width: 170px;
	height: 171px;
	background-position: 50% 50%;
}
#homeBtn0large, #homeBtn0small, #homeBtn1large, #homeBtn1small, #homeBtn2large, #homeBtn2small{
	width: 160px;
	height: 26px;
	padding: 145px 0 0 10px;
	color: #fff;
	font-size: 133%;
	font-weight: bold;
	text-transform: uppercase;
}
#homeBtn0large{
	float: right;
}
#homeBtn0large, #homeBtn0small{
	background: #e41028;
}
#homeBtn1large{
	float: right;
}
#homeBtn1large, #homeBtn1small{
	background: #f08a00;
}
#homeBtn2large, #homeBtn2small{
	background: #68b022;
}
#homeBtn2large{
	float: right;
/*	margin-top: 174px;*/
}
