@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/*ALGEMENEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

html, body {
	padding:0px;
	margin:0px;
	height:100%;
	
}
body {
	font: 0.7em Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../images/site/bodyBackgroundRepeat.jpg);
	background-repeat:repeat-x; 

}

a {text-decoration:none; color: #000000;}
a:hover, a:active {text-decoration:none; color: #000000;}

/*-------------------------------------------------------------------------------------*/
/*HOOFDONDERDELEN-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#container {
	width:949px;
	height:100%;
	margin:0 auto;
}
#container #miniHeader, #container #middle { /*cetnter the design*/
  margin:0;
}

#container #miniHeader {
	height:37px;
	width:949px;
	background-image:url(../images/site/headerLanguage.png);
	background-repeat:no-repeat;
	clear:both;
}
#container #header {
	height:73px;
	width:949px;
	background-image:url(../images/site/header.png);
	background-repeat:no-repeat;
	clear:both;
}


#container #middle {
	width:949px;
	min-height:540px;
	background-image:url(../images/site/middleBackgroundRepeat.jpg);
	
	background-repeat:repeat-y;
}

#middle #colright {
	
	position:relative;
	float:left;
	width:191px;
	display:inline;
	clear:right;
	background-image:url(../images/site/colRightBackground.jpg);
	background-repeat:no-repeat;
	background-position:185px 0px;
	
	min-height:540px;
	height:auto!important;
	height:540px;
}

#middle #colmiddle {
	position:relative;
	width:570px;
	display:inline;
	float:left;
	padding-top:5px;
}

#middle #colleft{
	height:540px;
	position:relative;
	width:188px;
	display:inline;
	float:left;
	margin-left:0px;
	padding-left:0px;
}

/*-------------------------------------------------------------------------------------*/
/*PARTS MIDDLE-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*Sub stukken midden*/
#colmiddle #index_contentwrapper{
	position:relative;
	width:100%;
}

#index_contentwrapper {
	height:auto!important;
	min-height:500px;
	width:558px;
}


#index_contentwrapper #content {	
	margin-left:0px; 
	height:auto!important;
	min-height:210px;
	
}

/*Sub stukken links*/
#colLeftWrapper {width:190px; margin-left:2px;}


/*stukken rechts*/
#indexRightMenuDivider {height:20px; width:180px;}

/*-------------------------------------------------------------------------------------*/
/*PARTS HEADER-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*headnav*/
#headnav {
	float:right;
	position:relative;
	display:inline;
	margin-right:15px;
	margin-top:8px;
}
#headnav, #headnav a{
	color:#666666;
}

#headLanguage {
	float:left;
	position:relative;
	display:inline;
	margin-left:5px;
	margin-top:8px;
}
#headlanguage, #headlanguage a{
	color:#666666;
}

#logoheader {
	width:180px;
	height:70px;
	cursor:pointer;
	display:inline;
	float:left;
}
#logoPanasonic {
	width:160px;
	height:70px;
	cursor:pointer;
	display:inline;
	float:left;
}
/*-------------------------------------------------------------------------------------*/
/*GENERAL CLASSES----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.menukop {
	height:24px; 
	width:176px; 
	cursor:pointer; 
	background-image:url(../images/site/menuTop.png); 
	background-position:0px 1px;
	background-repeat:no-repeat; 
	color:white;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
}

/*-------------------------------------------------------------------------------------*/
/*FOOTER----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#container #footer {
	height:35px;
	width:949px;
	background-image:url(../images/site/footer.png);
	background-repeat:no-repeat;
	position:relative;
	clear:both;
}
#container #footer .copyright {
	padding-top:21px;
	padding-left:9px;
	color:#666666;
}

/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

h1 {font-size: 1.4em; padding:2px 0 10px 0; color:#c70946;}
h2 {font-style:italic; font-size:1.3em; margin:0 0 12px 0;}
h3 {padding-right: 0px; padding-left: 0px; font-size: 1.2em; padding-bottom: 0px; margin: 0px;  padding-top: 4px}
h4 {padding-right: 0px; padding-left: 0px; font-size: 1.2em; padding-bottom: 4px; margin: 0px;  padding-top: 4px}
h5 {padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1.1em; padding-bottom: 4px; margin: 0px; color: #7f7f7f; padding-top: 4px}
h6 {padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1em; padding-bottom: 4px; margin: 0px; padding-top: 4px}
p  {padding:0; font-size: 1em; margin: 0px; font-weight:normal;}
.contentTitel     { font-size:1.2em; font-weight:bold;  margin-bottom:10px;}
.contentSubtitel  { font-style:italic; font-size:1em; margin:0 0 12px 0;}
#content img {max-width:555px;}

#container .floatDivider { width:900px;height:1px; clear:both;}

a {text-decoration:none; color: #000000;text-decoration: none}
a:hover, a:active {text-decoration: underline; color: #000000;}

#content ul  {list-style-position: inside;}
#content ol  {list-style-position: inside;}

.button {width:75px; background-color:#e0e0e2; color:black; border:none!important; cursor:pointer; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding:5px;}
.notClickable {color:#CCCCCC;}