html
{
min-height: 100%;
height: auto;
background-color:#ffffff;
}
body, p
{
font-family: arial; color: #0e295e; font-weight:normal; text-decoration: none;
}
body
{
padding:0px;
margin:0;
font-size:0.8em;
}
body, h1 , p
{
padding: 0;
}
/*--Container om alles in het midden te gooien--*/
div.div_body_container
{
position:relative;
height:100%;
background-image:url("../../images/ab-koeriers_background_white.jpg");
background-repeat:repeat-y;
background-position:center;
}
/*-- de header--*/
div.div_header
{
position:relative;
width:952px;
padding-left:24px;
padding-right:24px;
padding-bottom:20px;
text-align:left;
}
div.div_menu_holder
{
position:relative;
width:982px;
text-align:left;
padding-bottom:40px;
}
/*-- Een div voor inhoud van de header--*/
div.div_menu
{
position:relative;
padding-bottom:20px;
padding-left:10px;
width:1000px;
text-align:left;
height:23px;
border:0px solid red;
}
/*-- de afbeelding ook apparte div, en flash straks ook--*/
div.div_body_holder
{
position:relative;
width:952px;
height:100%;
text-align:left;
}
/*-- de inhoud holder--*/
div.div_body_inhoud
{
position:relative;
float:left;
border:0px solid red;
padding-left:4px;
}
/*-- de inhoud holder--*/
div.div_body_inhoud_titel
{
position:relative;
background-image:url("../../images/ab-koeriers_titel.jpg");
background-repeat:no-repeat;
width:607px;
height:30px;
padding-top:14px;
padding-left:20px;
}
/*-- de titel opmaak--*/
div.div_body_inhoud_titel h1
{
display:inline;
color:#ffffff;
font-weight:normal;
}
/*-- en de afbeeldingen ook */
div.div_body_inhoud_image
{
position:relative;
width:100%;
}
/*-- en de afbeeldingen ook */
div.div_body_inhoud_image_item
{
width:314px;
float:left;
}
/*-- de inhoud holder--*/
div.div_body_inhoud_tekst
{
position:relative;
width:607px;
padding-left:20px;
}
/*-- de inhoud holder--*/
div.div_body_nieuws
{
position:relative;
width:312px;
float:left;
border:0px solid blue;
}
/*-- div nieuws*/
div.div_nieuws_container
{
position: relative;
float:left;
left:4px;
width: 313px;
height: 320px;
border: 0px solid red;
background-image:url("../../images/ab-koeriers_titel_nieuws.jpg");
background-repeat:no-repeat;
z-index:99;
}
/*-- div nieuws*/
div.div_nieuws_holder
{
padding:14px;
padding-left:20px;
}
/*-- div nieuws*/
div.div_nieuws_titel
{
}
/*-- div nieuws*/
div.div_nieuws_body
{
padding-top:35px;
}
/*-- div nieuws*/
div.div_nieuws_verder
{
position:absolute;
left:180px;
top:240px;
}
/*-- de inhoud--*/
div.div_inhoud_inhoud
{
width:785px;
padding-right:25px;
}
div.div_between
{
position:relative;
height:5px;
cleer:both;
}
/*-- producten between--*/
div.div_menu_footer
{
position:relative;
height:30px;
width:60%;
}
div.div_footer_rand
{
height:4px;
width:1008px;
background-image:url("../../images/gb_bags_footer_rand.jpg");
background-repeat:no-repeat;
}
/*-- div footer--*/
div.div_footer_button
{
position:absolute;
text-align:center;
right:50px;
width:215px;
border:0px solid red;
}
/*-- producten between--*/
div.div_footer_tekst
{
position:relative;
height:519px;
text-align:center;
width:100%;
}
/*-- producten between--*/
div.div_footer_tekst_onder
{
padding-top:4px;
font-size:0.9em;
position:relative;
height:30px;
text-align:center;
width:100%;
}
#nav_links li
{
list-style: none;
background-image:url("../../images/gb_bags_menu_links.jpg");
background-repeat:repeat-y;
height:24px;
padding-left:10px;
padding-top:6px;
width:125px;
}
#nav_links
{
list-style: none;
margin:0px;
padding-left:25px;
padding-top:22px;
}
/* bovenste menu */
#nav
{
left:24px;
border:0px solid red;
}
#nav li
{
padding-left:1px;
}
/*-- linkjes--*/
a:visited { font-family: arial; font-size:0.9em; color: #ec008c; font-weight:normal; display: inline; text-decoration: none;}
a:active { font-family: arial; font-size:0.9em; color: #ec008c; font-weight:normal; display: inline; text-decoration: none;}
a:link { font-family: arial; font-size:0.9em; color: #ec008c; font-weight:normal; display: inline; text-decoration: none;}
a:hover { font-family: arial; font-size:0.9em; color: #000000; font-weight:normal; display: inline; text-decoration: underline;}
a.footer:visited { font-family: arial; font-size:1.0em; color: #6e7073; font-weight:bold; display: inline; text-decoration: none;}
a.footer:active { font-family: arial; font-size:1.0em; color: #6e7073; font-weight:bold; display: inline; text-decoration: none;}
a.footer:link { font-family: arial; font-size:1.0em; color: #6e7073; font-weight:bold; display: inline; text-decoration: none;}
a.footer:hover { font-family: arial; font-size:1.0em; color: #ec008c; font-weight:bold; display: inline; text-decoration: underline;}
a.menu:visited { font-family: arial; font-size:1.2em; color: #6e7073; font-weight:normal; display: inline; text-decoration: none;}
a.menu:active { font-family: arial; font-size:1.2em; color: #23408f; font-weight:normal; display: inline; text-decoration: none;}
a.menu:link { font-family: arial; font-size:1.2em; color: #23408f; font-weight:normal; display: inline; text-decoration: none;}
a.menu:hover { font-family: arial; font-size:1.2em; color: #d4322a; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_active:visited { font-family: arial; font-size:1.2em; color: #d4322a; font-weight:normal; display: inline; text-decoration: none;}
a.menu_active:active { font-family: arial; font-size:1.2em; color: #d4322a; font-weight:normal; display: inline; text-decoration: none;}
a.menu_active:link { font-family: arial; font-size:1.2em; color: #d4322a; font-weight:normal; display: inline; text-decoration: none;}
a.menu_active:hover { font-family: arial; font-size:1.2em; color: #23408f; font-weight:normal; display: inline; text-decoration: none;}
a.nieuws:visited { font-family: arial; font-size:1.1em; color: #ffffff; display:inline; font-weight:normal; text-decoration: none;}
a.nieuws:active { font-family: arial; font-size:1.1em; color: #ffffff; display:inline;font-weight:normal; text-decoration: none;}
a.nieuws:link { font-family: arial; font-size:1.1em; color: #ffffff; display:inline;font-weight:normal; text-decoration: none;}
a.nieuws:hover { font-family: arial; font-size:1.1em; color: #ed6400; display:inline;font-weight:normal; text-decoration: none;}
a.menu_links_active:visited { font-family: arial; font-size:0.9em; color: #000000; font-weight:normal; display: inline; text-decoration: none;}
a.menu_links_active:active { font-family: arial; font-size:0.9em; color: #000000; font-weight:normal; display: inline; text-decoration: none;}
a.menu_links_active:link { font-family: arial; font-size:0.9em; color: #000000; font-weight:normal; display: inline; text-decoration: none;}
a.menu_links_active:hover { font-family: arial; font-size:0.9em; color: #ed6400; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_onder:visited { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder:active { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder:link { font-family: arial; font-size:0.9em; color: #5cb243; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder:hover { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_onder_active:visited { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder_active:active { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder_active:link { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_onder_active:hover { font-family: arial; font-size:0.9em; color: #5cb243; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_groen:visited { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen:active { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen:link { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen:hover { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_groen_active:visited { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen_active:active { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen_active:link { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_groen_active:hover { font-family: arial; font-size:0.9em; color: #0064b1; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_sub_onder:visited { font-family: arial; font-size:0.8em; color: #4d4d4f; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder:active { font-family: arial; font-size:0.8em; color: #4d4d4f; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder:link { font-family: arial; font-size:0.8em; color: #4d4d4f; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder:hover { font-family: arial; font-size:0.8em; color: #0064b1; font-weight:normal; display: inline; text-decoration: underline;}
a.menu_sub_onder_active:visited { font-family: arial; font-size:0.8em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder_active:active { font-family: arial; font-size:0.8em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder_active:link { font-family: arial; font-size:0.8em; color: #0064b1; font-weight:normal; display: inline; text-decoration: none;}
a.menu_sub_onder_active:hover { font-family: arial; font-size:0.8em; color: #5cb243; font-weight:normal; display: inline; text-decoration: underline;}
h1 { font-family: arial; font-size:1.1em; color: #0e295e; font-weight:bold; text-decoration: none; }
h2 { font-family: arial; font-size:1.3em; color: #0a5098; font-weight:normal; text-decoration: none; }
h3 { font-family: arial; font-size:1.3em; color: #ec008c; font-weight:bold; text-decoration: none; }
h4 { font-family: arial; font-size:0.9em; color: #5cb243; font-weight:bold; text-decoration: none; }
h5 { font-family: arial; font-size:0.9em; color: #000000; font-weight:bold; text-decoration: none; }
.button
{
position:absolute; border:0px solid #666;cursor:pointer;
}
.next_div
{
border:0px solid blue;
margin-top:108px;
height:43px;
float:left;
}
#next
{
margin-left:-53px;
z-index:2;
}
#prev
{
margin-left:10px;
margin-top:108px;
z-index:2;
border:0px solid blue;
}
#mask
{
width:360px;
height:260px;
overflow:hidden;
border:0px solid #666;
position:relative;
float:left;
}
#folio
{
position:absolute;
top:0;
left:0;
width:3535px;
float:left;
}
.col
{
display:block;
width:360px;
height:260px;
float:left;
}
.site {
width:180px;
height:130px;
float:left;
padding:0px;
margin:0px;
border:0px solid #666;
font-size:11px;
font-family:"Courier New", Courier, monospace;
}
.site img{padding:0px;border:0px solid #CCC}
.site span{display:block}
/* ruimte tussen de portfolio en tekst / rest*/
.folio_end
{
position:relative;
height:260px;
border:0px solid red;
z-index:-1;
}