/* --------- P R O E F L A P P E N -------------------------------------- ----------------------------------------------------- */ #content a { text-decoration:none; border-bottom:0px solid #669966;} a .lapuit, a .lapaan { cursor:hand; padding:4px 9px 5px 8px; color:#FF0066; width:27px !important; height:24px; font-weight:bold;} a:hover .lapuit { padding:4px 9px 5px 8px; color:#441111; width:27px !important; height:24px; background: url(univ/sampshow/lapoverbg.gif) center;} #proeflaptabel .k6 a:hover { text-decoration:none; border-bottom:none; } .lapaan, a .lapaan { padding:4px 9px 5px 8px; color:#FFFFFF; width:27px !important; height:24px !important; background: url(univ/sampshow/lapaanbg.gif) center;} /* tabel met PROEFLAP beschrijving */ .laptabel { width:100%; margin:0; position:absolute; left:0px; top:33px; } .lmarge {width:188px;} .rmarge {width:20px;} html .laptabel td .intro { font:bold 100%/150% Verdana; color:#FF8800; } * html .laptabel td .intro { font:bold 80%/150% Verdana; color:#FF8800; } * html .laptabel td { vertical-align:top; margin-left:0; padding-left:0; font:normal 80%/140% Verdana;} .laptekst {height:236px; overflow:scroll; margin-right:206px; margin-bottom:15px; } .laptekst td { background-color:transparent; color:#441111; padding-bottom:5px; } .laptekst A:link, .laptekst A:visited { color:#441111; font-weight:normal; cursor: hand; text-decoration:none; font-weight:normal; border-bottom:1px dashed #FF9900;} .laptekst A:hover, .laptekst A:active { color:#FF0066; border-bottom:1px dashed #441111; } .laptekst b, .laptekst .intro { font-size:100%;} .laptekst em { color:#987878; } .nietschuin {font:normal 100% normal Verdana;} .stofdata { width:100%; } .stofdata td { padding:0; height:18px; vertical-align:top;} .per, .perb {padding:0px 1px; font-size:85%;} .perb {font-weight:bold;} .anilap {float:right; width:70px; height:70px; margin:0px;} .num { padding-right:1px;} /* No. naaldnummer */ /* beginproeflappen beeld + zoom - *+html geldig voor IE7 only */ #lap { position:absolute; top:34px; right:3px; width:200px; height:200px;} *+html #lap {top:0px;} * html #lap {top:1px;} .lapzoom { position:absolute; width:206px; top:233px; right:0px; } * html .lapzoom, *+html .lapzoom { width:205px; top:199px; } .lapzoom a, .lapzoom a:hover, .lapzoom a:visited { font: bold 11px Verdana; color:#AC9090; cursor: hand; text-decoration:none; background-color:#F4F0F0; border:1px solid #AC9090; padding:0px 2px; margin-right:3px; z-index:5;} #lapnr {width:50px; text-align:right; font: bold 11px Verdana; color:#AC9090; position:absolute; top:237px; right:5px;} * html #lapnr { top:3px; right:3px; } #lapnr b { color:#FF7700; font: bold 13px Verdana; } /* einde proeflappen beeld + zoom */ /* sorteertabel */ .headbuttons td { text-align:left; padding:0; margin:0; } button { width:100%; border:none; background:#FFE9F3; margin:0; padding:0; } /* maakt hele breedte tot aanklikbare button */ button:hover { background:#FFF9FC; cursor:hand;} /* tabel */ #proeflaptabel tr:hover { background-color:#C7E3F1;} #proeflaptabel tr:hover td { color:#441111;} #proeflaptabel { width:100%; background-color:#F4F0F0; border-left:1px solid #AC9090; border-left:28px solid white; border-bottom:4px solid white;} #proeflaptabel { width:100%; background-color:#F4F0F0; border:4px solid white; border-top:none;} #proeflaptabel td { border-top:4px solid #FFFFFF; color:#0066AA; border-right:1px dashed #AC9090; height:33px;} #proeflaptabel .k2b, #proeflaptabel .k2t { font:bold 12px/100% Verdana, sans-serif; text-transform: capitalize; text-align:center; width:5%; font-weight:bold; } #proeflaptabel .k2b {color:#FF9900;} #proeflaptabel .k2t {color:#AA9090;} .k1 {width:5%; text-align:center; font-weight:bold;} .k3 { width:29%;} .k3, .k4, .k5 { width:28%; padding:0px 7px !important; } .k6 {border:none; width:5%; text-align:center; font-size:12px;} #content td .rate1 { background: transparent url(tabgui/rate1.gif) no-repeat right bottom;} #content td .rate2 { background: transparent url(tabgui/rate2.gif) no-repeat right bottom;} #content td .rate3 { background: transparent url(tabgui/rate3.gif) no-repeat right bottom;} #content td .rate4 { background: transparent url(tabgui/rate4.gif) no-repeat right bottom;} #content td .rate5 { background: transparent url(tabgui/rate5.gif) no-repeat right bottom;} /* einde sorteertabel */ /* --------------------------------------- einde P R O E F L A P P E N --------------- */ /* uit _intro_samples.php */ h2 { left:190px; z-index:99;} body {behavior:url("../../../csshover.htc");} #contentbuiten { left:191px; right:0px; overflow:auto; position:absolute; z-index:1; height:100%; background-color:transparent; margin:0; top:0; bottom:0;} * html #contentbuiten { border-left:191px solid white; border-right:0px solid white; top:0; left:0; right:0; bottom:0; height:100%; width:100%; background-color:transparent;} #content { top:288px; bottom:50px; overflow:auto; display:block; position:absolute; z-index:1; width:100%; margin-left:-50%; left:50%; } /* basiswaarden top:31px en bottom:50px */ * html #content { border-top:288px solid white; border-bottom:51px solid white; bo\rder-bottom:50px solid white; left:0; lef\t:50%; top:0; bottom:0; height:100%; width:100%;} /* basiswaarden border-top:31px en border-bottom:50px/50px */ #lapverhaal { position:absolute; top:0px; right:0px; width:100%; z-index:2; } /* a.h.w. de head met beschrijving en foto's */ #buttonbalk {display:block; position:relative; margin:0 21px 0 191px; top:255px; background:#FFE9F3; height:32px; overflow:hidden;} * html #buttonbalk {display:inline-block; height:33px;} .aanvulbuttonbalk { position:absolute; width:40px; right:0px; top:255px; background:#FFE9F3; height:32px; } #buttonbalk div { float:left; background:#FFE9F3; border:none; border-right:1px dashed #AC9090; padding:2px 0px; text-align:center;} #buttonbalk div:hover { background:#FFF9FC; cursor:hand; } .but1 {width:5.4%;} .but2 {width:5.1%;} .but3 {width:28.1%;} .but4 {width:27.9%;} .but5 {width:28%; border:none; } .but6 {width:4.75%; border-left:1px dashed #AC9090; } * html #buttonbalk .but1 {width:5.5%;} * html #buttonbalk .but2 {width:5.2%;} * html #buttonbalk .but3 {width:28.1%;} * html #buttonbalk .but4 {width:28.1%;} * html #buttonbalk .but5 {width:28.1%; } * html #buttonbalk .but6 {width:5%; position:absolute; right:0px;} #content td a, #content td a:visited { border-bottom:0px dashed #FF0066; }