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

/*	---------------------------------------------------------------------------------------
	Reset styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, hr
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height:1;  overflow: hidden;  }


/*	---------------------------------------------------------------------------------------
	Algemeen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html        {   /*height: 100%;*/  }
body        {font-family:  Arial; font-size: 13px; height: 100% ; padding: 15px 0 0 0; line-height: 16px; }
*           {margin:0; padding:0;}
a img       {border:0; margin:0; padding: 0 }
img.border  {border: 1px solid #CFCFCF; margin-bottom: -1px}
hr          {clear: both; color: #fff; background-color: #fff; height: 1px; border: 0px; margin:0px; padding: 0px; line-height: 0px; font-size: 0px}
.pixel_line {height: 5px; width: 100%; border-bottom: 1px solid #BBBBBB; font-size: 0px; line-height: 0px; clear: both; margin:10px 0 15px 0 ; padding:0px}
.pixel_line_big_margin {height: 5px; width: 100%; border-bottom: 1px solid #58585a; font-size: 0px; line-height: 0px; clear: both; margin:15px 0 15px 0 ; padding:20px 0 0 0}
.intro_pixel_line {height: 5px; width: 100%; border-bottom: 1px solid #fff; font-size: 0px; line-height: 0px; clear: both; margin:10px 0 15px 0 ; padding:0px ; position: absolute; top: 116px;}
a           {outline: none;}
div.clear   {clear: both;}

h1 { font-size: 25px; color: #404041; padding: 0 0 34px 0; font-weight: normal; }
h3 { font-size: 12px; color: #404041; padding: 0 0 0 0; display: inline; }
b { color: #404041}



a.intern_zwart:link { color: #737374; font-weight: bold; text-decoration:none; }
a.intern_zwart:visited { color: #737374; font-weight: bold; text-decoration:none;}
a.intern_zwart:active { color: #737374; font-weight: bold; text-decoration:none;}
a.intern_zwart:hover { color: #0098d4; font-weight: bold;	text-decoration:none;}

a.intern_zwart_email:link { color: #000; font-weight: normal; text-decoration:underline; }
a.intern_zwart_email:visited { color: #000; font-weight: normal; text-decoration:underline;}
a.intern_zwart_email:active { color: #000; font-weight: normal; text-decoration:underline;}
a.intern_zwart_email:hover { color: #000; font-weight: normal;	text-decoration:underline;}

a.intern_zwart:link { color: #000; font-weight: normal; text-decoration:none; }
a.intern_zwart:visited { color: #000; font-weight: normal; text-decoration:none;}
a.intern_zwart:active { color: #000; font-weight: normal; text-decoration:none;}
a.intern_zwart:hover { color: #000; font-weight: normal;	text-decoration:none;}





/*	---------------------------------------------------------------------------------------
	Wrapper
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#wrapper_1280{
  position: static;
  padding: 0px;
  border: 0px;
  max-width: 1280px;
  min-width: 960px;
  margin-left: auto;
  margin-right: auto;


  }


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

div#header {
  position: absolute;
  height: 55px;
  padding: 0;
  background-color: #0098D4;
  background-image: url(../images/layout/menu/menu-bg.jpg);
  background-repeat: repeat-x;
  z-index: 1;
  top: 0px;
  left: 0px;
  margin-left: 0px;
  width: 100%;
}


#menu{
  position: relative;
  float: right;
  top: 8px;
  margin: 0px;
  height: 50px;
  width: 300px;
  z-index: 10;

}

#logo{
  position: absolute;
  float: left;
  margin: 0px;
  z-index: 10;
}


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


#content{
  position: absolute;
width: 100%;
 height: 100%;
/*  left: 50%;
  top: 50%;*/
/* margin-left: auto;
  overflow: hidden;*/
  /*z-index: 0;  */
  /*background-color:   transparent;*/
 /* border: 1px solid #000000;  */
/*  padding: 160px 0px 0px 300px; */
/*padding-left: 25%;
padding-top: 10%;*/
/*  background-color: #FF33CC;    */
background-image: url(../images/layout/transparante_gif.gif);
/*background-color: #FF99FF;     */
/*text-align: center;  */
}

.fram{
  position: relative;
  width: 575px;
  height: 415px;

	left: 50%;
	top: 50%;
	margin-left: -287px;
	margin-top: -190px;
}


/*	---------------------------------------------------------------------------------------
	Pagina's Algemeen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#tekst{
  position:  absolute;
  float: left;
  top: 30px;
  left: 35px;
  width: 430px;
  height: 250px;
  margin: 50px;
  padding-top: 2px;


}

#afbeelding{
  position:  relative;
  float: right;
  right: 60px;
  width: 275px;
  height: 320px;
  top:-15px;
  background-color:  #A9A9A9;
  margin: 50px;
}

.button_prev span{background-image: url(../images/layout/menu/previous_off.png); cursor: pointer;}
.button_prev span.active, .button_prev span:hover{ background-image: url(../images/layout/menu/previous_on.png); cursor: pointer;}

.button_next span{background-image: url(../images/layout/menu/next_off.png); cursor: pointer;}
.button_next span.active, .button_next span:hover{ background-image: url(../images/layout/menu/next_on.png); cursor: pointer;}

.button_close span{background-image: url(../images/layout/menu/close_off.png); background-position: -4px 2px; background-repeat: no-repeat; cursor: pointer; }
.button_close span.active, .button_close span:hover{ background-image: url(../images/layout/menu/close_on.png); cursor: pointer;}



/*	---------------------------------------------------------------------------------------
	Pagina Overzicht
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#overzicht{
  width: 100%;
}

.klant_logo{
  float: left;
  padding: 0px;
  margin: 20px;
  text-align: center ;
  height: 120px;
  width: 120px;
  font-family: Arial;
  font-size: 12px;
  color: #878787;

}

img.logo{
  padding: 5px 5px 5px 10px;

}


/*	---------------------------------------------------------------------------------------
	Pagina Algemene Voorwaarden
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#tekst_algemene_voorwaarden{
  position:  absolute;
  float: left;
  top: 0px;
  left: 25px;
  width: 925px;
  margin-top: 0px;
  /*text-align: justify;*/

}


/*	---------------------------------------------------------------------------------------
	Pagina Contact
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#afbeelding_contact{
  position:  relative;
  float: right;
  right: 250px;
  width: 275px;
  height: 320px;
  top:-25px;
  background-color:  #A9A9A9;
  margin: 50px;
}