html,body {
height:100%;
}
BODY { margin: 0; padding: 0 0 20px; background: #8e9294 url(../images/page_bg.gif) repeat-x left top; }
BODY, INPUT, SELECT, TEXTAREA { color: #3a3a3a; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
IMG { border: none; vertical-align: -3px; }
H2 { margin: 0; padding: 0; color: #3a3a3a; font-size: 12px; font-weight: bold; line-height: normal; text-transform: uppercase; }
H3 { margin: 0; padding: 0; color: #ef7325; font-size: 11px; font-weight: bold; line-height: normal; text-transform: uppercase; }
H4 { margin: 0; padding: 0; color: #3a3a3a; font-size: 11px; font-weight: normal; line-height: normal; text-transform: uppercase; }
H6 { margin: 0 25px; padding: 0; color: #1D2B79; font-size: 14px; font-weight: bold; line-height: normal; text-transform: uppercase; }
P { margin: 17px 0; }
em { font-weight:bold; font-style:normal; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #ef7325; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
/* layout */
#page { background: url(../images/page_shadow.png) repeat-y left top; width: 799px; margin: 0 auto; padding: 0 10px; }
#page_admin { background: url(../images/page_shadow.png) repeat-y left top; width:1000px; margin: 0 auto; padding: 0 10px; }
#container { background: #fff url(../images/container_bg.gif) repeat-y right top; padding-top: 25px; }
#container_admin { background: #fff; padding-top:15px;}
.shBot { width: 100%; background: #e8e8e8 url(../images/sh_bot.gif) repeat-x left top; height: 8px; font-size: 0; clear: both; }
#columnLeft { float: left; width: 580px; line-height: 16px; padding-top: 17px; }
#columnLeft_admin { float: left; width: 100%; line-height: 16px; min-height:250px; }
#columnLeft P, #columnLeft H2, #columnLeft H3, #columnLeft UL, #columnLeft OL { padding-left: 25px; padding-right: 30px; }
#columnLeft_admin P, #columnLeft_admin H2, #columnLeft_admin H3, #columnLeft_admin UL, #columnLeft_admin OL, #columnLeft_admin table { padding-left: 25px; padding-right: 30px; }
#columnLeft_admin td {font-size:11px; cursor:pointer; padding:4px; }
#columnRight { float: left; width: 218px; line-height: 16px; padding: 17px 0; border-left: 1px solid #cfd0d5; text-align: center; }
#columnRight H2, #columnRight H3 { padding: 0 10px; }
#columnRight P { padding-left: 20px; padding-right: 20px; }
#columnRight div.block { border-top: 1px solid #aeaeae; text-align: left; }
#columnRight div.block h1 { border-top: 1px solid #f7f7f7; height: 32px; line-height: 32px; color: #3A3A3A; text-transform: uppercase; background-color: #e1e1e1; width: auto; margin: 0; padding: 0; font-size: 12px; text-align: left; padding: 0 12px;}
#columnRight div.block div.item { color: #3a3a3a; margin: 10px 12px;}
#columnRight div.block div.item a { color: #1D2B79; }
#columnRight div.block a.read-more { color: #1D2B79; font-weight: bold; text-decoration: none; padding: 6px 12px; display: inline-block;}
/* header */
#header { position: relative; background: #e96b1b url(../images/header.jpg) no-repeat left top; padding: 8px 0 0 40px; height: 122px; }
#page_admin #header { position: relative; background: #e96b1b url(../images/header_admin.jpg) no-repeat left top; padding: 8px 0 0 40px; height: 122px; }
#header H1 { margin: 0; padding: 0; }
#OrthoProof { display: block; width: 280px; height: 78px; background: url(../images/OrthoProof.png) no-repeat left top; text-indent: -5000px; }
#language { position: absolute; top: 52px; right: 17px; background: url(../images/language_bg.gif) no-repeat left top; width: 140px; height: 36px; padding-left: 7px; }
#language A { display: block; float: left; width: 32px; height: 19px; background-position: 0 0; background-repeat: no-repeat; margin: 8px 6px; text-indent: -5000px; }
#language .en { background-image: url(../images/language_en.png); }
#language .de { background-image: url(../images/language_de.png); }
#language .fr { background-image: url(../images/language_fr.png); }
#language .nl { background-image: url(../images/language_nl.png); }
/* menu */
#navBar { background: #e8e8e8 url(../images/sh_top.gif) repeat-x left bottom; height: 40px; }
#navBar UL { margin: 0; padding: 0; list-style: none; background: #44477c url(../images/back.png) repeat-x; background-position: 481px 0; height: 32px; }
#navBar UL LI { float: left; }
#navBar UL LI.last { float: right; }
#navBar UL LI A { display: block; height: 32px; background-repeat: no-repeat; background-position: 0 0; color: #fff; text-indent: -5000px; }
/* Engels */
#navBar A:hover.modellen { background-image: url(../images/menu/3d_modellen.png); width: 125px; background-position: 0 -32px; }
#navBar A:hover.orthoproof { background-image: url(../images/menu/orthoproof.png); width: 121px; background-position: 0 -32px; }
#navBar A:hover.downloaden { background-image: url(../images/menu/nu_downloaden.png); width: 144px; background-position: 0 -32px; }
#navBar A:hover.contact { background-image: url(../images/menu/contact.png); width: 91px; background-position: 0 -32px; }
#navBar A:hover.links { background-image: url(../images/menu/links.png); width: 72px; background-position: 0 -32px; }
/* IE6 fix: andere class */
#navBar A.active-modellen { background-image: url(../images/menu/3d_modellen.png); width: 125px; background-position: 0 -32px; }
#navBar A.active-orthoproof { background-image: url(../images/menu/orthoproof.png); width: 121px; background-position: 0 -32px; }
#navBar A.active-downloaden { background-image: url(../images/menu/nu_downloaden.png); width: 144px; background-position: 0 -32px; }
#navBar A.active-contact { background-image: url(../images/menu/contact.png); width: 91px; background-position: 0 -32px; }
#navBar A.active-links { background-image: url(../images/menu/links.png); width: 72px; background-position: 0 -32px; }
/* normaal*/
#navBar A.modellen { background-image: url(../images/menu/3d_modellen.png); width: 125px; }
#navBar A.orthoproof { background-image: url(../images/menu/orthoproof.png); width: 121px; }
#navBar A.downloaden { background-image: url(../images/menu/nu_downloaden.png); width: 144px; }
#navBar A.contact { background-image: url(../images/menu/contact.png); width: 91px; }
#navBar A.links { background-image: url(../images/menu/links.png); width: 72px; }
/* Duits */
#navBar A:hover.modelle { background-image: url(../de/images/3d-modelle.png); width: 125px; background-position: 0 -32px; }
#navBar A:hover.heruntladen { background-image: url(../de/images/heruntladen.png); width: 195px; background-position: 0 -32px; }
#navBar A:hover.kontakt { background-image: url(../de/images/kontakt.png); width: 109px; background-position: 0 -32px; }
/* Pokke IE6 */
#navBar A.active-modelle { background-image: url(../de/images/3d-modelle.png); width: 125px; background-position: 0 -32px; }
#navBar A.active-heruntladen { background-image: url(../de/images/heruntladen.png); width: 195px; background-position: 0 -32px; }
#navBar A.active-kontakt { background-image: url(../de/images/kontakt.png); width: 109px; background-position: 0 -32px; }
/* normaal */
#navBar A.modelle { background-image: url(../de/images/3d-modelle.png); width: 125px; }
#navBar A.heruntladen { background-image: url(../de/images/heruntladen.png); width: 195px; }
#navBar A.kontakt { background-image: url(../de/images/kontakt.png); width: 109px; }
/* Frans */
#navBar A:hover.modeles-3d { background-image: url(../fr/images/modeles-3d.png); width: 125px; background-position: 0 -32px; }
#navBar A:hover.orthoproof { background-image: url(../fr/images/orthoproof.png); width: 121px; background-position: 0 -32px; }
#navBar A:hover.telechargez { background-image: url(../fr/images/telechargez.png); width: 224px; background-position: 0 -32px; }
/* Takke IE6 heeft problemen met .models-3d.active dubbele classes. */
#navBar A.active-modeles-3d { background-image: url(../fr/images/modeles-3d.png); width: 125px; background-position: 0 -32px; }
#navBar A.active-orthoproof { background-image: url(../fr/images/orthoproof.png); width: 121px; background-position: 0 -32px; }
#navBar A.active-telechargez { background-image: url(../fr/images/telechargez.png); width: 224px; background-position: 0 -32px; }
/* Normaal */
#navBar A.modeles-3d { background-image: url(../fr/images/modeles-3d.png); width: 125px; }
#navBar A.orthoproof { background-image: url(../fr/images/orthoproof.png); width: 121px; }
#navBar A.telechargez { background-image: url(../fr/images/telechargez.png); width: 224px; }
/* Nederlands */
#navBar A:hover.nl-modellen { background: url(../images/menu/menu-nl-compleet.png) -0 -32px; width: 119px; }
#navBar A:hover.nl-orthoproof { background: url(../images/menu/menu-nl-compleet.png) -119px -32px; width: 114px; }
#navBar A:hover.nl-downloaden { background: url(../images/menu/menu-nl-compleet.png) -233px -32px; width: 118px; }
#navBar A:hover.nl-actueel { background: url(../images/menu/menu-nl-compleet.png) -351px -32px; width: 84px; }
#navBar A:hover.nl-agenda { background: url(../images/menu/menu-nl-compleet.png) -435px -32px; width: 81px; }
#navBar A:hover.nl-werkwijze { background: url(../images/menu/menu-nl-compleet.png) -516px -32px; width: 102px; }
#navBar A:hover.nl-contact { background: url(../images/menu/menu-nl-compleet.png) -618px -32px; width: 89px; }
#navBar A:hover.nl-support { background: url(../images/menu/menu-nl-compleet.png) -707px -32px; width: 92px; }
#navBar A:hover.links { background-image: url(../images/menu/links.png) bottom; width: 72px; }
/* F***ING IE6 */
#navBar A.active-nl-modellen { background: url(../images/menu/menu-nl-compleet.png) -0 -32px !important; width: 119px; }
#navBar A.active-nl-orthoproof { background: url(../images/menu/menu-nl-compleet.png) -119px -32px !important; width: 114px; }
#navBar A.active-nl-downloaden { background: url(../images/menu/menu-nl-compleet.png) -233px -32px !important; width: 118px; }
#navBar A.active-nl-actueel { background: url(../images/menu/menu-nl-compleet.png) -351px -32px !important; width: 84px; }
#navBar A.active-nl-agenda { background: url(../images/menu/menu-nl-compleet.png) -435px -32px !important; width: 81px; }
#navBar A.active-nl-werkwijze { background: url(../images/menu/menu-nl-compleet.png) -516px -32px !important; width: 102px; }
#navBar A.active-nl-contact { background: url(../images/menu/menu-nl-compleet.png) -618px -32px !important; width: 89px; }
#navBar A.active-nl-support { background: url(../images/menu/menu-nl-compleet.png) -707px -32px !important; width: 92px; }
#navBar A.active-links { background: url(../images/menu/links.png) bottom; width: 72px; }
/* Normaal*/
#navBar A.nl-modellen { background: url(../images/menu/menu-nl-compleet.png) -0 0; width: 119px; }
#navBar A.nl-orthoproof { background: url(../images/menu/menu-nl-compleet.png) -119px 0; width: 114px; }
#navBar A.nl-downloaden { background: url(../images/menu/menu-nl-compleet.png) -233px 0; width: 118px; }
#navBar A.nl-actueel { background: url(../images/menu/menu-nl-compleet.png) -351px 0; width: 84px; }
#navBar A.nl-agenda { background: url(../images/menu/menu-nl-compleet.png) -435px 0; width: 81px; }
#navBar A.nl-werkwijze { background: url(../images/menu/menu-nl-compleet.png) -516px 0; width: 102px; }
#navBar A.nl-contact { background: url(../images/menu/menu-nl-compleet.png) -618px 0; width: 89px; }
#navBar A.nl-support { background: url(../images/menu/menu-nl-compleet.png) -707px 0; width: 92px; }
#navBar A.links { background-image: url(../images/menu/links.png); width: 72px; }
/* block */
.blk { background-color: #f4f5f9; padding: 20px 0; }
.blk2 { background-color: #E0E4F4; padding: 20px 0; }
.blk2 p {
font-size:14px;
line-height: 18px;
}
.blk2 img{
margin: 10px 0 10px 25px;
border:1px solid #FFFFFF;
}
.imageBrd { background-color: #fff; padding: 5px; border: 1px solid #d1d1d1; }
UL.listNum { margin-left: 0; list-style: none; }
UL.listNum LI { clear: both; margin-bottom: 3px; }
UL.listNum A:link { color: #1D2B79; text-decoration: underline; }
UL.listNum A:visited { text-decoration: underline; color:#474747; }
UL.listNum A:active { text-decoration: underline; color:#FF6600; }
UL.listNum A:hover { text-decoration: none; color:#474747; }
A.one, A.two, A.three, A.four, A.five, A.six, A.seven, A.eight, A.nine { float: left; display: block; width: 14px; height: 14px; margin-top: 1px; margin-right: 12px; text-indent: -5000px; }
UL.listNum A.one { background: url(../images/1.gif) no-repeat; }
UL.listNum A.two { background: url(../images/2.gif) no-repeat; }
UL.listNum A.three { background: url(../images/3.gif) no-repeat; }
UL.listNum A.four { background: url(../images/4.gif) no-repeat; }
UL.listNum A.five { background: url(../images/5.gif) no-repeat; }
UL.listNum A.six { background: url(../images/6.gif) no-repeat; }
UL.listNum A.seven { background: url(../images/7.gif) no-repeat; }
UL.listNum A.eight { background: url(../images/8.gif) no-repeat; }
UL.listNum A.nine { background: url(../images/9.gif) no-repeat; }
/* footer */
#footer { background: url(../images/page_shadow_bot.png) no-repeat left top; width: 799px; height: 32px; margin: 0 auto; padding: 0 10px 10px; }
#footer_admin { background: url(../images/page_shadow_bot.png) no-repeat left top; width: 1000px; height: 32px; margin: 0 auto; padding: 0 10px 10px; }
#footer .address { background: url(../images/footer_bg.gif) repeat-x left top; border-left: 1px solid #5d608e; border-right: 1px solid #5d608e; height: 22px; color: #fff; font-size: 9px; font-family: Tahoma; padding-top: 10px; text-align: center; }
#footer_admin .address { background: url(../images/footer_bg.gif) repeat-x left top; border-left: 1px solid #5d608e; border-right: 1px solid #5d608e; height: 22px; color: #fff; font-size: 9px; font-family: Tahoma; padding-top: 10px; text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; font-size: 0; line-height: 0; }
/* CONTENT :: DOWNLOAD */
.formulier {
margin: 0 0 0 25px;
}
.formulier label {
width: 180px;
display: block;
line-height: 12px;
float: left;
margin: 0 0 4px 0;
}
.content .inlog input {
margin: 0 0 4px 0;
}
.content .inlog label.important {
font-weight: bold;
}
#trans_container {
position: fixed;
width:100%;
height:100%;
left:0px;
bottom:0px;
background:url(../images/cont_back.png) repeat;
}
#trans_container .footer {
position:absolute;
bottom:0px;
}
#form_block{
display:block;
position: fixed;
width: 500px;
height: 290px;
!height: 340px;
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -150px;
z-index:501;
background:#fff;
padding:25px 10px;
}
#login_block{
position: relative;
width: 400px;
height: 100px;
top: 130px;
left: 50%;
margin-left: -230px;
margin-top: -150px;
z-index:501;
background:#fff;
border:1px solid #ccc;
padding:30px;
}
#form_block #close {
position:absolute;
top:0px;
right:0px;
font-family:Wingdings;
line-height:normal;
color:red;
font-size:24px;
margin:0;
cursor:pointer;
z-index:999;
}
.pages {
position:absolute;
left:0px;
bottom:0px;
background:#ddd;
height:13px;
width:100%;
text-align:center;
padding:6px 0;
}
.pages_top {
position:absolute;
left:0px;
top:0px;
background:#ddd;
height:13px;
width:100%;
text-align:center;
padding:6px 0;
}
#download a {color:#fff; font-weight:bold; text-decoration:none; }
#logout {
float:right;
height:30px;
width:100px;
font-size:24px;
color:#fff;
font-weight:bold;
margin-top:-28px;
margin-right:20px;
cursor:pointer;
}
.uitleg {
float:left;
width:120px;
margin-left:25px;
padding:5px;
text-align:center;
font-weight:bold;
color:#000;
margin-bottom:5px;
}
.cls {
text-align:center;
font-size: 10px;
}
.cls a {
color:#CCCCCC;
}
div.wasbeet-banner {
background-image: url(../images/wasbeet/banner.jpg);
border: 1px solid #dedede;
width: 176px;
height: 132px;
margin: 20px;
position: relative;
}
div.wasbeet-banner span ,
div.wasbeet-banner a {
text-decoration: none;
color: #1D2B79;
color: #141883;
margin: 20px;
width: 136px;
height: 92px;
display: inline-block;
line-height: 23px;
font-weight: bold;
font-size: 15px;
position: absolute;
}
div.wasbeet-banner span {
color: #4A4A4A;
position: absolute;
top: 1px;
left: 1px;
}
/* FAQ */
ul.listNum li a { background: no-repeat left; padding-left: 20px; }
ul.listNum li a.no-number { padding-left: 0px; }
div.faq-answer { background: #f7f7f7; border: 1px solid #aeaeae; margin: 0 20px 20px 20px; float: left;}
div.faq-answer img { float: right; }
/* Actueel / Agenda */
div.nieuws-item {
border-bottom: 1px solid #aeaeae;
margin: 12px 25px;
}
#columnLeft div.nieuws-item h2,
#columnLeft div.nieuws-item h3 {
padding: 0;
}
span.nieuws-body {
display: block;
margin: 5px 0px;
}
span.nieuws-body .intro {
color: #1a1e5f;
font-weight: bold;
padding-bottom: 12px;
display: block;
}
a.read-more { color: #1D2B79; font-weight: normal; text-decoration: underline; margin: 0 0 15px 0; display: block;}
div#movie.large {
position: absolute;
top: 0;
left: 0;
}
a.default {
display: none;
}
a.large {
position: absolute;
top: 0;
left: 1295px;
display: block;
width: 30px;
height: 30px;
background: url(../images/movie-close.gif);
text-indent: -10000px;
}