/* Andel Soree 

Reinvdven.nl

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, #Arts .Art .ArtBody li, 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 {
    border: 0px;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 100%;
    font: inherit;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}

#about {
    background-color: transparent;
    font-size: 14px;
    left: 50%;
    margin-left: -180px;
    overflow: hidden;
    padding: 20px 40px;
    position: absolute;
    top:10%;
    width: 300px;
    z-index: 3;
    height: 2000px;
}
#art1 {
    margin-left:150px;
    height: 26px;
    width: 26px;
    z-index: 4;
    background: url(http://www.zickzack.nl/i/art.png);
}
#art2 {
    height: auto;
    left: 50%;
    margin-left: -350px;
    overflow: hidden;
    position: absolute;
    top: 150px;
    z-index: 3;
}

iframe { top: 0px; left: 0px; position: fixed; }
.download { z-index: 99; top: 0px; left: 0px; }
span{ display: block; float: left; margin-left: -50px; font-weight: bold;}


/* -------------------------------------------------------------------- GENERAL SITE CSS */
a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
}
::selection {
    background: #DA9731;
    color: #000;
}
::-moz-selection {
    background: #DA9731;
    color: #000;
}
::-webkit-selection {
    background: #DA9731;
    color: #000;
}
.img::selection {
    background: #DA9731;
    color: #000;
}
h1 {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 105px;
    line-height: 95px;
    margin-bottom: 20px;
}
h2 {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 60px;
    line-height: 55px;
    margin-bottom: 20px;
}
h3 {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 14px;
    overflow: hidden;
}
h4 {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 16px;
    line-height: 120%;
    overflow: hidden;
}
h5 {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 13px;
    line-height: 13px;
    margin: 15px 0px 10px;
}
.subtitel {
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
    overflow: hidden;
}
p {
    font-size: 12px;
    font-family: 'PT Sans Caption', sans-serif;
        color: #fff;
    line-height:18px;
    margin: 0px 0px 10px 15px;
    text-align: justify;
       text-shadow: rgba(0,0,0,.4) 0 1px 0;	
}

.subs {
    font-size: 8px;
    font-family: 'PT Sans Caption', sans-serif;
        color: #ccc;
    line-height:12px;
    width:250px;
    margin: 0px 0px 10px 30px;
    text-align: center;
}


p > a {
    background: none;
    color: #d3993c;
}
p > a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
img,
a img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
a {
    color: #fff;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
h1 {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1;
}




/* -------------------------------------------------------------------- MAILCHIMP */
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {
    display: block;
    padding: 10px 0px 3%;
    position: relative;
    text-align: center;
}
#mc_embed_signup h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 15px 0px;
    padding: 0px;
}
#mc_embed_signup input {
    -webkit-appearance: none;
    border: 1px solid #999;
}
#mc_embed_signup input[type=checkbox] {
    -webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
    -webkit-appearance: radio;
}
#mc_embed_signup input:focus {
    border-color: #333;
}
#mc_embed_signup .button {
    background-color: #DA9731;
    border-radius: 4px;
    border: 0px none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0px 5px 10px 0px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 320px;
}
#mc_embed_signup .button:hover {
    background-color: #ff440b;
}
#mc_embed_signup .small-meta {
    font-size: 11px;
}
#mc_embed_signup .nowrap {
    white-space: nowrap;
}
#mc_embed_signup .clear {
    clear: none;
    display: inline;
}
#mc_embed_signup label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}
#mc_embed_signup input.email {
    display: block;
    margin: 0px 4% 10px 0px;
    min-width: 130px;
    padding: 8px 0px;
    text-indent: 5px;
    width: 58%;
}
#mc_embed_signup input.button {
    display: block;
    margin: 0px 0px 10px;
    min-width: 90px;
    width: 35%;
}
#mc_embed_signup div#mce-responses {
    clear: both;
    float: left;
    margin: 0px 5%;
    overflow: hidden;
    padding: 0px 0.5em;
    top: -1.4em;
    width: 90%;
}
#mc_embed_signup div.response {
    float: left;
    font-weight: bold;
    margin: 1em 0px;
    padding: 1em 0.5em 0.5em 0px;
    top: -1.5em;
    width: 80%;
    z-index: 1;
}
#mc_embed_signup #mce-error-response {
    display: none;
}
#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}
#mc_embed_signup label.error {
    display: block;
    float: none;
    margin-left: 1.05em;
    padding: 0.5em 0px;
    text-align: center;
    width: auto;
}

.button {
   background: #DA9731;
     padding: 20px 10px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: white;
   font-size: 16px;
   font-family: 'PT Sans Caption', sans-serif;
   text-decoration: none;
   vertical-align: middle;
   text-align: center;
   margin-left: 10px;
   overflow: hidden;
   }
.button:hover {
   background: #000;
   color: #ffffff;
   text-decoration: none;
   }
.button:active {
   border-top-color: #000000;
   background: #000000;
   }
