/* CSS Document */

/******************************************************************/
/******************************VOORAF******************************/
/*************************NORMALISEREN VAN*************************/
/****************************ALLE TAGS*****************************/
/******************************************************************/
/* Normaliseert marge, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normaliseert font-size voor de headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}
/* Verwijdert list-style van de lists items */
ol,ul { list-style : none; }

/* Normaliseert font-style en font-weight terug naar normale waarden */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Border collapse */
table {
	border-collapse : collapse;
	border-spacing : 0;
}

/* Verwijdert rand van fieldset en afbeeldingen */
fieldset,img { border : 0; }

/* Links uitlijnen in caption and th */
caption,th { text-align : left; }

/* Verwijdert quotation marks van q */
q:before, q:after { content :''; }


/* CLASSES */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	}
a {color:#00469B; }

a:hover{text-decoration: none;}

p {
	padding-bottom: 10px;
}

.divider{
	width: 100%;
	height: 20px;
	background-image:url(../images/divider_blue_01.png);
	background-repeat: repeat-x;
	background-position: center;
}

/******************************************************************/
/***************** BEGIN VAN DE PAGINALAYOUT **********************/
/******************************************************************/

body	{
	color:#003F8C;
	text-align: center;
	background-image: url(../images/background_01.gif);
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:14px;
}
		
#container 	{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	text-align: left;
} 

#header {
	position: relative;
	height: 110px;
	background-image: url(../images/header2_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.middleblue {
	margin-top: 10px;
}
.middlebluewithsidenav {
	margin-top: 10px;
}

.middlegreen {
	margin-top: 10px;
	float: left;
	background-image: url(../images/background_navigation_green.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footer {
	width: 840px;
	text-align: justify;
	margin-right: auto;
	margin-top: 10px;
	margin-left: auto;
	position: relative;
	background-color: #f2f8fb;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0081ca;
	line-height: 14px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	/*text-align: center;*/
}
#footer p a {
	color: #0081ca;
	text-decoration: underline;
}
#footer p a:hover {
	color: #003F8C;
	text-decoration: underline;
}
.imageLeft	{
	float: left;
	padding-right: 10px;
}
.imageRight	{
	float: right;
	padding-left: 10px;
}


/******************************************************************/
/************************* LANGUAGE *******************************/
/******************************************************************/

#langselection {
	background-image: url(../images/langselection_01.gif);
	background-repeat: no-repeat;
	height: 420px;
	width: 840px;
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	vertical-align: text-bottom;
}

#language_flashcontent {
	position:absolute;
	top: 50%;
	left: 50%;
	width:630px;
	height:320px;
	margin-top: -160px; /*set to a negative number 1/2 of your height*/
	margin-left: -315px; /*set to a negative number 1/2 of your width*/
	text-align: center;
	z-index:100;
	}
	
#continue {
	position: absolute;
	right: 0px;
	top: 330px;
	text-align: right;
	width: 260px;
}	
/******************************************************************/
/************************* HEADING ********************************/
/******************************************************************/

#logo {
	background-image: url(../images/logo-huggies.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 180px;
	position: absolute;
	left: 78px;
	top: 31px;
}


/******************************************************************/
/***************************NAVIGATIE*****************************/
/******************************************************************/
#navigation {
	position: absolute;
	right: 30px;
	bottom: 20px;

}

/******************************************************************/
/************************ OTHERS ***************************/
/******************************************************************/



.summing {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 40px;
	font-size: 13px;
	color: #457010;
	font-weight: bold;
}
.summing li{
 padding-bottom: 10px;
}
.summing_blocks{
margin-top: 15px;
}
.summing_blocksblue li {
	background-image: url(../images/button_squareblue.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 15px;
	margin-left: 20px;
	padding-bottom: 10px;
}
.summing_blocks li {
	background-image: url(../images/button_square.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 15px;
	margin-left: 20px;
	padding-bottom: 10px;
}
.imagecenter{ text-align:center;}
/******************************************************************/
/********************** Producttitels *****************************/
/******************************************************************/
#productstitle1 {
	position: relative;
	height: 60px;
	width: 100%;
	margin-bottom: 15px;
	background-image: url(../images/logo_newborn.png);
	background-repeat: no-repeat;
}
#productstitle2 {
	position: relative;
	height: 60px;
	width: 100%;
	margin-bottom: 15px;
	background-image: url(../images/logo_superflex.png);
	background-repeat: no-repeat;
}
#productstitle3 {
	position: relative;
	height: 60px;
	width: 100%;
	margin-bottom: 15px;
	background-image: url(../images/logo_littlewalkers.png);
	background-repeat: no-repeat;
}





/******************************************************************/
/********************** Blauw zonder sidenav *****************************/
/******************************************************************/

.middleblue .top {
	height: 15px;
	background-repeat: no-repeat;
	background-image: url(../images/roundedcorners_blue.gif);
}
.middleblue .top_homepage {
	height: 15px;
	background-repeat: no-repeat;
	background-image: url(../images/roundedcorners_blue_homepage.gif);
}
.middleblue .middle {
	background-color: #64C8F3;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: repeat-x;
}
.middleblue .bottom {
	height: 15px;
	background-image: url(../images/roundedcorners_blue_bottom.gif);
	background-repeat: no-repeat;
}

.middleblue h2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8C;
	padding-bottom: 10px;
}

.middleblue h3 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8C;
	padding-bottom: 10px;
}
.middleblue ul	{
	margin-left: 0px;
	display: block;
}

.middleblue li	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003F8C;
	line-height: 14px;
	background-image: url(../images/bullet_blue_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	/*list-style-type: disc;*/
	padding-left: 20px;
	margin-left: 0px;
}
/******************************************************************/
/********************** Blauw met sidenav ***************************/
/******************************************************************/

.middleblue #sidenav {
	float: left;
	width: 170px;
}

.middleblue ul.sidenavlisting li {
	margin-bottom: 5px;
	padding-left:0px;
	background:none;
}

.middleblue #containernextsidenav {
	margin-left: 10px;
	float: left;
	width: 660px;
}

.middleblue #containernextsidenav .top {
	background-image: url(../images/roundedcorners_blue_containersidenav.gif);
	height: 15px;
}
.middleblue #containernextsidenav .middle {

}

.middleblue #containernextsidenav .bottom {
	background-image: url(../images/roundedcorners_blue_containersidenav_bottom.gif);
}

.middleblue #containernextsidenav h2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8C;
	padding-bottom: 10px;
}
.middleblue #containernextsidenav h3 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003F8C;
	padding-bottom: 10px;
	padding-top: 5px;
}
.middleblue #containernextsidenav ul	{
	margin-left: 20px;
	display: block;
}

.middleblue #containernextsidenav li	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003F8C;
	line-height: 14px;
	background-image: url(../images/bullet_blue_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	/*list-style-type: disc;*/
	padding-left: 20px;
}
/******************************************************************/
/********************** Groen met sidenav ***************************/
/******************************************************************/

.middlegreen #sidenav {
	float: left;
	width: 170px;
}

.middlegreen ul.sidenavlisting li {
	margin-bottom: 5px;
}

.middlegreen #containernextsidenav {
	margin-left: 10px;
	float: left;
	width: 660px;
}

.middlegreen #containernextsidenav .top {
	background-image: url(../../NED/images/sp_header_background.png);
	background-repeat: repeat-x;
	height: 130px;
	}
.middlegreen #containernextsidenav .middle {
	background-image: url(../images/sp_backmiddle.png);
	background-repeat: repeat-y;
	color: #3F7B2D;
	padding-left: 50px;
	padding-right: 50px;

}

.middlegreen #containernextsidenav .bottom {
	background-image: url(../images/sp_footer_back.png);
	background-repeat: no-repeat;
	height: 99px;
	padding-left: 70px;
	font-size: 9px;
	color: #34A744;
	}
#navigationlisting li {
	float: left;
}

.middlegreen a{
	color: #3F7B2D;}

.middlegreen #containernextsidenav .middle {
	padding-left: 60px;
	padding-right: 60px;
}

.middlegreen #containernextsidenav .middle h2 {
	color: #e67a1d;
}
.middlegreen #containernextsidenav .middle h3 {
	padding-bottom: 10px;
}
.middlegreen #containernextsidenav .middle p {
	font-size: 12px;
	line-height: 17px;
}
.middlegreen #containernextsidenav .middle #toys p {
	font-size: 12px;
	margin-left: 160px;
}

.middlegreen #containernextsidenav .middle a:hover {
	color: #e67a1d;
	text-decoration: underline;
}

.middlegreen h2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #457010;
	padding-bottom: 10px;
	line-height: 20px;
}
.middlegreen #containernextsidenav .bottom p {
	line-height: 35px;
	color: #34A744;
}
#languageselection {
	position: absolute;
	top: 8px;
	right: 30px;
}
#fr {
	position: absolute;
	left: 442px;
	top: 333px;
}
#ned {
	position: absolute;
	left: 227px;
	top: 333px;
}