body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.basered
{
/*background-image:url(../images/achtergrondr.gif);*/
background-position:top;
background-color:#fff;
color: #333333;
}

.basegreen
{
/*background-image:url(../images/achtergrondg.gif);*/
background-position:top;
background-color:#fff;
color: #333333;
}

.baseblue
{
/*background-image:url(../images/achtergrondb.gif);*/
background-position:top;
background-color:#fff;
color: #333333;
}

.basered a,
.basegreen a,
.baseblue a

{
text-decoration:none;
color:#E21B23;
}

img
{
border:none;
}

p
{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:10px;
}

#container.blue
{
border: 5px dotted #00A3E3;
border-bottom:5px none #00A3E3;
}

#container.red
{
border: 5px dotted #E21B23;
border-bottom:5px none #E21B23;
}

#container.green
{
border: 5px dotted #7BC043;
border-bottom:5px none #7BC043;
}


#header {
	background-color:#FFFFFF;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:129px;
}

#mainContent {
	padding: 30px 0px 10px 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	overflow:visible;
	min-height:500px;
	
}

#mainContent.home {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	overflow:hidden;
}

#mainContent.text
{
padding: 30px 60px 10px 35px;
}

#mainContent.text .blue
{
color: #00A3E3;
}

#mainContent.text .red
{
color: #E21B23;
}

#mainContent.text .green
{
color: #7BC043;
}

#mainContent #winkelmenu
{
	top:198px;
	height:30px;
	position:absolute;
	top:160px;
	width:910px;
	border-bottom:1px solid #E21B23;
	z-index:102;
	background-color:#FFFFFF;
}

#mainContent #winkelmenu a
{
color: #E21B23;
text-decoration:none;
}

#mainContent #winkelmenu a:hover
{
color: #E21B23;
text-decoration:none;
}

#mainContent.winkel
{
padding: 0 0 30px 35px;
background-color:#FFFFFF;
}

#mainContent #winkelframe
{
margin-top:28px;
}

.mijnwinkel
{	
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	width:930px;
	height:420px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align:left;
	background-color: #FFFFFF;
	z-index:101;
	border:none;
}

.mijnwinkel2
{	
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	width:930px;
	height:1000px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align:left;
	background-color: #FFFFFF;
	z-index:101;
	border:none;
}

a
{
text-decoration: none;
}

#mainContent #textholder
{
padding: 15px 25px 20px 0px;
width:465px;
float:left;
overflow:visible;
min-height:320px;
}

#mainContent #fotoholder
{
padding:10px 0;
width:425px;
height:350px;
float:left;
}

#mainContent #textholder.blue
{
border-top: 1px solid #00A3E3;
border-right: 1px solid #00A3E3;
}

#mainContent #textholder.red
{
border-top: 1px solid #E21B23;
border-right: 1px solid #E21B23;
}

#mainContent #textholder.green
{
border-top: 1px solid #7BC043;
border-right: 1px solid #7BC043;
}

#mainContent h1
{
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	color: #00A3E3;
}

#mainContent h1.blue
{
color: #00A3E3;
}

#mainContent h1.green
{
color: #7BC043;
}

#mainContent h1.red
{
color: #E21B23;
}

#footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:40px;
}

#footer a 
{
color:#FFFFFF;
}

#footer2 {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:20px;
}

#footer #footertext {
	padding: 3px 35px 0px 12px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	line-height:normal;
	font-size:10px;
}

#footer #footertext.blue
{
color: #ffffff;
}

#footer #footertext.red
{
color: #ffffff;
}

#footer #footertext.green
{
color: #ffffff;
}

#footer.bluehome {
	background-image:url(../images/bottom_bluek.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	

#footer.blue {
	background-image:url(../images/bottom_bluek.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#00A3E3;
	}
	
#footer.green{
	background-image:url(../images/bottom_greenk.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#7BC043;
	}
	
#footer.red{
	background-image:url(../images/bottom_orangek.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#E21B23;
	}
	
	#footer2.blue {
	background-image:url(../images/bottom_bluek.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#00A3E3;
	}
	
#footer2.green{
	background-image:url(../images/bottom_greenk.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#7BC043;
	}
	
#footer2.red{
	background-image:url(../images/bottom_orangek.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#E21B23;
	}
	
#top
{
float:left;
}

#language {
	position:relative;
	left:20px;
	top:10px;
	width:620px;
	height:20px;
	text-decoration: none;
	text-align:right;
	margin:0;
	padding:0;
	z-index:1000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	font-weight:bold;
	float:left;
}


#menu {
	position:relative;
	left:20px;
	top:8px;
	width:620px;
	text-decoration: none;
	text-align:left;
	margin:0;
	padding:0;
	z-index:1000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	font-weight:bold;
	float:left;
}

#nav, #nav ul {padding:0;list-style: none; margin-top:0;margin-left:0;background-color:#FFFFFF;} 
#nav a {display:block;width: 20em; border:none; color:#333333; width:175px;top:0px;} 
#nav li {float:left;width:175px;text-indent:3px;}

#nav, #nav ul li ul {padding:0;list-style: none; margin-top:0;margin-left:0;background-color:#FFFFFF;} 
#nav ul li ul li a {display:block;width: 20em; border:none; color:#333333; width:175px;top:0px;} 
#nav ul li ul li {float:left;width:175px;text-indent:3px;}

#nav li ul 
{position:absolute;
width:20em;
left: -999em;
top:90px; 
text-indent:3px;
margin-left:21px; 
*margin-left:18px; /*reposition for IE*/
} 

#nav ul li ul
{position:absolute;
width:20em;
left: -999em;
top:0px; 
text-indent:3px;
margin-left:175px; 
*margin-left:165px; /*reposition for IE*/
} 

#nav li:hover ul {left: auto; width:175px; text-indent:3px;}
#nav li:hover ul, #nav li.sfhover ul {left:auto; width:175px; text-indent:3px;}

#nav ul li:hover ul {left: auto; width:175px; text-indent:3px;}
#nav ul li:hover ul, #nav ul li.sfhover ul {left:auto; width:175px; text-indent:3px;}

.borderactive
{
border:5px solid #00A3E3;
}


.borderinactive
{
border-left:1px solid #00A3E3;
border-top:1px solid #00A3E3;
border-bottom:1px none #00A3E3;
border-right:1px none #00A3E3;

}