/*	---------------------------------------------------------------------------------------
	Buro 7
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	File:				main.css
	Version:			0.1
	Date:				02.09.2010
	Author:				Buro 7
	---------------------------------------------------------------------------------------	*/


/*	---------------------------------------------------------------------------------------
	Typogragie
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
  html{ overflow: auto; /*overflow-x:hidden; */  background-color: #000000;}

  body{ color: #fff;  font-size: 11px; }

  h1 { font-size: 14px; color: #4f4f4d; padding: 0 0 0px 0; line-height: 12px;  margin: 0 0 15px 0;}

  p.inleiding{ color: #000;  }

  .contentSquareRight h1 { font-size: 18px; color: #5bbb47; padding: 0 0 0px 0; line-height: 14px; }

  a.intern:link { color:    #b4ad41; font-weight: bold; text-decoration:none; }
  a.intern:visited { color: #b4ad41; font-weight: bold; text-decoration:none;}
  a.intern:active { color: #b4ad41; font-weight: bold; text-decoration:none;}
  a.intern:hover { color: #b4ad41; font-weight: bold;	text-decoration:underline;}

  a.mail:link { color:    #b4ad41  ; font-weight: normal; text-decoration:none; }
  a.mail:visited { color: #b4ad41  ; font-weight: normal; text-decoration:none;}
  a.mail:active { color: #b4ad41; font-weight: normal; text-decoration:none;}
  a.mail:hover { color: #b4ad41; font-weight: normal;	text-decoration:underline;}



  .pixelline {height: 5px; width: 100%; border-bottom: 1px dotted #979797; font-size: 0px; line-height: 0px; clear: both; margin:15px 0 20px 0 ; padding:0px;  }

   /* remove dotted link outlines */
a:focus, a:hover, a:active { outline:none }
a:focus, a:hover, a:active { outline:none }



/*	---------------------------------------------------------------------------------------
	Main Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.wrapper960{
  position:absolute;
  width: 960px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  top:50%;
  left:50%;
  margin-top:-275px;
  margin-left:-480px;


}


/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.header{
  position: relative;
  height: 70px;
}

.logo{
  float: right;
}

.terug{
  top: 40px;
  position: absolute;
  right: 100px;
  float: right;
  color: #fff;
  font-size: 14px;
}

.terug a{
  color: #fff;
  font-size: 14px;
}

.terug a:link {text-decoration:none; }
.terug  a:visited {text-decoration:none;}
.terug  a:active {text-decoration:none;}
.terug  a:hover { color: #b4ad41 ;text-decoration:none;}

.titel{
  float: left;
  margin: 22px 0 0 15px;
}

/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.content{
  position: relative;
  height: 460px;
  border-top: #FFFFFF solid 1px;
  border-left: #FFFFFF solid 1px;
  border-right: #FFFFFF solid 1px;
  background-color:  #000000;
}

.galerij{
  border-bottom: #FFFFFF solid 1px;
}


.kol1{
 position: absolute;
 width: 300px;
 padding: 15px 15px 0 15px;
 text-align: justify;
}

.kol2{
  position: absolute;
 right: 0px;
 bottom: 0px;
 width: 596px;
 padding:0px;
 text-align: justify;
}

/*	---------------------------------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.butWinkel{
  position: absolute;
  left: 256px;
  top: 172px;
}

.butWandmeubels{
  position: absolute;
  left: 511px;
  top: 87px;
}

.butDiversen{
  position: absolute;
  left: 426px;
  top: 172px;
}

.butKeukens{
  position: absolute;
  left: 171px;
  top: 257px;
}

.butContact{
  position: absolute;
  left: 341px;
  top: 257px;
}

.butHoofdpagina{
  position: absolute;
  left: 511px;
  top: 257px;
}



.butWinkelPhoto{
  position: absolute;
  left: 341px;
  top: 172px;
}

img.a { position: absolute; left: 0px; z-index: 2; }
img.b {	position: absolute; left: 0px; z-index: 1; }