/* CSS Document */

body { padding: 0; margin: 0; background-color: #af9f9f; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #423434 }
img { border: none; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0 0 4px 0;}
ul { margin: 2px 0 2px 0; padding: 0; }
li { margin: 1px 0 0 16px; padding: 0; }

a { text-decoration: none; color: #423434;  }
a:hover { text-decoration: none;  color: #AB0726; }

._ffbgforcer { clear: both; height: 1px; overflow: hidden; margin-top: -1px; font-size: 0; }
.small { font-size: 9px; }

#horizon { position: absolute; top: 45%; left: 0; width: 100%; height: 1px; font-size: 0; }
#background { position: absolute; top: -264px; left: 0px; width: 100%; height: 572px; }
#foreground { position: absolute; top: 0px; left: 50%; width: 780px; height: 572px; margin-left: -390px; }


#frontName { width: 316px; height: 49px; margin-bottom: 8px; }
#frontPig { width: 499px; height: 160px; margin-bottom: 10px; }
#frontText { width: 499px; height: 11px; margin-bottom: 150px; }
#siteMeter { height: 50px; margin-bottom: 10px; }
#frontClick { width: 91px; height: 7px; }
			
#header { width: 780px; height: 67px; }


#content { width: 780px; height: 461px; background: top left url(../../siteImg/content_back.gif) repeat-y; font-size: 11px; }
#col1 { position: relative; float: left; width: 587px; height: 461px; }
#col2 { position: relative; float: right; width: 193px; height: 461px; background: url(../../siteImg/motors_back.gif) no-repeat; }
#col2 table.thumbs { margin-top: 27px; margin-left: 19px; width: 144px; }
table.thumbs td.top { height: 2px; background: url(../../siteImg/pix/thumbtop.gif) repeat-x;}
table.thumbs td.top img { height: 2px; width: 144px; }
table.thumbs td.left { width: 2px; background: url(../../siteImg/pix/thumbleft.gif) repeat-y; }
table.thumbs td.left img { width: 2px; height: 18px; }
table.thumbs td.middle { background-color: #A69696; }
table.thumbs td.right { width: 2px; background: url(../../siteImg/pix/thumbright.gif) repeat-y; }
table.thumbs td.right img { width: 2px; height: 18px; }
table.thumbs td.bottom { height: 16px; background: url(../../siteImg/pix/thumbbar.gif) repeat-x; }
table.thumbs td.bottom img { height: 16px; width: 144px; }

#col1 table.full { margin: 0; }
table.full td.topleft { width: 2px; height: 2px; background: url(../../siteImg/pix/top_left.gif) repeat-x;}
table.full td.topmiddle { height: 2px; background: url(../../siteImg/pix/top.gif) repeat-x;}
table.full td.topright { width: 2px; height: 2px; background: url(../../siteImg/pix/top_right.gif) no-repeat;}
table.full td.left { width: 2px; background: url(../../siteImg/pix/thumbleft.gif) repeat-y; }
table.full td.middle { background-color: #A69696; }
table.full td.right { width: 2px; background: url(../../siteImg/pix/thumbright.gif) repeat-y; }
table.full td.botleft { width: 2px; height: 2px; background: url(../../siteImg/pix/bot_left.gif) repeat-x;}
table.full td.botmiddle { height: 2px; background: url(../../siteImg/pix/bot.gif) repeat-x;}
table.full td.botright { width: 2px; height: 2px; background: url(../../siteImg/pix/bot_right.gif) repeat-x;}

table.full td.topleft img, table.full td.topmiddle img, table.full td.topright img, table.full td.left img, table.full td.middle img, table.full td.right img, table.full td.botleft img, table.full td.botmiddle img, table.full td.botright img { height: 2px; width: 2px; }


#col2 table.counter { margin: 0; width: 140px; }
table.counter td.less { width: 16px; text-align: center; }
table.counter td.less img { width: 5px; height: 5px; }
table.counter td.text { font-size: 9px; width: 108px; text-align: center; }
table.counter td.more { width: 16px; text-align: center; }
table.counter td.more img { width: 5px; height: 5px; }

#motor1 { position: relative; margin-top: 19px; }
#motor1, #motor1 img { width: 193px; height: 165px; }
#motor2 { position: relative; margin-top: 7px; }
#motor2, #motor2 img { width: 193px; height: 134px; }
#motor3 { position: relative; }
#motor3, #motor3 img { width: 193px; height: 136px; }

#title { position: absolute; top: 2px; left: 20px; width: 540px; height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
#scroll_box { position: absolute; top: 27px; left: 20px; width: 540px; height: 429px; border: 0; overflow: auto; }
#scroll_box #left { width: 278px; float: left; height: 168px; }
#scroll_box #right { width: 258px; float: left; clear: right; height: 168px; }
#scroller { position: absolute; top: 27px; left: 572px; width: 15px; height: 434px; background: url(../../siteImg/scroller_back.gif) no-repeat }
#scroll_up, #scroll_down { position: absolute; left: 0; width: 15px; height: 22px; border: 0; cursor: pointer }
#scroll_up { top: 0; }
#scroll_down { bottom: 0; }

#chick {}

#nav { position: relative; width: 780px; height: 44px; background: top left url(../../siteImg/menu_back.gif) no-repeat; }
#pig { position: absolute; top: -28px; width: 230px; height: 57px; }
#chick { position: absolute; top: 18px; right: 1px; width: 76px; height: 9px; }
#chick img  { width: 76px; height: 9px; }
#knoppen { position: absolute; top: 30px; left: 93px; width: 680px; height: 15px; }
#knop1, #knop2, #knop3, #knop4, #knop5 { float: left; height: 14px; }
#knop1 { width: 100px; }
#knop2 { width: 101px;}
#knop3 { width: 91px; }
#knop4 { width: 117px; }
#knop5 { width: 94px; }
#knop6 { width: 69px; float: right; }