.kruimeltje{}

html
{
	height: 100.1%;	/* causes firefox to always have a scrollbar */
}

body
{
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #333333;
    background-color: #8fcceb; 
    height: 100%;
}
/* wrapper to fill the complete browser window, could be used for backgrounds */
.main
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px #dcdcdc;
    width: 100%;
    background: #8fcceb url(images/image4.png) repeat-x scroll top left;
    height: 100%;
}

/* set the  width of the skin and optionally center it in the browser window */
.pagemaster 
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
	margin-left: auto;
	margin-right: auto;
	width: 960px; /* main skin width */
}

/* header section of the skin */
.toppane
{
    border-left: 0px solid #dcdcdc;
    border-right: 0px solid #dcdcdc;
    border-top: 0px solid #dcdcdc;
    padding: 0px;
    margin: 0px;
    border-bottom: 0px solid #cdcdcd;
    height: auto;
        position: relative;
	    width: 960px; /* main skin width */
	    min-height: 130px;
    background: url('images/mainbgtop2.png') no-repeat 140px 25px;
}
.topabspane
{
    position: absolute;
    top: 5px;
    right: 0px;
    width: 216px; 
    height: 216px;
}
.photopane
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    width: 216px; 
    height: 216px;
/*    background: Transparent url(images/cirkel3.png) no-repeat scroll top right; */
}
.topcontentpanewrapper
{
    padding: 30px 0px 0px 225px; margin: 0px 0px 0px 0px; 
    background: url('images/menubgtop2.png') no-repeat left bottom;
	min-height: 130px;
}
.topcontentpane
{
    width: 500px;
}


/* */
.breadcrumbpane
{
    color: #ffffff;
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    height: 25px;
}

.mainlinkspane
{
    padding: 4px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    float: left;
    width: auto;
    color: #ffffff;
}




/* not used in this skin but often you are likely to use a empty div with a floatclearer class */
.floatclearer
{
    clear: both;
}

/* content panes section */
.contentrow {
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
    width: 960px;
    min-height: 330px;
    background: url('images/mainbg2.png') repeat-y 140px 0px;
}


.menupanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px 0px 0px 0px; border: solid 0px red;
    width: 215px;
    float: left;
    min-height: 200px;
}

.menupane, .menucontentpane
{    
    padding: 0px 0px 0 0px; margin: 0px 0px 0px 0px; border: solid 0px red;
    background: url('images/menubg2.png') repeat-y left top;
}

.menupane
{    
    padding: 0px 0px 50px 0px; 
}
.menucontentpane
{    
    padding: 0px 0px 0px 20px;
    width: 190px;
}


.loginpane
{
    padding: 0px 0px 5px 0px; margin: 0px; border: solid 0px #dcdcdc;
    width: auto;
    height: auto;
    background: url('images/menubgbottom2.png') no-repeat left bottom;
    text-align: center;
}
.user
{
    color: #333333;
}

.breadcrumbpane .user, 
.footerpane .user, 
.mainlinkspane a, .mainlinkspane a:link, .mainlinkspane a:visited, .mainlinkspane a:hover, .mainlinkspane a:active,
.loginpane a, .loginpane a:link, .loginpane a:visited, .loginpane a:hover, .loginpane a:active
{
 	font-family: Verdana, Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
	color: #FFFFFF;
}


.contentareawrapper
{
    padding: 0px 0 0 0px; margin: 0px 115px 0 0; border: solid 0px red;
    width: 610px;
    float: right;
}

.contentrowtable
{
}


/* using the combination of pane and a wrapper helps in preventing box model issues in ie6 
   in cases where you want to apply padding on the panes in the skin, in this skin we have
   padding applied in the container, so here it is not really needed. */

.leftpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 210px;
    vertical-align: top;
}
.leftpane
{
    padding: 0px 0px 0px 0px; border: solid 0px red; margin: 0 0 0 0px;
}

.rightpanewrapper
{
    padding: 0px 0px 0 0px; margin: 0px; border: solid 0px red;
    width: 200px;
    vertical-align: top;
}
.rightpane
{
    padding: 0px 0px 0px 0px; margin: 0px; border: solid 0px red;
}

.contentpanewrapper
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; border: solid 0px red;
    width: auto;
}
.contentpane
{
    padding: 0px 0px 0px 0px; 
    margin: 0px; border: solid 0px red;
}


.footerpane
{
    font-size: 11px;
    line-height: 120%;
    font-family: Verdana, Arial, Sans-Serif;
    padding: 10px 0px 0px 18px; 
    margin: 0px; border: solid 0px #dcdcdc;
    width: 960px;
    background: url('images/mainbgbottom2.png') no-repeat 140px 0px;
    position: relative;
}
.footercontent
{
    padding: 4px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    color: #ffffff;
    text-align: center;
    font-size: 9px;
}
.bottomphotowrapper
{
    position: absolute;
    min-width: 100px;
    min-height: 10px;
    bottom: -10px;
    left: 860px;
    z-index: 1001;
}
.bottomphoto
{
}


/* home page styling */
.home
{
    padding-top: 25px; 
}
.home .pagemaster
{
    min-height: 590px;
    background: transparent url(images/bij.png) no-repeat 830px 445px;
    border-right: solid 3px #ffffff;
    border-bottom: solid 3px #ffffff;
    border-top: solid 3px #ffffff;
}
.lefthome
{
    padding: 0px 0px 0px 0px; 
    margin: -3px 0px -3px 0px; 
    float: left;
    width: 440px;
    background-color: #ed8d36;
    overflow: hidden;    
}
.lefthome .contentpane
{
    padding-left: 40px;
    
}

.righthome
{
    float: left;
    padding: 0px 0px 0px 0px; margin: 0px; 
    border: solid 0px #ffffff;
    width: 495px;
}
div.topcontent
{
    color: #000000;
    padding: 5px 0px 0px 20px;
    text-align: center;
}
.topcontent a:link, .topcontent a:visited, .topcontent a:hover, .topcontent a:active
{
    color: #60c9f4;
}
.textorange
{
    color: #ed8d36;
}
.giraffe
{
    padding: 60px 0px 0px 0px; margin: 0px; border: solid 0px #dcdcdc;
    background: transparent url(images/giraffe.png) no-repeat -200px -40px;
}
.mainlinks
{
    padding: 180px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    background: transparent url(images/kinderen.png) no-repeat top center;
}
.tagline
{
    padding: 20px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;
    text-align: center;
    background: transparent url(images/lieveheersbeestje.png) no-repeat -160px -30px;
    height: 200px;
}
.logincontact
{
    padding: 20px 0px 0px 20px; margin: 0px; border: solid 0px #dcdcdc;    
}
.ImageNoHeader p
{
    padding: 0px; margin: 0px; border: solid 0px red;
}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */

p
{
    padding: 0 0 10px 0; margin: 0px; border: solid 0px red;
}

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #e3d119;
    text-align: left;
}
h1
{
    font-size: 14px;
}
h2
{
    font-size: 13px;
}
h3
{
    font-size: 12px;
}

.SubHead, .SubSubHead
{
    font-size: 12px;
}

div, td, .Normal, p, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton
{
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    line-height: 160%;
    color: #ffffff;
}

a, a:link, a:visited, a:hover, a:active
{
    text-decoration: underline;
    color: #333333;
}
a:hover, a.CommandButton:hover
{
    text-decoration: underline;
}


b, strong
{
}

UL
{
    margin-top: 0px;
}

UL LI
{
    list-style-type: disc;
    margin-bottom: 4px;
}

UL LI LI
{
    list-style-type: circle;
    margin-bottom: 4px;
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}


a img
{
	border: dashed 0px #ffffff;
}



/*

submenu
.m                  container for sub menu's
.m[level]           example: .m0 = first submenu level
.mid[id]            spcific item: m34

all menu items
.mi
.mi[path] .mi0 .mi1-0

.root               root level
.first              first in a level
.last               last in a level
.icn                icon
.hov                hover
.sel                selected / active item
.bc                 item in the breadcrumb path

*/

/* just the wrapper, no styling applied here */
.MenuContainer
{
}

/* rootmenu styling */

.MenuContainer .root
{
     color: #ffffff;
     padding: 4px 0px 4px 20px;
     border-bottom: solid #ffffff 0px;
}
.MenuContainer .mi, .MenuContainer .mi td
{
     font-size: 12px;
}


.MenuContainer .mi
{
    width: 180px;
}
.MenuContainer .m0, .MenuContainer .m1
{
    width: 150px;
    margin-left: 3px;
    margin-top: 0px;
}
.MenuContainer .m1
{
    margin-left: 0px;
    margin-top: -1px;
}

/* first root menu item */
.MenuContainer .first
{
}
/* submenu that is the container around the submenu items */
.MenuContainer .m
{
     color: #000000;
     border: solid 1px #ffffff;
     background-color: #ed8d36;
     z-index: 1;
/*     width: 50px;  /* determines the width of the submenu, it won't work if you apply it on an item. */
}

/*  you need to style the td class specifically otherwise the submenu items will not get their padding
    this is because padding and margins for td's are already defined in the skin or default.css file */
/* first level submenu items */
.MenuContainer .m0 td,
.MenuContainer .m1 td
{
     padding: 5px 2px 5px 6px;
     color: #ffffff;
}
/* hover */
.hov.root
{
     color: #333333;
}

/* hover in the submenu */
.m .hov td
{
     background-color: #ed8d36;
     color: #333333;
}

/* breadcrumb in the submenu */
.m .bc td
{
    color: #ffffff;
}

/* breadcrumb both root and submenu */
.bc, .m .bc td
{
    font-weight: bold;
}

/* hide all the icon's in the menu*/
.MenuContainer .icn
{
    display:none;
}

.ModuleTitle_MenuItem td
{
    color: #000000!important;
}
.ModuleTitle_MenuItem.hov td
{
    color: #e15c02!important;
}

.m0 .txt
{
    width: 130px;
    display: block;
}
select.Normal
{
    color: #000000;
}

.FCKImageGalleryItemContainer td,
.FCKImageGalleryItemContainer span,
.FCKImageGalleryItemContainer a,
.FCKImageGalleryItemContainer

{
    color: #000000;
}