/* 
================================
Skin styles for CrazyPierre
================================
*/   

@import url("GridView.css");


/*****************************************************************************/

body		
{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000;
	
}

body *, 
table
{
    font-family: Verdana , Arial;
    font-size: 8pt;
}



.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	
}


.controlpanel 
{
	width: 100%;
	background-color: #dfe5f2;
}




div#BodyContainer		
{
	margin: 1em auto;
	margin-top: 0em;
	width: 850px;
	text-align: left;
	position: relative;
    background-image: url(Mid.gif);
    background-repeat: repeat-y;

}


div#BodyContainer div.Head,
div#BodyContainer div.WebHead	 
{
    height: 82px;
    background-repeat: no-repeat;
    background-position: top left;
}

div#BodyContainer div.Head		 
{
    background-image: url(Top.gif);
}

div#BodyContainer div.WebHead		 
{
    background-image: url(WebTop.gif);
}

div#BodyContainer div.Head	div#HeadLinkHome
{
    position:absolute;
    left: 73px;
    top: 65px;
    /*border: solid 1px red;*/
}
div#BodyContainer div.Head	div#HeadLinkContact
{
    position:absolute;
    left: 110px;
    top: 65px;
}

div#BodyContainer div.Head div#HeadLinkHome a,
div#BodyContainer div.Head div#HeadLinkContact a,
div#BodyContainer div.WebHead div#HeadLinkHome a,
div#BodyContainer div.WebHead div#HeadLinkContact a
{
     text-decoration: none;
}




div#BodyContainer div#DivHeaderPane
{
    position:absolute;
    left: 0px;
    top: 82px;
    height: 252px;
    width: 830px;
    
    background-image: url(Left_ImageHeader.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

div#BodyContainer div#LogoPos
{
    position:absolute;
    left: 61px;
    top: 19px;
}

div#BodyContainer div#LogoBlinkPos
{
    position:absolute;
    left: 478px;
    top: 122px;
}


div#BodyContainer div#DivMenuPane,
div#BodyContainer div#DivWebMenuPane
{
   position:absolute;
   left: 50px;
   top: 350px;
   width: 200px;
   height: 250px;
  
   background-image: url(MenuBg.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

div#BodyContainer div.Div899Pane,
div#BodyContainer div.Div899PaneHover,
div#BodyContainer div.Div899PaneWeb,
div#BodyContainer div.Div899PaneWebHover
{
   position:absolute;
   left: 32px;
   top: 570px;
   width: 250px;
   height: 200px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: left top;   
}

div#BodyContainer div.Div899Pane
{
  background-image: url(Banner899.jpg);
}

div#BodyContainer div.DummyPreload,
div#BodyContainer div.Div899PaneHover
{
  background-image: url(Banner899Hover.jpg);
}

div#BodyContainer div.DummyPreload,
div#BodyContainer div.DummyPreloadWeb
{
    height:1px;
    width:1px;
}


div#BodyContainer div.Div899PaneWeb
{
  background-image: url(Banner899Web.jpg);
}

div#BodyContainer div.DummyPreloadWeb,
div#BodyContainer div.Div899PaneWebHover
{
  background-image: url(Banner899WebHover.jpg);
}




a#Div899pane,
a#Div899pane:hover
{
  height: 100px;
  width: 100px;
   background-image: url(Banner899.jpg);
   background-repeat: no-repeat;
   background-position: left top;
}

a#Div899pane
{
  border: solid 1px yellow;
}


a#Div899pane:hover
{
  border: solid 1px green;
}

img#Spacer899
{
  height: 90px;
  width: 90px;
}
  


div#BodyContainer div#DivContentPane
{
   margin-top: 265px;        
   padding-left: 300px;  
   padding-right: 50px;  
}

table.Content
{
    /*background-color: #ee0044;*/
    
}


div#BodyContainer div.Foot,
div#BodyContainer div.WebFoot
{
    height: 109px;

}

div#BodyContainer div.Foot
{
    background-image: url(Bottom.gif); 
}

div#BodyContainer div.WebFoot
{
    background-image: url(WebBottom.gif); 
}


div.MenuOn,
div.MenuOff
{
     height: 38px;   
}

div.MenuOn *,
div.MenuOff *
{
   color: #FFFFFF;
}


a.MenuOn, a.MenuOn:hover, a.MenuOn:visited,
a.MenuOff, a.MenuOff:hover, a.MenuOff:visited
{
   color: #FFFFFF;
   text-decoration: none;
   font-size: 20px;
   font-weight: bold;
  /* border: solid 1px red;*/
   width: 100%;
}


a.MenuOn,
a.MenuOff
{
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 25px;
   
   
}

div#DivMenuPane a.MenuOn
{
   background-image: url(MenuOn.gif); 
}

div#DivMenuPane a.MenuOff
{
    background-image: url(MenuOff.gif);
}

div#DivMenuPane a.MenuOn:hover,
div#DivMenuPane a.MenuOff:hover
{
   background-image: url(MenuOn.gif); 
}


div#DivWebMenuPane a.MenuOn
{
   background-image: url(WebMenuOn.gif); 
}

div#DivWebMenuPane a.MenuOff
{
    background-image: url(WebMenuOff.gif);
}

div#DivWebMenuPane a.MenuOn:hover,
div#DivWebMenuPane a.MenuOff:hover
{
   background-image: url(WebMenuOn.gif); 
}



span.Head
{

	font-family: Arial;
	font-weight: bold;
	font-size: 13pt;
}



div.GreenButton,
div.GreenButtonHover
{
  height: 38px;
  line-height:38px;
  width: 102px;
  text-align:center;
}

div.GreenButton
{
  background-image: url(ButtonGreen.jpg);
      
}

div.GreenButtonHover
{
    background-image: url(ButtonGreenHover.jpg);
}

a.GreenButton,
a.GreenButton:hover
{
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
}


div.PortFolioTab
{

    background-image: url(PortFolioTabBg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position:absolute;
    left: 275px;
    top: 340px;
    width: 550px;
    height: 40px;
    
}

div.PortFolioTab div.PortFolioTab2
{
    position: relative;
}

div.PortFolioTab div.TabHuisStijl, 
div.PortFolioTab div.TabHuisStijlOn,
div.PortFolioTab div.TabLogos, 
div.PortFolioTab div.TabLogosOn,
div.PortFolioTab div.TabDrukWerk, 
div.PortFolioTab div.TabDrukWerkOn,
div.PortFolioTab div.TabWebDesign, 
div.PortFolioTab div.TabWebDesignOn,
div.PortFolioTab div.TabDiversen, 
div.PortFolioTab div.TabDiversenOn
{
     width: 100px;
     position:absolute;
     top: 5px;
     height: 40px;
     background-repeat: no-repeat;
    background-position: left top;
    cursor: hand;
}

div.PortFolioTab div.TabHuisStijl,
div.PortFolioTab div.TabHuisStijlOn
{
    left: 29px;
}

div.PortFolioTab div.TabHuisStijlOn
{
    background-image: url(TabHuisStijl.gif);
}

div.PortFolioTab div.TabLogos,
div.PortFolioTab div.TabLogosOn
{
  left: 126px;
}

div.PortFolioTab div.TabLogosOn
{
  background-image: url(TabHuisLogos.gif);
}

div.PortFolioTab div.TabDrukWerk,
div.PortFolioTab div.TabDrukWerkOn
{     
  left: 222px;
}

div.PortFolioTab div.TabDrukWerkOn
{     
  background-image: url(TabDrukWerk.gif);
  
}

div.PortFolioTab div.TabWebDesign, 
div.PortFolioTab div.TabWebDesignOn
{
   left: 319px;
}

div.PortFolioTab div.TabWebDesignOn
{
  background-image: url(TabWebDesign.gif);  
}



div.PortFolioTab div.TabDiversen, 
div.PortFolioTab div.TabDiversenOn
{
   left: 416px;
}

div.PortFolioTab div.TabDiversenOn
{
  background-image: url(TabDiversen.gif);  
}