/*  
Site Name: McKilli 
Site URI: www.mckilli.nl
Description: 
Version: 0.1
Author: iTen
Author URI: www.iten.nl

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


/*  =RESET
---------------------------------------------------*/


body
{
   background-image: url(images/main_Bg.jpg);
   margin: 0px;
   padding: 0px;
   background-color: #ffffff;
   font-family: Arial;
   font-size: 12px;
}

body, html
{
   height: 100%;
}

h1, h2, h3, h4, h5, h6, ul, li, p, label, fieldset, form
{
   margin: 0;
   padding: 0;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
}
h1
{
   font-size: 140%;
   letter-spacing: -0.05em;
   font-weight: bold;
   color: #003472;
}

.Header1
{
   font-size: 140%;
   letter-spacing: -0.05em;
   font-weight: bold;
   color: #003472;
}

h2
{
   font-size: 136%;
   letter-spacing: -0.03em;
}

h3
{
   font-size: 95%%;
}

h4
{
   font-size: 110%;
}

h5
{
   font-size: 100%;
}

h6
{
   font-size: 96%;
}

p
{
   line-height: 1.4em;
}

fieldset, img
{
   border: 0 none;
}

a img
{
   border: 0 none;
}

a
{
 color: #51b9ea;  
}

#Container
{
   margin: 0 auto;
   position: relative;
   width: 865px;
   min-height: 100%;
   height: auto !important;
   height: 100%; /*margin: 0 auto -4em;*/
}

#Content ul
{
 list-style-position:inside  
}


#main
{
   overflow: auto;
   padding-bottom: 33px;
}

#header
{
   width: 1024px;
   margin-top: 0px;
   margin-top: 0;
   padding-top: 20px;
}

/* TOP NAVIGATIE */

#navigatie
{
   height: 42px;
   left: 15px;
   list-style: none outside none;
   margin-left: 119px;
   padding-left: 28px;
   position: relative;
   top: 34px;
   width: 725px;
   z-index: 20;
}

#navigatie ul
{
   margin: auto;
}


#navigatie li
{
   float: left;
   padding-top: 5px;
}

#navigatie li a
{
   color: #003472;
   display: block;
   padding-top: 7px;
   padding-right: 7px;
   text-decoration: none;
}

#navigatie li a:hover
{
   font-weight: bolder;
   cursor: pointer;
}

.navSeperator
{
   background: transparent url(images/MenuSeperator.png) no-repeat scroll right center !important;
   float: left;
height:23px;
margin-left:0;
margin-right:8px;
margin-top:4px;
width:8px;


}

.active
{
   font-weight: bold;
   text-decoration: underline;
   color: #ffffff;
}

#SubNavigatie
{
   height: auto;
   left: -24px;
   position: absolute;
   top: 277px;
}

#Top
{
   background-image: url("images/SubmenuTop.png");
   height: 19px;
   padding-top: 48px;
   position: relative;
   width: 168px;
   z-index: 7;
}

#SubMenuHeader
{
   color: #003472;
   float: right;
   font-weight: bold;
   position: relative;
   right: 21px;
}

#Middle
{
   background-image: url("images/SubmenuMiddle.jpg");
   background-repeat: repeat-y;
   width: 170px;
   z-index: 5;
   padding-left: 12px;
}

#SubMenu
{
   width: 133px;
   z-index: 5;
   text-align: left;
   list-style-position: inside;
   list-style: none;
   text-align: right;
}

#SubMenu li
{
   text-decoration: none;
}


/*#SubMenu li:after
{
   content: close-quote;
}*/

#SubMenu li a
{
   text-decoration: none;
   color: #000000;
}

#SubMenu li a:hover
{
   text-decoration: underline;
   cursor: pointer;
}

.activeSubmenu
{
   font-weight: bold;
   text-decoration: underline !important;
}


#Bottom
{
   background-image: url("images/SubmenuBottom.jpg");
   background-repeat: repeat-y;
   height: 36px;
   width: 170px;
   position: relative;
   z-index: 5;
}


#TabMenuInFotoHeader
{
   list-style: none;
   position: absolute;
   left: 20px;
   top: 8px;
}

#TabMenuInFotoHeader ul
{
   margin: auto;
}


#TabMenuInFotoHeader li
{
   float: left;
   text-align: center;
}

#TabMenuInFotoHeader li a
{
   color: #ffffff;
   display: block;
   padding-top: 4px;
   text-decoration: none;
}

#TabMenuInFotoHeader li img
{
   position: absolute;
}

#TabMenuInFotoHeader li a:hover
{
   text-decoration: underline;
   cursor: pointer;
}


#Referenties
{
   background-image: url("images/TellAFriendTab.png");
   height: 26px;
   width: 71px;
   position: relative;
   z-index: 5;
}

#OfferteAanvragen
{
   background-image: url("images/OfferteAanvragenTab.png");
   height: 26px;
   width: 103px;
   position: relative;
   z-index: 5;
}


#TellAFriend
{
   background-image: url("images/TellAFriendTab.png");
   height: 26px;
   width: 72px;
   position: relative;
   z-index: 5;
}


/*  =CONTENT
-------------------------------------------------------------- */
.push
{
   height: 140px;
   clear: both;
}

#Spacer
{
   height: 14px;
   width: auto;
}

#Logo
{
   float: left;
   left: 20px;
   position: relative;
}

#Spreuk
{
   left: 140px;
   position: relative;
   top: 29px;
   width:491px;
}


#ZoekTextBox
{
   height: 15px;
   margin: 10px 3px 25px 52px;
   width: 94px;
}

#ZoekenKnop
{
 width:55px; 
 height:22px; 
 margin-top:1px;   
}

#Servet
{
   background-image: url("images/Servet.png");
   height: 415px;
   position: absolute;
   right: 20px;
   top: 0;
   width: 233px;
   z-index: 5;
}

#ServetContent
{
height:370px;
overflow:hidden;
width:200px;
}

#Servet p
{

font-size:9.5px;
line-height:1em;
margin-left:53px;
width:150px;
font-style:italic;
}

#Servet h1, h2, h3, h4, h5, h6
{
      clear:both;
   margin-left: 52px;
}

#FotoHeader
{
   height: 222px;
   position: relative;
   width: 731px;
   overflow: hidden;
}

#FotoHeaderOverlay
{
   background-image: url("images/FotoHeader.png");
   height: 222px;
   position: absolute;
   width: 731px;
   z-index: 3;
font-size:11px
}

#fotoFade
{
   margin: 8px;
   z-index: 2;
}

#VerhuurShop a
{
   background: url("images/VerhuurShopKnop.png") no-repeat scroll 0 0 transparent;
   height: 95px;
   position: absolute;
   right: 32px;
   top: 422px;
   width: 179px;
   z-index: 5;
}

#VerhuurShop a:hover
{
   background: url("images/VerhuurShopKnop.png") no-repeat scroll 0 -93px;
   height: 107px;
   width: 179px;
}

#HorizontaleMiddenBalk
{
   background-image: url("images/HorizontaleBalk.png");
   background-repeat: repeat-x;
   height: 100px;
   position: absolute;
   top: 160px;
   width: 100%;
   z-index: 1;
}

#FotoKader
{
   height: 144px;
   position: relative;
   width: 161px;
   overflow: hidden;
   z-index: 3;
   left: 4px;
}

#FotoKader img
{
   margin-left: 4px;
   margin-top: 4px;
}

#FotoKaderOverlay
{
   background-image: url("images/FotoKader.png");
   height: 144px;
   position: absolute;
   width: 161px;

}


#MuziekSpeler
{
   padding-left: 6px;
   position: absolute;
   z-index: 3;
top:315px;
}

#Content
{
   position: relative;
   margin-left: 171px;
   margin-top: 16px;
   width: 435px;

min-height:380px;
}

#FotoAlbumOverzicht
{
   list-style: none outside none;
}

#FotoAlbumOverzicht li
{
   float: left;
   padding-top: 18px;
}

#FotoAlbumOverzicht li a
{
   display: block;
   padding-right: 21px;
}

#FotoAlbums
{
   list-style: none outside none;
}

#FotoAlbums li
{
   float: left;
   padding-top: 18px;
}

#FotoAlbums li a
{
   display: block;
   padding-right: 21px;
}

.description
{
   height: 15px;
   text-align: center;
   padding-top: 5px;
}

.description a
{
   text-decoration: none;
   color: #000000;
}

.description a:hover
{
   text-decoration: underline;
   color: #003472;
}

.mapdimensions
{
   height: 346px;
}

#OfferteAanvragenTabel
{
   
}

.OfferteAanvragenTabel
{
   width: 100%;
}

.OfferteAanvragenTabel td
{
   vertical-align: middle;
}


.Kolom1Header
{
   font-size: 12px;
   font-family: Arial;
   color: #003472;
font-weight:bold;
}


.Kolom2Header
{
   font-size: 12px;
   font-family: Arial;
   color: #003472;
font-weight:bold;
}

.TekstVeld
{
   height: 15px;
}

.labelVeld
{
   padding-left: 0px;
}

.labelVeldRechts
{
   width: 100px;
   padding-left: 5px;
}

.TekstVeldAanvullendeInfo
{
   width: 415px;
}

.VerstuurOfferteKnop
{
background-image:url("images/WinkelMandjeKnop.png");
float:left;
height:20px;
padding-top:4px;
text-align:center;
width:124px;

}

.VerstuurOfferteKnop a
{
color: #ffffff;
   text-decoration: none;

}

.VerstuurOfferteKnop a:hover
{
color: #51B9EA;
}

/*  =FOOTER
-------------------------------------------------------------- */


#Footer
{
   position: relative;
   text-align: center; /*   background-image: url("images/Footer_BG.png");    background-repeat: repeat-x;*/
   background-color: #51b9ea; /*   bottom: 0; */
   height: 33px; /*   position: absolute; */
   width: 100%;
   z-index: 20;
   color: #ffffff;
   margin-top: -33px;
   clear: both;
}

#Footer a
{
   color: #ffffff;
}

#footerContent
{
   margin: 0 auto;
   padding-top: 12px;
   width:897px
}

#footer p
{
   color: #ffffff;
   font-size: 10px;
}
#copyright
{
}

#buro19
{
   float: right;
   position: relative;
   right: 40px;
}

#buro19 a
{
   text-decoration: underline;
   color: #ffffff;
}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.alignleft
{
   float: left;
}
.alignright
{
   float: right;
}
.clear
{
   clear: both;
}

.center
{
   text-align: center;
}
.left
{
   text-align: left;
}
.right
{
   text-align: right;
}

.small
{
   font-size: 0.8em;
}
.hidden
{
   display: none;
}

/*
================================
CONTACT STYLES
================================
*/

.form .text
{
   width:434px;
   margin: 0 0 10px 0;
}

.form .fields
{
   width: 280px;
}

fieldset 
{
 width:400px;  
}

fieldset legend
{
   display: none;
}

fieldset label
{
   display: block;
   margin: 4px 0 0;
   float:left;
   position:relative;
width:76px;
}

/*
fieldset label.first
{
   margin: 0;
}*/

fieldset input
{
   font-size: 12px;
   height: 15px;
   margin: 0 0 3px;
   padding: 2px;
   width: 314px;

}

fieldset textarea
{
   font-family: Arial;
   font-size: 12px;
   height: 130px;
   margin: 0 0 3px;
   padding: 2px 2px 1px;
   width: 313px;

}

fieldset input:focus, fieldset textarea:focus
{
   border: 1px solid #51B9EA;
}

fieldset input.error, fieldset textarea.error
{
   border: 1px solid #F49AC1;
}

fieldset input.error:focus
{
   border: 1px solid #af4975;
}

fieldset button
{
   border: none;
  /* color: #51B9EA;*/
color: #ffffff;
   margin: 10px 0;
   background: url('images/WinkelMandjeKnop.png') no-repeat right 50%;
   font-size: 12px;
float:right;
}

fieldset button:hover
{

  color: #51B9EA;

}


.flashHeader
{
margin: 0;

}


































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */