/* floating grid Copyright (c) 2011 Crowd Favorite, Ltd.*/
/* The rest of it Copyright Robin Bodegom for Bodegom.com  */

/* Reset */
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, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO
{margin: 0; padding: 0; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; }



/*HTML5 display-role reset for older browsers*/
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION { display: block; }



/* Bouwwerk */
.grid {	padding: 0 20px; background-color: white; }
.row { margin-bottom: 1em; }
.blok-rechts {height: 225px; width: 250px;}
.blok-rechts-2 {height: 175px;}



/* Elketra storingen UL */
ul.elektra-storing {list-style-type: circle; padding-left: 15px;}

/* Geschiedenis */
.geschiedenis {max-width: 350px; font-size: small; vertical-align: top; padding: 0px 5px 5px 5px;}



/* diversen */
#logo { padding-left: 10%;}
HR { border: 1px solid #31B2DC; }


/* kleur vlakken */
.wrapper-wit {background-color: white; padding: 20px 0px 20px 0px  }
.top-wrap {	height: 100px;	background: #a95faa;border-bottom: 2px solid #ccc; padding-top: 10px;}
.bottom-wrap {height: 10px;	background: #A95FAA; border-top: 2px solid #CCC; }

/*Algemeen*/
BODY { background-color: #a95faa; color: #444; font-family: Verdana, Arial, sans-serif; line-height: 1.5em;	font-size: 1em; }
IMG { max-width: 100%; }
OL, UL {list-style: none; color: #444; margin: 0 0 0.5em; font-size: small; }

/*Letter werk*/
P {	font-size: small; margin: 0 0 0.5em; max-width: 634px; }

H1, H2 {font-weight: normal; line-height: 1.2em; padding: 0.5em 0 0.25em; }
H1 {font-size: large; color: #A95FAA; font-weight: bold; }
H2 {font-size: medium; color: #A95FAA; font-weight: bold; }

/* Hyperlinks */
A:link, A:visited { color: #444; text-decoration: underline; }
A:hover, A:active {	color: #a95faa; text-decoration: underline; }


/* Knoppen */

/* knop-1 original= "download itunes" By Chad Mazzola hellohappy.org 
   Chad wrote a blog post about creating this button:
   http://robots.thoughtbot.com/post/2718077289/make-css3-buttons-like-a-boss
*******************************************************************************/
a.knop-1 {

text-decoration: none; 
float: left;
margin-bottom: 5px;
height: 10px;
min-width: 150px; /*112px*/


  background-color: #52a8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52a8e8), color-stop(100%, #377ad0));
  background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -moz-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -ms-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -o-linear-gradient(top, #52a8e8, #377ad0);
  background-image: linear-gradient(top, #52a8e8, #377ad0);
  border-top: 1px solid #4081af;
  border-right: 1px solid #2e69a3;
  border-bottom: 1px solid #20559a;
  border-left: 1px solid #2e69a3;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  color: #fff;
  font: normal 11px/1 "lucida grande", sans-serif;
  padding: 6px 10px;
  text-align: center;
  text-shadow: 0 -1px 1px #3275bc;
 
  -webkit-background-clip: padding-box; }
  
a.knop-1:hover {
    background-color: #3e9ee5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e9ee5), color-stop(100%, #206bcb));
    background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    border-top: 1px solid #2a73a6;
    border-right: 1px solid #165899;
    border-bottom: 1px solid #07428f;
    border-left: 1px solid #165899;
    -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
    box-shadow: inset 0 1px 0 0 #62b1e9;
    cursor: pointer;
    text-shadow: 0 -1px 1px #1d62ab;
    -webkit-background-clip: padding-box; }
    
a.knop-1:active {

    background: #3282d3;
    border: 1px solid #154c8c;
    border-bottom: 1px solid #0e408e;
    -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    text-shadow: 0 -1px 1px #2361a4;
    -webkit-background-clip: padding-box; }

a [disabled].knop-1,
a [disabled].knop-1:hover,
a [disabled].knop-1:active {
  background-color: #dadada;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #f3f3f3));
  background-image: -webkit-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -moz-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -ms-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -o-linear-gradient(top, #dadada, #f3f3f3);
  background-image: linear-gradient(top, #dadada, #f3f3f3);
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #cecece;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #8f8f8f;
  cursor: not-allowed;
  text-shadow: 0 -1px 1px #ebebeb; }

a.knop-1::-moz-focus-inner {
  border: 0;
  padding: 0; }