@charset 'utf-8';

/**
 * html tags
 */

a:link,
a:visited
{
    color: #f29100;
    text-decoration: underline;
}
a:hover,
a:active
{
}

body
{
    background-color: #d8e9ea;
    font-family: arial, sans-serif;
    font-size: 0.73em;
}

em
{
    font-style: italic;
}

h1   /* zie ook screen.css */
{
    background: transparent url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/h1.png) no-repeat bottom left;
    font-size: 132.5%;
    font-weight: bold;
    letter-spacing: -1px;
    margin-left: -14px;
    padding: 14px 14px 28px 34px;
    text-transform: uppercase;
}

h2  /* zie ook screen.css */
{
    font-size: 120%;
    font-weight: bold;
    line-height: 18px;
    margin: 0 20px;
    text-transform: uppercase;
}

h3  /* zie ook screen.css */
{
    font-weight: bold;
    line-height: 18px;
    margin: 20px 20px 0 20px;
    text-transform: uppercase;
}

ol,
ul
{
    margin: 0 20px 20px 20px;
}
ol li
{
    line-height: 18px;
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0 0 5px 20px;
}
ul li
{
    line-height: 18px;
    list-style-type: disc;
    list-style-position: outside;
    margin: 0 0 5px 20px;
}

p
{
    line-height: 18px;
    margin: 0 20px 20px 20px;
}

strong
{
    font-weight: bold;
}

/**
 * forms
 */

input,
textarea
{
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: none;
    resize: none;
}
input[type=button],
input[type=submit]
{
    background-color: #fff;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    color: #f29100;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 85%;
    padding: 1px;
    text-transform: uppercase;
}
input[type=text]
{
    background-color: #e6f0d9;
    border: 0;
    font-family: arial, sans-serif;
    padding: 1px;
}

label
{
    cursor: pointer;
}
select
{
    background-color: #e6f0d9;
    border: 0;
}
option:hover
{
    background-color: #f29100;
}
textarea
{
    background-color: #e6f0d9;
    border: 0;
    font-family: arial, sans-serif;
    font-size: 100%;
    height: 50px;
    padding: 5px;
    width: 445px;
}

table
{
    width: 100%;
}
td
{
    margin: 0;
    padding: 0;
    vertical-align: top;
}

/**
 * content links
 */
a.right:link,
a.right:visited
{
    background: transparent url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/a-right.png) no-repeat bottom right;
    display: block;
    font-weight: bold;
    margin-right: -14px;
    padding: 7px 22px 21px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
a.right:hover,
a.right:active,
a.right-active
{
    background-image: url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/a-right-active.png);
    color: #fff;
}
a.left:link,
a.left:visited
{
    background: transparent url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/a-left.png) no-repeat bottom left;
    display: block;
    font-weight: bold;
    margin-left: -14px;
    padding: 7px 10px 21px 22px;
    text-decoration: none;
    text-transform: uppercase;
}
a.left:hover,
a.left:active,
a.left-active
{
    background-image: url(http://www.omgaanmetidealen.nl/themes/v1/static/graphic/a-left-active.png);
}

/**
 * other styles
 */
.clear-both
{
    clear: both;
}

.color-cde1b3
{
    color: #cde1b3;
}
.color-e6f0d9
{
    color: #e6f0d9;
}
.color-f29100
{
    color: #f29100;
}
.color-99c668
{
    color: #99c668;
}

.display-none
{
    display: none;
}
.float-left
{
    float: left;
}
img.float-left
{
    margin: 0 10px 5px 0;
}
.float-right
{
    float: right;
}
img.float-right
{
    margin: 0 0 5px 10px;
}

.font-size-110
{
    font-size: 110%;
}
.font-size-120
{
    font-size: 120%;
}
.font-size-130
{
    font-size: 130%;
}
.font-size-140
{
    font-size: 140%;
}
.font-size-150
{
    font-size: 150%;
}
.font-size-160
{
    font-size: 160%;
}
.font-size-170
{
    font-size: 170%;
}
.font-size-180
{
    font-size: 180%;
}

.boxstyle {   /* Deprecated. Staat nu in Typography.css onder .groeneHeading */
    display:inline-block;
    background: none repeat scroll 0 0 #CDE1B3;
    display: inline-block;
    margin: 0 0 10px;
    padding: 10px 20px;
    font-size: 120%;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
}