@charset "utf-8";
/* Foto module */
/* Foto Album lijst */

#photoAlbumMenu {
    position:relative;
    width:100%;
}

#photoAlbumMenu ul { 
}

#photoAlbumMenu li {
}
#photoAlbumMenu a {

}
/* dit is fotoalbum lijst met thumbs */
#photoAlbumThumbContainer {
    float:left;
    width:45px;
    height:45px;
	padding:0 10px 0 0;
    
}
.photoAlbumThumbs {
    border:0;
    width: 45px;
    height: 45px;

}

.photoAlbumTekstBoven {
/* 	text-align:center;
 	display:block;*/
	display:none;
}

.photoAlbumTekstOnder {
 	text-align:center;
 	display:block;
	color: #444444;
}
.photoAlbumTekstBoven a {
	display:none;
    color: #444444;
    text-decoration: none;
}
.photoAlbumTekstBoven a:hover{
	display:none;
    color: #000000;
    text-decoration: underline;
}
/* foto album thumbs */

#photoThumbsDiv {
  float:left;
  position: relative;
  width: 170px;
  height: auto;
  
}

#photoThumbsDiv .thumbItem {
    float:left;

}
#photoThumbsDiv #thumb {
    float:left;
} 
#photoThumbsDiv img {
    float:left;
    width: 67px;
    height:67px;
    padding: 0 10px 10px 0;
    border: 0px;
}
/* Inline foto presentatie */
#largePhoto {
    height: auto;
    width:325px;
	height:360px;
    float:left;
}
#inlineTextDiv {
   float:left;
   display:block;
   height:31px;
   width: 245px;
   padding:9px 0 20px 0;
   margin: 0;
   color: #444444;
   font-size: 16px;
   text-align: center;
   background:url(../gfx/inlineTextDiv.gif) no-repeat left top;
}
#inlinePhotoBox {
    width:245px;
    height:245px;
	padding: 0 0 20px 0;
}
#photoContainer {
    width:100%;
    overflow: hidden;
    display:block;
}

/* Woordenlijst Tijdelijke F.A.Q. module met extra functies */
#wordListContainerDiv {
    width:100%;
    color: #555555;
}
#wordListContainerDiv hr { /* Divider lijn */
    width:100%;
    padding:0;
    margin:0 0 15px 0;
    border: 0;
    border-bottom: 1px solid #e9008a;
    
}
.wordListLetterDiv { /* Dit is de div van de tekst Verklarende marcom woordenlijst */

}
#wordlistNavigatie  { /* << en >> naar de verklarende woordenlijst tekst */
    float:right;
    color: #e9008a;
}


.wordListItemsDiv { /* dit zijn de woorden van de items */
    min-height: 360px;
}
#wordListMenuDiv { /* dit is de a-z menu */
	
}

#wordListMenuDiv span { /* De geselecteerde letter */
    color: #e9008a;
    padding:0;  
    margin:0;
    padding:0 0px 0 1px;
    font-weight: bold;
}
#wordListMenuDiv a { /* Overige letter hyperlinks van A tot Z*/
	padding:0 0px 0 1px;
    color: #555555;
    font-weight: bold;
}
.wordListTitle {
    color: #e9008a;
    font-weight:bold;
}
/* Nieuws */
#newsMenu {
	padding:30px 0 0 0;
}
div.modContainer div {
	float:left;
	display:inline;
	

}
div.modContainer a {
	text-decoration:none;
}
div.modContainer a:hover {
	text-decoration:underline;
}

div.modItems{
    min-height: 330px;
}
div.modItem {
	width:270px;
}
div.modItem.item0{
}
div.modField {

}
div.modField a {
	text-decoration:none;
}
div.modField a:hover {
	color:#d4dfe4;
	text-decoration:none;
}
#newsMenu .modItem:first-child {
	border-top:0;
}
#newsMenu .modItem{
/*	border-top:1px solid #d9e0e9;
*/}
div.modField.field1 {
	float:right;
    width:190px;
}
div.modField.field1, div.modField.field1 a { /* title */
	color:#636466;
	text-decoration:none;
	padding:0 0 10px 0;

}

div.modField.field1 a:hover { /* title */
	color:#000000;
	text-decoration:underline;

}

div.modField.field2 { /* datum */
	display:inline;
	float:left;
}
div.modField.field3 { /* samenvatting */
	display:none;
}
div.modField.link {
}
div.modNav {
	float:left;
	display:block;
	padding:10px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e9008a;
}
div.modNavLabel {
	display:none;
}
div.Nav {
	float:left;
	display:inline;
	padding:0 1px;
}
div.NavAct {
	float:left;
	display:inline;
	padding:0 1px;
}
div.Nav a {
	float:left;
	display:inline;
	text-decoration:none;
	padding:0 1px;
}
div.Nav a:hover {
	text-decoration:underline;
	padding:0 1px;
}
div.NavBullet {
	float:left;
	display:inline;
	padding:0 1px;
	background: url(../gfx/btn/line.gif) no-repeat center center;
}
div.NavLeft {
	float:left;
	display:inline;
	padding:0 1px;
}
div.NavRight {
	float:left;
	display:inline;
	padding:0 1px;
}
div.NavLeft a {
	background: url(../gfx/btn/prev.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display:block;
}
div.NavRight a {
	background: url(../gfx/btn/next.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display:block;
}
div.NavLeft a:hover {
	background: url(../gfx/btn/prev_hover.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display: block;
	text-decoration:none;
}
div.NavRight a:hover {
	background: url(../gfx/btn/next_hover.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display:block;
	text-decoration:none;
}
div.NavLeft .NavDis { /* als de link niet klikbaar is */
	background: url(../gfx/btn/prev_dis.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display:block;
}
div.NavRight .NavDis { /* als de link niet klikbaar is */
	background: url(../gfx/btn/next_dis.gif) no-repeat center center;
	width: 22px;
	height: 22px;
	display:block;
}
div.newsLink {
	display:none;
}

div.modSubItem {
	
}
div.modContainer item3 {
	width:320px;
}
/* product module*/
#product.item1 {
	display:block;
	width:180px;
	float:left;
}
#product.item2 {
	display:block;
	width:350px;
	float:left;
}
#product.item3 {
	display:block;
	width:450px;
	float:right;
}

#productBody {
}
#productPhoto {
	float:left;
	width:220px;
	display:block;
}

img.productPhoto {
	float:left;
	border: solid 3px #d9e4f1;
}


div.modSubItem {
	width:320px;
	padding: 2px 0 2px 2px;
	border-bottom:solid 1px #d9e4f1;
}	
div.modContainer.item1 * .FeatureLabel {
	width:110px;
}
div.modContainer.item2 * .FeatureLabel {
	width:auto;
	padding:0 2px 0 0;
}
div.modContainer.item2 * .FeatureValue {
	width:auto;
	padding:0 2px 0 0;
}
div.modContainer.item3 .modSubItem .FeatureValue {
	width:320px;
}
div.allFeatures {
	display:block;
}
div.FeatureLabel {
	width:170px;
}
div.FeatureValue {
	width:170px;
}
div.modThumb{
	border: 0;
}



