/* CSS 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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after, q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* End CSS reset */



html
{
    background-color: #527baf;
}

body
{
    background-image: linear-gradient(top, #7dadd5 0%, #527baf 100%);
    background-image: -o-linear-gradient(top, #7dadd5 0%, #527baf 100%);
    background-image: -moz-linear-gradient(top, #7dadd5 0%, #527baf 100%);
    background-image: -webkit-linear-gradient(top, #7dadd5 0%, #527baf 100%);
    background-image: -ms-linear-gradient(top, #7dadd5 0%, #527baf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7dadd5), color-stop(1, #527baf));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7dadd5', EndColorStr='#527baf');
    min-width: 1200px;

    font-family: "Trebucher MS", Verdana, Sans-Serif;
    font-size: 15px;
    color: #2e73ac;
    line-height: 24px;
}

.container
{
    width: 1200px;
    margin: 0px auto 0px auto;
}

#header-top
{
    height: 53px;
    background-image: url('../img/header_toes.png');
    background-repeat: no-repeat;
    background-position: 110px 0px;
}

#header-purple
{
    background-color: #7262a1;
    width: 100%;
    height: 191px;
}

#header
{
    height: 100%;
}

#header div
{
    float: left;
}

#header .left
{
    background-image: url('../img/header_shadow_left.png');
    background-repeat: repeat-x;
    height: 100%;
    width: 40px;
    margin-left: 70px;
}

/* Logos */
#home #header .center{background-image:url('../img/logo_home.png')}
#nieuws #header .center{background-image:url('../img/logo_nieuws.png')}
#werkwijze #header .center{background-image:url('../img/logo_werkwijze.png')}
#nagel-en-voetproblemen #header .center{background-image:url('../img/logo_nagel-en-voetproblemen.png')}
#tarieven #header .center{background-image:url('../img/logo_tarieven.png')}
#links #header .center{background-image:url('../img/logo_links.png')}
#contact #header .center{background-image:url('../img/logo_contact.png')}
#openingstijden #header .center{background-image:url('../img/logo_openingstijden.png')}
/* End logos */

#header .center
{
    background-color: #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 980px;
    height: 191px;
}

#header .center #light-purple-band
{
    position: relative;
    background-color: #9e95c4;
    width: 977px;
    height: 24px;
    top: 167px;
}

#content
{
    height: 596px;
    width: 974px;
    border-top: 9px solid #ffffff;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
}

#content div
{
    float: left;
}

#spacer
{
    background-color: #e5eff8;
    background-image: url('../img/content_light.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 596px;
    width: 47px;
}

/* Menu */
#menu
{
    background-color: #cae4e1;
    height: 397px;
    width: 100%;
    font-size: 14px;
}

#menu ul
{
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#menu ul a
{
    text-decoration: none;
    color: #2e73ac;
}

#menu ul a:hover
{
    color: #ffffff;
}

#menu #active a
{
    color: #7861a5;
}

#menu #menu-top a
{
    font-weight: bold;
    color: #7861a5;
    text-decoration: none;
}

#menu #menu-top a:hover
{
    color: #ffffff;
}

#menu #menu-top #active a
{
    color: #ffffff;
}

#menu #menu-top #active a:hover
{
    cursor: default;
}

#optional
{
    width: 100%;
    margin-top: 2px;
    height: 197px;
}
/* End menu */



/* Content */
#content-text
{
    background-color: #ffffff;
    width: 587px;
    height: 100%;
    overflow: auto;
}

#content-text ul
{
    list-style-type: circle;
}

#content-text li
{
    margin-left: 50px;
}

#content-foot
{
    background-image: url('../img/content_foot.png');
    background-repeat: no-repeat;
    width: 143px;
    height: 100%;
}

#content #left
{
    background-color: #ffffff;
    width: 197px;
    height: 100%;
}

#content #left div
{
    float: left;
}

h1
{
    margin: 25px 14px 25px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #7861a5;
}

h1 span
{
    font-size: 12px;
    color: #ac91ff;
    white-space: nowrap;
}

h2
{
    margin: 25px 14px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #7861a5;
}

h3
{
    margin: 5px 14px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #7861a5;
}

h3 span
{
    font-size: 10px;
    color: #ac91ff;
    white-space: nowrap;
}

.italic
{
    font-style: italic;
}

.bold
{
    font-weight: bold;
}

p
{
    margin: 0px 12px 25px 20px;
}

p.content-header
{
    font-weight: bold;
}

div.article
{
    margin-bottom: 20px;
}

div.article p
{
    margin-bottom: 0px;
}

div.article a, div.article-navigation a
{
    color: #7861a5;
}

div.article a:hover, div.article-navigation a:hover
{
    text-decoration: none;
    color: #9885e9;
}

div.article-navigation
{
    margin-left: 20px;
}

.no-margin-bottom
{
    margin-bottom: 0px;
}

table
{
    margin-left: 20px;
    width: 538px;
}

table th
{
    font-weight: bold;
}

table tbody th
{
    text-align: left;
}

.divider
{
    height: 24px;
}

.price
{
    text-align: right;
}

img.pull-right
{
    float: right;
    margin-right: 20px;
}
/* End content */



/* Footer */
#footer
{
    height: 93px;
    background-image: url('../img/footer.png');
    background-repeat: no-repeat;
    background-position: 58.8% 0%;
}

#footer-text
{
    text-align: center;
    color: #ffffff;
    margin-left: 360px;
    width: 580px;
    padding-top: 3px;
    font-weight: bold;
}

#footer-text span
{
    color: #00a2d8;
    padding: 0px 5px;
}

#footer-text a, #footer-text a:visited
{
    color: #ffffff;
    text-decoration: none;
}

#footer-text a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
/* End footer */

/* Start alerts */
.alert {
    display: block;
    padding: 5px;
    margin: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 535px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger a {
    color: #a94442;
}
/* End alert */