hoofd.css

原创的CSS+DIV纯静态网页模板

#inleiding .kalender {
	MARGIN-TOP: 5px; FLOAT: left
}
.kalender LI {
	DISPLAY: inline
}
.kalender LI A {
	DISPLAY: block; BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender.gif) no-repeat; WIDTH: 233px; COLOR: #000; HEIGHT: 21px; TEXT-DECORATION: none
}
.kalender LI A:hover {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender.gif) no-repeat 0px -32px; COLOR: #aa4422
}
.kalender LI A:active {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender.gif) no-repeat 0px -32px; COLOR: #aa4422
}
.kalender LI A.einde {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender_meer.gif) no-repeat; COLOR: #000
}
.kalender LI A.einde:hover {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender_meer.gif) no-repeat 0px -32px; COLOR: #aa4422
}
.kalender LI A.einde:active {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_kalender_meer.gif) no-repeat 0px -32px; COLOR: #aa4422
}
.kalender LI SPAN {
	PADDING-RIGHT: 10px; PADDING-LEFT: 17px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px
}
.kalender LI A.einde SPAN {
	COLOR: #ca7539
}
.kalender LI A.einde:hover SPAN {
	COLOR: #fff
}
.kalender LI A.einde:active SPAN {
	COLOR: #fff
}
#inleiding DIV.beeld A {
	BORDER-RIGHT: #dd9966 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dd9966 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 0px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #dd9966 1px solid; WIDTH: 140px; LINE-HEIGHT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #dd9966 1px solid; HEIGHT: 105px
}
#inleiding DIV.beeld A:hover {
	BORDER-RIGHT: #aa4422 1px solid; BORDER-TOP: #aa4422 1px solid; BORDER-LEFT: #aa4422 1px solid; BORDER-BOTTOM: #aa4422 1px solid
}
#inleiding DIV.beeld A:active {
	BORDER-RIGHT: #aa4422 1px solid; BORDER-TOP: #aa4422 1px solid; BORDER-LEFT: #aa4422 1px solid; BORDER-BOTTOM: #aa4422 1px solid
}
#inleiding DIV.beeld IMG {
	WIDTH: 140px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 105px; BORDER-BOTTOM-STYLE: none
}
#inleiding DIV.highlight {
	FLOAT: right;
	MARGIN: 0px 0px 0px 15px;
	WIDTH: 500px;
	color: #333333;
	font-family: "宋体";
}
.datum {
	MARGIN-TOP: 10px; FONT-SIZE: 20px; BACKGROUND: url(http___justbib.be_afbeeldingen_achtergrond_kalender.png) #dd9966 no-repeat; FLOAT: left; WIDTH: 30px; COLOR: #fff; TEXT-ALIGN: center
}
.datum SPAN {
	BORDER-RIGHT: #dd9966 1px solid; BORDER-TOP: #dd9966 1px solid; DISPLAY: block; FONT-SIZE: 11px; BACKGROUND: #fff; BORDER-LEFT: #dd9966 1px solid; COLOR: #ca7539; BORDER-BOTTOM: #dd9966 1px solid
}
#contents .datum {
	BACKGROUND: url(http___justbib.be_afbeeldingen_achtergrond_kalender_blauw.png) #0d7891 no-repeat; MARGIN: 0px
}
#contents .datum SPAN {
	BORDER-RIGHT: #0d7891 1px solid; BORDER-TOP: #0d7891 1px solid; BORDER-LEFT: #0d7891 1px solid; COLOR: #0d7891; BORDER-BOTTOM: #0d7891 1px solid
}
#contents .einde {
	BACKGROUND: url(http___justbib.be_afbeeldingen_achtergrond_kalender_bruin.png) #aa4422 no-repeat
}
#contents .einde SPAN {
	BORDER-RIGHT: #aa4422 1px solid; BORDER-TOP: #aa4422 1px solid; BORDER-LEFT: #aa4422 1px solid; COLOR: #aa4422; BORDER-BOTTOM: #aa4422 1px solid
}
.info {
	FLOAT: right; MARGIN: 13px 0px 0px 10px; WIDTH: 324px; COLOR: #339999
}
#contents .info {
	FLOAT: right; MARGIN: 0px; WIDTH: 485px; COLOR: #000
}
#inhoud {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http___justbib.be_afbeeldingen_achtergrond_inhoud.png) #fff repeat-x; PADDING-BOTTOM: 5px; PADDING-TOP: 25px
}
#submenu {
	FLOAT: left; WIDTH: 208px
}
#submenu .actief {
	FONT-WEIGHT: bold
}
#submenu P {
	MARGIN-BOTTOM: 10px; COLOR: #886644
}
.foto {
	BORDER-RIGHT: #d0c2b5 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #d0c2b5 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; BORDER-LEFT: #d0c2b5 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d0c2b5 1px solid
}
#contents .foto {
	FLOAT: right; MARGIN: 0px 0px 5px 15px
}
#submenu .bijschrift {
	MARGIN: 3px 0px 15px
}
#submenu .kijker {
	BORDER-RIGHT: #886644 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #886644 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #886644 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #886644 1px solid
}
#submenu .kijker P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #e8e1da; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 10px
}
#submenu .bibweek {
	BORDER-RIGHT: #c8006b 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c8006b 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #c8006b 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c8006b 1px solid
}
#submenu .bibweek P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http___justbib.be_afbeeldingen_bibliotheekweek.jpg) #fae6f0 no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 64px
}
#submenu .spannend {
	BORDER-RIGHT: #96c9aa 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #96c9aa 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #96c9aa 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #96c9aa 1px solid
}
#submenu .spannend P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 4px; BACKGROUND: url(http___justbib.be_afbeeldingen_spannendeboek.jpg) #daece2 no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 71px
}
#submenu .voorleesweek {
	BORDER-RIGHT: #886644 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #886644 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #886644 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #886644 1px solid
}
#submenu .voorleesweek P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http___justbib.be_afbeeldingen_voorleesweek.jpg) #e8e1da no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 72px
}
#submenu .jeugdboekenweek {
	BORDER-RIGHT: #889a4d 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #889a4d 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #889a4d 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #889a4d 1px solid
}
#submenu .jeugdboekenweek P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http___justbib.be_afbeeldingen_jeugdboekenweek.jpg) #e3e4c9 no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 72px
}
#submenu .literairelente {
	BORDER-RIGHT: #65aa3f 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #65aa3f 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #65aa3f 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #65aa3f 1px solid
}
#submenu .literairelente P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http___justbib.be_afbeeldingen_literairelente.jpg) #d9ead0 no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 72px
}
#submenu .gedichtendag {
	BORDER-RIGHT: #37597c 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #37597c 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #37597c 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #37597c 1px solid
}
#submenu .gedichtendag P {
	PADDING-RIGHT: 8px; PADDING-LEFT: 4px; BACKGROUND: url(http___justbib.be_afbeeldingen_gedichtendag.jpg) #ced6df no-repeat; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 72px
}
#contents P {
	MARGIN-BOTTOM: 15px
}
UL {
	MARGIN-BOTTOM: 15px
}
FORM {
	MARGIN-BOTTOM: 15px
}
#contents .toegevoegd {
	COLOR: #aa4422
}
.website {
	PADDING-LEFT: 21px; BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_site.png) no-repeat
}
.aanwinst {
	PADDING-TOP: 10px
}
.aanwinst DIV.beeld A {
	BORDER-RIGHT: #d0c2b5 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #d0c2b5 1px solid; DISPLAY: block; PADDING-LEFT: 3px; FONT-SIZE: 0px; BACKGROUND: #fff; FLOAT: left; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d0c2b5 1px solid; LINE-HEIGHT: 0px; PADDING-TOP: 3px; BORDER-BOTTOM: #d0c2b5 1px solid
}
.aanwinst DIV.beeld A:hover {
	BORDER-RIGHT: #0d7891 1px solid; BORDER-TOP: #0d7891 1px solid; BORDER-LEFT: #0d7891 1px solid; BORDER-BOTTOM: #0d7891 1px solid
}
.aanwinst DIV.beeld A:active {
	BORDER-RIGHT: #0d7891 1px solid; BORDER-TOP: #0d7891 1px solid; BORDER-LEFT: #0d7891 1px solid; BORDER-BOTTOM: #0d7891 1px solid
}
.aanwinst DIV.beeld IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.aanwinst DIV.detail {
	FLOAT: right; WIDTH: 120px
}
#footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #333333 url(http___justbib.be_afbeeldingen_achtergrond_footer.png) repeat-x; PADDING-BOTTOM: 5px; COLOR: #e8e1da; PADDING-TOP: 20px
}
#footer .k {
	BORDER-RIGHT: #947556 1px solid; FLOAT: left; WIDTH: 252px
}
#footer .k2 {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 223px;
	PADDING-TOP: 0px;
	color: #FFFFFF;
}
#footer .k3 {
	PADDING-LEFT: 15px;
	FLOAT: right;
	BORDER-LEFT: #947556 1px solid;
	WIDTH: 226px;
	color: #CCCCCC;
}
#footer .kalender LI A {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_leestips.gif) no-repeat; WIDTH: 250px; COLOR: #FFFFFF; HEIGHT: 34px; TEXT-DECORATION: none
}
#footer .kalender LI A:hover {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_leestips.gif) no-repeat 0px -50px; COLOR: #666600
}
#footer .kalender LI A:active {
	BACKGROUND: url(http___justbib.be_afbeeldingen_icoon_leestips.gif) no-repeat 0px -50px; COLOR: #666600
}
#footer .kalender LI A SPAN {
	COLOR: #FFFFFF
}
#footer .kalender LI A:hover SPAN {
	COLOR: #660000
}
#footer .kalender LI A:active SPAN {
	COLOR: #886644
}
#footer .kalender LI A SPAN.auteur {
	FONT-SIZE: 12px; MARGIN-LEFT: 40px; COLOR: #DDC87D
}
#footer .kalender LI A:hover SPAN.auteur {
	COLOR: #999999
}
#footer .kalender LI A:active SPAN.auteur {
	COLOR: #FFFFFF
}
#copy {
	BACKGROUND: #333333 url(achtergrond_copy.png) repeat-x; COLOR: #886644; PADDING-TOP: 18px; HEIGHT: 22px
}