/* CSS Document */
body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #eee; line-height: 16px; text-align: center; background: #444 url(../../siteImg/backgrounds/body_bg.gif) top center repeat-y; }
p { margin: 0; padding: 0; margin-bottom: 20px; } 
img { border: none; }
form { margin: 0; padding: 0; display: block; }
hr { height: 0; border: 0; border-top: 1px solid #686868; } 

a { color: #e4ff41; }
a:visited { color: #AAA; }
a:hover { color: #FFF; }

input { width: 119px; }
textarea { width: 136px; height: 100px; overflow: hidden; }
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 1px 3px; margin: 5px 0; font-size: 10px; color: #EEE; background-color: #777; border: 1px solid #999; }
input:hover, input:focus, textarea:hover, textarea:focus { color: #FFF; background-color: #999; border: 1px solid #EEE; }

blockquote { margin: 0; background: #686868 url(../../siteImg/rond_tr.gif) no-repeat top right; } 
blockquote span { display: block; padding: 5px; background: url(../../siteImg/rond_br.gif) no-repeat bottom right; }

h1 { clear: both; line-height: 16px; text-indent: 6px; font-size: 10px; text-transform: uppercase; color: #19ff18; background: #686868 url(../../siteImg/rond_tr.gif) no-repeat top right; }
h1 span { display: block; background: url(../../siteImg/rond_br.gif) no-repeat bottom right; }


/* HEADER */
#topmenu { height: 30px; width: 100%; background: #5ca600 url(../../siteImg/backgrounds/top.gif) top center repeat-y; }

#menu { width: 768px; margin: 0 auto; text-align: left; }
#menu ul { margin: 0; padding: 0; line-height: normal; }
#menu ul li { width: 89px; display: inline; float: left; padding-top: 6px; list-style: none; text-align: center; }
#menu ul li a { font-size: 11px; display: block; text-decoration: none; text-transform: uppercase; padding-bottom: 11px; color: #161615; }
#menu ul li a:hover, #menu ul li a.active { font-weight: bold; color: #161615; background: url(../../siteImg/menutab.gif) no-repeat bottom center; }
#logo { float: right; }
#logo { width: 171px; height: 30px; }


/* CONTENT */
#content { clear: both; width: 768px; margin: 0 auto; text-align: left; height: auto;  }
#content ol li { color: #9BE4FF; }
#content ol li span { color: #EEE; }
#content ul { padding-bottom: 10px; }
#content ul li { list-style-image: url(../../siteImg/li_bullet.gif); }

#text { float: left; width: 418px; padding: 20px 5px 20px 18px; }
#madame { position: relative; float: left; width: 158px; height: 605px; vertical-align: top; background: url(../../siteImg/madame.jpg) top center no-repeat; }
#madame img { position: relative; left: 24px; top: 585px; width: 108px; height: 10px; border: none; }
#portfolioFrame { width: 408px; height: 180px; overflow: auto; }
#portfolioFrameScroll { width: 408px; height: 148px; overflow: hidden; }
#portfolioNoFrame { position: relative; min-height: 142px; _height: 142px; clear: both; }
#portfolioNoFrame img { border: 1px sollid #5E8C41; margin: 1px; }
#portfolioFrame img, #portfolioNoFrame img, #portfolioFrameScroll img { filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }
#portfolioFrame img:hover, #portfolioNoFrame img:hover, #portfolioFrameScroll img:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

/* ZIJKANT */
#sideBar { float: right; width: 145px; padding: 20px 12px 20px 0; }
#sideBar h1 { text-align: right; background: #686868 url(../../siteImg/rond_tl.gif) no-repeat top left; }
#sideBar h1 span { display: block; background: url(../../siteImg/rond_bl.gif) no-repeat bottom left; margin-right: 6px; }
#sideBar p { margin: 14px 0; }

/* SUBMENU */
.sideMenu { padding: 10px 0; margin-bottom: 20px; }
.sideMenu a { display: block; text-align: right; text-decoration: none; margin-bottom: 6px; }
.sideMenu a span { display: block; padding: 0px; }
.sideMenu a:hover { background: #686868 url(../../siteImg/rond_tl.gif) no-repeat top left; }
.sideMenu a:hover span { background: url(../../siteImg/rond_bl.gif) no-repeat bottom left; }

/* COMMENTS */
#comments p { padding: 5px; margin-bottom: 0; font-size: 10px; line-height: 16px; background: #686868 url(../../siteImg/rond_tl.gif) no-repeat top left; }
#comments p span.author { display: block; margin-top: 4px; text-align: right; font-weight: normal; }
#comments p span.author a { font-weight: bold; color: #19ff18; }
#comments img { margin-top: -1px; }
#comments a { color: #e4ff41; }

#commentsbig { width: 418px; margin-top: 20px; }
#commentsbig p { padding: 0; margin-bottom: 20px; font-size: 10px; line-height: 16px; }
#commentsbig a { color: #19ff18; }

/* OVERIGE */
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
img.left { padding: 5px 5px 5px 0; }
img.right { padding: 5px 0 5px 5px; }

.nop { padding: 0; margin: 0;}
.button { width: auto; cursor: pointer; }

.date { font-weight: normal; }