@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body, td, th, p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body { margin: 0px;	padding: 0px; background-color: #f1f1f2; background-image:url(img/header.png); background-repeat:repeat-x; background-position: top; }
img { border: none; }
h1 { font-size: 24px; font-weight: normal; margin: 0 0 20px 0; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

/* page layout */
#page { width: 700px; min-width: 500px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }
#page #top { margin-top: 63px; background-image:url(img/marcodeswart.png); background-repeat: no-repeat; height: 57px; text-align: right; padding-left: 209px; color: white; padding-top: 10px; }
#page #top a { color: white; text-decoration: none; margin-left: 10px; margin-right: 10px; }
#page #top a:hover { color: white; text-decoration: underline; }
/* main */
#page #main { margin-top: 10px; min-height: 350px; }
/* foto */
#page #frame { width: 500px; height: 360px; margin-bottom: 5px; background: transparent url(img/loader.gif) center no-repeat;  }
#page #frame img { border-style:none;width:100%;height:100%;}
#page #frame #preview { margin-left: auto; margin-right: auto; }
#page #thumbs { width: 500px; height: 75px; overflow:auto; white-space: nowrap; }
#page #thumbs img { border: 2px transparent solid; }
#page #thumbs img:hover { border: 2px #8cc63f solid; }
#page #thumbs img.current { border: 2px #8cc63f solid; }
#page #frame a { display: inline-block; width:250px;height:360px;}
#page #frame a span { visibility:hidden; }
#page #frame a:hover span { visibility:visible; }

/* categories */
#page #categories { width: 150px; float: left; }
#page #categories h1 { font-size: 12px; font-weight: bold; color: White; background-color: #8cc63f; padding: 2px 2px 2px 15px; margin: 0; }
#page #categories ul { list-style-type: none; line-height: 1.5em; }
#page #categories li { margin-left: 0; padding-left: 15px; background: transparent; }
#page #categories li.current { font-weight: bold; background: transparent url(img/bullet-green.png) no-repeat left top;}
#page #categories a { color: Black; text-decoration: none;  }
#page #categories a:hover { text-decoration: underline; }
/* footer */
#page #footer { text-align: right; color: #999999; font-size: 80%; margin-top: 25px; clear: both; }
/* colors */
#green { color: #8cc63f; }
#grey { color: #545454; }

.required { color: #ff0000; }
#contact-form { line-height: 1.4 }
#contact-form label { color: #666; font-weight: normal; }
#contact-form p { margin: 5px 0px; }
#contact-form input[type=text] { width: 300px; }
#contact-form textarea { width: 400px; height: 200px; }
#contact-form input[type=submit] { padding: 2px 5px; }
.errorBlock { display: block; color: #ff0000; border: #FF8080 solid 1px; background: #FFE0E0 url('img/icons/error.png') no-repeat scroll 5px 5px; padding: 5px 5px 5px 30px; margin-bottom: 5px; }
.successBlock { display: block; color: #090; border: #0b0 solid 1px; background: #E0FFE0 url('img/icons/success.png') no-repeat scroll 5px 5px; padding: 5px 5px 5px 30px;  margin-bottom: 5px; }