/** ---------------------------------- STARTUP PAGINA BEGIN ---------------------------------- **/
#keuze {
text-align:center;
margin-top:50px;
margin-bottom:0px;
padding:0px;
z-index:1
}

#keuze img{
width:174px;
height:48px;
}

#imgcontainer {
display:block;
margin-left: auto;
margin-right: auto;
text-align:center;
top : 20px;
width:800px; 
}


#imgcontainer img {
border:1px solid black;
height:100px;
width:100px;
margin:0 0 0 0 ;
}

/** ---------------------------------- STARTUP PAGINA EINDE ---------------------------------- **/

















/** Paragraaf - Body ------------------------------------------**/
p {
font-family:sans-serif, Helvetica, Verdana,  Arial;
font-size : 12px;
margin:1px 0px 1px 0px;
padding:0px;
}


body 
{
font-family  : Verdana, Arial ,'Microsoft Sans Serif' ;
font-size : 12px;
margin-top : 0px;
color: black; 
background-image:url(achtergrond.gif);
margin-left:10px;
}



/** Kop sectie : begin -----------------------------------------**/

info
{
font-family  : Verdana, Arial ,'Microsoft Sans Serif' ;
font-size : 10px; 
margin-top: 3px;
z-index:2;
 }   
 
#header {
margin-top:20px;
margin-bottom:10px;
text-align: center;
left: 0;
width: 100%;
}

.headertxt {
display:block;
margin-top:2px;
margin-bottom:0px;
text-align: center;
font-family  : Verdana, Arial ,'Microsoft Sans Serif' ;
font-size : 12px;

}



/** Kop sectie : einde -----------------------------------------**/







/** Lettertype -----------------------------------------**/
h1 {
/**	border:1px solid black; **/
	padding:5px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:1px;
	font-size:170%;
	color:black;
}

img {
margin-top: 0px;
margin-bottom: 0px; 
border-style:none;  /** Geen rand rond hyperlinks in dit geval **/
}


a {
text-decoration:none
}

a:visited
{
	color:Black;
}
a:link
{
	color:Black;
}




.knopje {
color : #fff; 
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 8pt; 
font-weight : bold; 
background-color : #6898D0; 
border : 1px solid #dadada; 
cursor : pointer; 
}




/** ---------------- Startpagina : minimaliseren en maximaliseren ----------------- **/
.clear
{
clear:both;
}

.tekstmaximize
{
margin-left:10px;
text-decoration:underline;
}
	
.menubalk
{
background-color:#6A6AFF; 
color: white; /** kleur voor tekst zonder link **/
padding:3px;
font-weight:bold ;
}



/** afbeeldingen in box **/
.box #boxitem1basis .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}

.box #boxitem1 .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}

.box #boxitem2basis .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}

.box #boxitem2 .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}




.box #boxitem3basis .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}

.box #boxitem3 .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}





.box #boxitem4basis .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}

.box #boxitem4 .boxtekst img 
{
	float:left;
	width:auto;
	height:auto;
}
/** afbeeldingen in box **/


/**  ----------------------------------------------- **/
#boxitem1
{
	display:none; 
}

#boxitem1basis img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

#boxitem1 img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

/**  ----------------------------------------------- **/


/**  ----------------------------------------------- **/

#boxitem2
{
	display:none; 
}

#boxitem2basis img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

#boxitem2 img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

/**  ----------------------------------------------- **/


#boxitem3
{
	display:none; 
}

#boxitem3basis img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

#boxitem3 img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}



#boxitem4
{
	display:none; 
}

#boxitem4basis img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}

#boxitem4 img
{
    width:17px;
    height:17px;
    float:right;
    margin-top:-1px;
}





/** ---------------- Startpagina : minimaliseren en maximaliseren ----------------- **/




















/** Globaal Layout : 3 kolommen : Begin ----------------------------------------- **/
#container {
	width : 98%;        /**  Breedte 3 kolommen           **/
	margin-left:10px;   /**  Marge kantlijn - 1 groot obj **/
} 

#container img{             /** Afbeeldingen binnen container **/
	padding-left:10px; /**  Marge kantlijn - object       **/
}

.kolom1 {
	float : left;
	width : 20%;
	margin-left: 5px;
}

.kolom2 {
	float : left;
	width : 58%;
	margin-left: 5px;
}
.kolom3  {
	float : right;
	width : 20%;
	margin-right: 0px;
}


#footer { 
width : 98%; 
font-size: 8pt; 
text-align: center;
clear:both;
} 

/** Globaal Layout : 3 kolommen : Einde ----------------------------------------- **/


/** de verschillend keuzes in een box geplaatst : begin ----------------------------------------- **/
.box {                               /** Opmaak van de box **/
border-left:1px solid black; 
border-right:1px solid grey; 

border: solid 1px #CCCCCC; 

margin-bottom:15px;
padding-bottom:5px;
overflow:hidden;
}


.box a :hover
{
	text-decoration: none; 
}


.box p{                             /** paragr. binnen box **/
margin-left:5px;
/** <!! font-weight:bold; !!> **/
}

.box h5{                            /** header 5 sectie binnen box **/
margin-left:15px;
}

.box img{                          /** format foto's binnen box item **/
/**postion:absolute; **/
top:0;
right:0;
width:85px;
height:85px;
margin-top:4px;
}
/** Verschillend keuzes in een box geplaatst : einde -----------------------------------------**/

/** Middensectie scherm : begin ------------------------------------------**/
/** Level 0  **/

#knopje1{
margin-top:40px;              /** Documentatieknopje : afstand tot <p> **/
border-top:5px;
padding:1px;
} 
/** Level 0 : einde  **/


.boxproduct{
border-left:1px solid black; 
/** border:1px solid black;  **/
border: solid 1px #CCCCCC; 

margin-bottom:15px;
padding-bottom:15px;
}


.productnieuw h1{
color:blue;
}


#boxscroller h1{
color:blue;
}

#boxscroller h5{
color:blue;
margin-left:5px;
}

#boxscroller img{
width:125px;
height:88px;
}

#boxscroller ul{          /** Lijst elementen dichter bij kantlijn plaatsen  **/
padding-left:17px;
}

#marqueecontainer {
    position: relative;
    width: 189px; /*marquee width */
    /** height: 890px;  **/ 
    height: 500px;
    background-color: white;
    overflow: hidden;
    padding-left: 2px;
    font-size: small;
    background-image:url('/css/achtergrond.gif');
}

#vmarquee1{
width: 98%;
position: absolute;
}

#vmarquee2{
width: 98%;
position: absolute;
}

.boxkermi{
/** border-left:1px solid black;  **/
border: solid 1px #CCCCCC; 

/** border:1px solid black;  **/
margin-bottom:15px;
padding-bottom:15px;
}


.pboxtxt{
margin-left:15px;
}

.pboxalert{
margin-left:15px;
color:blue;
font-weight:bold;
text-decoration: blink;
}
.leesmeer{  
font-size:100%;
margin-left:10px;
color:blue;
}


/** Level 1 : einde **/



/** Middensectie scherm : einde  -----------------------------------------**/


/** productenindekijker **/

h5{
margin-left:5px;
}

#clima{
float:right;
margin-right:15px;
width:94px;
height:70px;
margin-top:-80px;
}

li img /** persberichten icoontjes **/
{
	padding-right:5px;
}




/** Merken **/
/** Middelste kolom **/
#container .kolom2 .box .productpagina img
{
	width:auto;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}

/** rechtse kolom **/
.kolom3 .box img
{
		width:auto;
	height:auto;
	}
	
	
.website 
{
	text-decoration:underline;
}