@import url(sportenergie.css);

#Venster * {font-family:Arial;}
#Body {background:transparent;}

html, body,#centreer,#sitewarp {
height: 100%;
}

#sitewarp{width:981px;}


#hoofdmenu,
.clinks #Menu,
.contact *{sdisplay:none!important;}

#site {
position: relative;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
}

#footerw {
position: absolute;
bottom: 0; /* heel belangrijk */
height:60px;
width:979px;padding-top:15px;sbackground:white url(../JPG/Bg_footer.jpg) no-repeat top;background:white;
margin-left:1px;padding-left:20px;
}

#site {width:981px;float:left;text-align:left;background:url(../GIF/Bg_site3.gif) repeat-y;}
#midden{width:981px;float:left;padding-bottom:60px;position:relative;}
.InIE #midden{float:none;}

/*Opzet*/
#header{width:981px;float:left;background:white;height:92px;position:relative;z-index:1;}
.InIE #header{float:none;}

#content{width:981px;float:left;position:relative;z-index:3;top:-13px;}
#bgcontent{width:981px;float:left;sposition:relative;sz-index:3;background:url(../GIF/Bg_site2.gif) repeat-y;}

#toupet{background-position:bottom;background-repeat:no-repeat;width:981px;height:24px;position:absolute;z-index:5;top:68px;left:0px;}

#links{width:719px;float:left;margin-left:5px;position:relative;display:inline;
min-height:500px;
height:auto !important; /* voor moderne Browser */
height:500px;}
.InIE #links{padding-bottom:60px;}
#afbeelding{position:absolute;z-index:1;top:0p;left:0px;width:719px;height:205px;}
#afbeelding_png{position:absolute;z-index:2;top:0px;left:0px;width:719px;height:205px;}
#watermerk{position:absolute;z-index:3;top:136px;left:0px;width:292px;height:438px;}
#logo{position:absolute;z-index:4;top:35px;left:20px;width:178px;height:59px;}
#contentinhoud{position:relative;z-index:4;margin-top:120px;left:0px;float:left;width:719px;}
.InIE #contentinhoud{float:none;top:120px;margin-top:0px;}/*moet zo omdat IE relative en floats niet goed afhandeld.*/
#contentinhoud .clinks{width:227px;float:left;}
#contentinhoud .crechts{width:492px;float:left;}
.contentTekst{width:492px;float:left;padding:20px 30px;padding-bottom:60px;}
#rechts{width:243px;float:left;height:300px;}
#rechts .contact{margin-left:9px;display:inline;}
#banners{float:left;width:243px;margin-left:9px;position:relative;top:-15px;padding-left:20px;display:inline;}


.scheiding_rechts{width:251px;height:41px;float:left;margin-left:5px;background-repeat:no-repeat;position:relative;top:-15px;display:inline;}

#nwefooter{width:981px;height:115px;float:left;position:relative;z-index:1;top:13px;}
#swittebalk{width:600px;height:13px;float:left;position:absolute;background:white;z-index:8;right:1px;bottom:-13px;sbackground:yellow;}

/*ALGEMEEN*/
.Paragraaf_Tekst{line-height:150%;}
.Paragraaf_Tekst A{text-decoration:underline;}
.Paragraaf_Tekst A:hover{text-decoration:none;}

.contentTekst .Titel{width:432px;text-align:right;margin-bottom:15px;padding-bottom:2px;}
.contentTekst .Paragraaf_Titel{font-weight: bold;}
.contentTekst .Paragraaf{padding-bottom:20px;}

#banners .Paragraaf_Titel{display:none;}

OL,UL,
OL LI,
UL LI{margin:0px;padding:0px;}
OL,UL{padding-left:20px;}

/*HOME*/
#home_kromming{width:977px;height:27px;position:absolute;z-index:3;left:3px;top:165px;}
.O0 .I849 #footerw{sbackground:white url(../JPG/Bg_footer_home.jpg) no-repeat top;background:white;}
.O0 .I849 #site{sbackground:url(../GIF/Bg_site_home.gif) repeat-y;}
.O0 .I849 #bgcontent{background:url(../GIF/Bg_site_home.gif) repeat-y;}
#hometop{width:971px;float:left;margin-left:5px;height:179px;background:url(../GIF/Bg_hometop.gif) repeat-y;display:inline;}
#hometop .links{width:719px;float:left;margin-right:9px;height:179px;sbackground:url(../JPG/Bg_hometop.jpg) repeat-x;background:white;display:inline;}
#rechts .contact,
#hometop .rechts{width:243px;float:left;height:179px;sbackground:url(../JPG/Bg_hometop.jpg) repeat-x;padding-right:20px;background:transparent;}
#hometop .links .Paragraaf{margin-left:35px;margin-top:69px;float:left;}
.directcontact{height:17px;width:210px;float:right;background:url(../JPG/Bg_directcontact.jpg) no-repeat;margin-top:30px;}
#rechts .contact .Paragraaf,
#hometop .rechts .Paragraaf{float:right;margin-top:18px;width:200px;}

#hlinks{width:478px;float:left;margin-left:8px;display:inline;}
#afbeeldinglinks{width:478px;height:250px;float:left;position:relative;}
#tekstlinks{}
#afbl_png{width:477px;height:250px;position:absolute;left:0px;top:0px;z-index:2;}
.contact .Paragraaf_Titel,
#hometop .Paragraaf_Titel,
#tekstlinks .Paragraaf_Titel,
#tekstrechts .Paragraaf_Titel{display:none;}
.contact .Paragraaf,
#hometop .rechts .Paragraaf{text-align:right;}

#hrechts{width:479px;float:left;margin-left:8px;}
#afbeeldingrechts{width:479px;height:250px;float:left;position:relative;}
#tekstrechts{}
#afbr_png{width:476px;height:250px;position:absolute;left:0px;top:0px;z-index:2;}

.htekst{padding:20px;padding-right:10px;width:100%;float:left;}
.leesmeer{width:87px;height:21px;background:url(../JPG/Lees_meer_blauw.jpg) no-repeat;float:right;margin-right:10px;}
#tekstlinks .leesmeer{background:url(../JPG/Lees_meer_oranje.jpg) no-repeat;float:left;}

#logo_home{width:208px;height:54px;float:left;margin:60px 0 0 27px;}

/*Formulier*/
.Veld{width:100%;float:left;margin-bottom:5px;}
.Veld .Label{width:150px;float:left;}
.Tekstregel INPUT{width:280px;float:left;}
.Radiogroep .Groep{width:280px;float:left;}
.Radiogroep .Optie{display:block;}
.Veld SELECT{width:280px;float:left;}
.Veld TEXTAREA{width:430px;float:left;height:60px;overflow:auto;}
#VerzendKnop{margin-top: 10px;width:150px;padding-left: 5px; color:white;background:url(../GIF/Bg_verzendknop.gif);border:none;cursor:pointer;height: 21px;float:right;margin-right:3px;}

/*Ankers*/
#Ankers{float:left;margin-bottom:20px;width:100%;}
#Ankers A{float:left;width:100%;margin-bottom:4px;}
#Ankers A:hover{text-decoration:none;}
.O0 .T1 .contentTekst #TopLink{text-decoration:underline;float:right;swidth:111px;display:block;sheight:21px;bsackground:url(../GIF/Bg_toplink.gif) no-repeat;margin-bottom:5px;}
.O0 .T1 .contentTekst #TopLink:hover{text-decoration:none;}

/*Hoofdmenu*/
#hoofdmenu{width:900px;height:37px;smargin-top:46px;z-index:4;top:46px;left:0px;position:absolute;}
#hoofdmenu span{height:31px;float:left;cursor:hand;cursor:pointer;}
#hoofdmenu A{float:left;width:auto;height:31px;background:url(../JPG/Bg_menu_A.jpg) no-repeat right top;text-decoration:none;position:relative;}
#hoofdmenu .B0 A{background-color:white;}
#hoofdmenu .O0 A{background:none;}
#hoofdmenu A .cimpleTitel{float:left;padding:7px 10px 0 15px;text-align:center;}
#hoofdmenu A .menurechts{float:left;width:5px;overflow:hidden;}

#hoofdmenu .B0 span,
#hoofdmenu .B0 A{height:37px;}
#hoofdmenu .B1 span,
#hoofdmenu .B1 A{height:35px;}
#hoofdmenu .B2 span,
#hoofdmenu .B1 A{height:33px;}

#hoofdmenu .R A .cimpleTitel,
#hoofdmenu A:hover .cimpleTitel{background:url(../JPG/Bg_menu_links.jpg) no-repeat left top;}
#hoofdmenu .R .menurechts,
#hoofdmenu A:hover .menurechts{background:url(../JPG/Bg_menu_rechts.jpg) no-repeat top;}

/*Menu*/
#Menu{width: 213px;margin-left: 13px;position:relative;z-index:2;margin-top:100px;}
#Menu A{margin-left: 1px;display:block;background: url(../GIF/Bg_submenu.gif) no-repeat top left;text-decoration: none;color:#777;padding:7px 0px;}
#Menu A.B0{background:none;}

#Menu #Menu{margin-left: 0px;margin-top:0px;}
#Menu #Menu A{margin-left: 1px;padding-left: 10px;background:none;padding-top: 0px;}
#Menu #Menu #Menu{display:none;}

/*Footer*/
#Footer A{text-decoration:none;}
#Footer A:hover{text-decoration:underline;}

/*COLOR*/
.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
.contentTekst .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst{color:#000;}

#hoofdmenu .R A,
#hoofdmenu A:hover{color:#fff;}

#Ankers A,
.contentTekst .Paragraaf_Titel,
.contact .Paragraaf_Tekst,
.contact .Paragraaf_Tekst A,
#hoofdmenu A,
#hometop .Paragraaf_Tekst,
#hometop .Paragraaf_Tekst A,
.htekst .Paragraaf_Tekst A,
.htekst .Paragraaf_Tekst{color:#0055A5;}/*blauw*/

#Menu A{color:#717171;}/*grijs*/

.O0 .T1 .contentTekst #TopLink,
.contentTekst .Titel,
#Menu A.R,
#Menu A:hover{color:#FE8900;}/*oranje*/

#Footer,
#Footer A{color:#979797;}/*grijs*/

.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION,
.Verzend,
.Veld,
#banners .Paragraaf_Tekst A,
.contentTekst .Paragraaf_Tekst A,
#banners .Paragraaf_Tekst,
.contentTekst .Paragraaf_Tekst{color:#474747;}/*zwart/grijs*/

/*FONT-SIZES*/
#Venster{font-size:62.5%;}

.InIE #Venster .Paragraaf TD,
.InIE #Venster .Paragraaf CAPTION{font-size:68.6%;}/*(1.1em * 62.5%)*/

.O0 .T1 .contentTekst #TopLink,
.Verzend,
.Veld,
#Ankers A,
#banners .Paragraaf_Tekst,
.contentTekst .Paragraaf_Tekst,
.contentTekst .Paragraaf_Titel,
#Menu A,
.contact .Paragraaf_Tekst,
#hometop .rechts .Paragraaf_Tekst{font-size:1.1em;}

.htekst .Paragraaf_Tekst{font-size:1.4em;}

#hoofdmenu A{font-size:1.5em;}

.contentTekst .Titel{font-size:2.0em;}

#hometop .links .Paragraaf_Tekst{font-size:2.8em;}

@media print{
#Venster,
#Venster *{background:none!important;border:none!important;color:#000!important;}
}