body {
margin: 0 auto;
padding: 0;
font: 75% "lucida sans", Arial, Helvetica, Sans-Serif;
line-height: 1.7em;
background: #fff url(http://www.artisani.be/images/bg.jpg) repeat-x;
color: #555;
}


h3{
padding: 20px 0 10px 0;
margin: 0;
border-bottom: 1px solid #ccc;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #809337;
background: inherit;
}

img{
margin-top:10px;
}

                        /*WRAP*/
#wrap {
width: 760px;
margin: 0 auto;
padding: 0;
background: #fff;
color: #555;
}
                                /*TOPBAR */
#topbar {
width: 1024px;
height: 200px;
margin: 0 auto;
padding: 0;
overflow: hidden;
color: #000;
}

#topbar h1 {
margin-top: 50px;
padding: 20px;
line-height:35px;
font-size:16px;
color: #fff;
background: transparent;
width:750px;
text-align:left;
}

.header{
font-size:250%;}

#topbar h2 {
margin: 5px;
padding: 5px;
font-size: 90%;
letter-spacing: 3px;
color: #fff;
background: transparent;
}
#topbar img a {
margin: 0;
border: none;
}
#topbarleft {
float: left;
width: 200px;
height: 200px;
margin: 0;
padding: 0;
color: #000;
}
#topbarright {
float: right;
width: 800px;
text-align: left;
margin: 0;
padding: 10px 0 0 0;
}
#topbarright li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#topbarright ul {
margin: 0;
padding: 0;
}
#topbarright a, #topbarright a:visited {
color: #444444;
font-size: 120%;
margin: 0;
padding: 6px 10px 6px 10px;
text-decoration: none;
}
#topbarright a:hover {
color: #666;
text-decoration: underline;
}
                                /*CONTENT */
#content {
width: 1024px;
margin: 0 auto;
padding: 0;
}
#content p {
padding: 10px 0 10px 0;
margin: 0;
line-height: 2em;
}
#content h1 {
margin: 30px 0 0 0;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #809337;
background: inherit;
}
#content h2 {
padding: 20px 0 10px 0;
margin: 0;
border-bottom: 1px solid #ccc;
font: normal 200% Century Gothic, Verdana, Arial, Sans-Serif;
color: #809337;
background: inherit;
}


#content h2.soft{
border:none;
font-size:16px;
text-align:left;}


#contentright {
float: right;
width: 760px;
margin: 0;
padding: 0 0 20px 0;
}

#contentright .hp{
margin-top:40px;}

#contentright a {
color: #555;
}

#contentright a:hover {
color: #7E9135;
}

#hcard-ARTisani{
padding: 25px;}




                                /*LEFT SIDEBAR*/
#left_sidebar {
float: left;
width: 225px;
margin: 20px 0 0 20px;
padding: 0 0 20px 0;
border-bottom: 0px solid #ccc;
}
#left_sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
#left_sidebar ul li {
display: inline;
padding: 0;
margin: 0;
}
#left_sidebar ul li a {
display: block;
color: #000;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #C0C0C0;
}
#left_sidebar ul li a:hover {
background: #eee;
color: #7E9135;
}
#left_sidebar p {
padding: 3px 0 0 0;
margin: 0;
line-height: 20px;
}
                        /*FOOTER BACKGROUND*/
#footerbg {
background: #555;
border-top: 5px solid #A6BA61;
}
                                /*FOOTER*/
#footer {
width: 1000px;
height: 200px;
margin: 0 auto;
text-align: left;
position: relative;
line-height: 1.5em;
background: #555;
color: #fff;
}
#footer p {
padding: 0;
list-style-type: none;
margin: 0;
color: #fff;
}
#footer h2 {
padding: 0 0 20px 0;
margin: 15px 0 0 0;
text-transform: uppercase;
letter-spacing: 3px;
font: bold 120% Arial, Helvetica, Sans-Serif;
border-bottom: 2px solid #666;
color: #A6BA61;
background: inherit;
}
#footer a {
color: #aaa;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer ul li {
display: inline;
padding: 0;
margin: 0;
}
#footer ul li a {
display: block;
color: #B5C28A;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
border-bottom: 1px solid #666;
}
#footer ul li a:hover {
background: #444;
color: #fff;
}
#footerleft {
float: left;
width: 315px;
margin: 0 20px 0 0;
padding: 0;
background: #555;
}
#footermiddle {
float: left;
width: 315px;
margin: 0 20px 0 0;
padding: 0;
background: #555;
}
#footerright {
float: right;
width: 315px;
margin: 0;
padding: 0;
background: #555;
}
#credits {
padding: 5px;
margin: 0;
background: #555;
color: #fff;
}

.seo{
float:right;
margin-left:20px;
padding-bottom:10px;}


                        /*LINKS*/
a, a:visited {
color: #A6BA61;
background: inherit;
text-decoration: none;
}
a:hover {
color: #7E9135;
background: inherit;
text-decoration: underline;
}
a img {
border: none;
}
                        /*CLASS*/
.small {
font-size: 90%;
font-weight: bold;
background: inherit;
color: #809337;
}
                        /*TYPOGRAPHY*/
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}


/* tooltip */
a.info {
        font-family: Tahoma, Arial, Sans-Serif;
        text-decoration:none;
        position: relative;
}

a.info span {
        position: relative;
        display:none;
}

a.info:hover {
        position: relative;
        cursor:default;
}

a.info:hover .infobox {
        font-weight: normal;
        display:block;
        position:absolute;
        top:20px;;
        left:25px;
        width:205px;
        height:70px;
        border: 1px solid #ccc;
        background:#f4f4f4 url(question.gif) no-repeat bottom right;
        color:#000;
        text-align:left;
        font-size:0.7em;
        padding-left:10px;
        padding-top:10px;
}

/* pop-up calendar */
button.calendarStyle
{
        background-color: transparent;
        border: 0;
        height:22px;
        width:22px;
        background-image:url(imgs/calendar.png);
        cursor: pointer;
        }

ol.forms {
        float: left;
        list-style: none;
        width: 100%;
}

ol.forms li {
        clear: left;
        float: left;
        line-height: 1.5em;
        margin-bottom: 0.5em;
        width: 100%;
}

ol.forms label {
        cursor: pointer;
        display: block;
        float: left;
margin-left:-80px;
        line-height: 1.5em;
        padding-right: 3%;
        text-align: right;
        width: 25%;
}


/*ol.forms input { width: 39%;}*/

ol.forms textarea {
        height: 20em;
        width: 64%;
}

ol.forms input, ol.forms textarea, ol.forms button { font: 1em Georgia, "Times New Roman", Times, serif; }

ol.forms .error {
        display: block;
        margin: 0.25em 0 0 11%;
}

ol.forms li.buttons {
        padding-left: 11%;
        width: 89%;
}