/* algemeen */
body, body div, body p, body th, body td, body li, body dd {font-size: xx-small;line-height: 18px; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: x-small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd  {font-size: x-small;/* be nice to Opera */}
html {height: 100%; margin-bottom: 1px;color: #585B5E;}

body {font-family: Verdana, "Trebuchet MS", sans-serif; margin: 0; padding: 0;background:  #F0F0F0 url(none) repeat-y center top;text-align: center;border-top: #A1A1A1 1px solid;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* IE7 fix \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* IE7 fix */

img, img a, img input {border:none}
p	{font-family: Verdana, "Trebuchet MS", sans-serif;margin: 0 0 6px 0;padding: 0 0 3px 0; color:#585B5E;text-align: left;}
h1, h2, h3, h4, h5, h6	{font-family:Verdana, "Trebuchet MS", sans-serif;color:#0070AC;text-align: left;}
h1	{font-size : medium;font-weight: bold;padding: 0;margin: 0;letter-spacing: 0.01em;text-decoration: none;}
h2	{font-size : small;font-weight: bold;padding: 0;margin: 3px 0 ;}
h3,h3 a {font-size : small;padding: 0;margin: 0;text-decoration: none;}
h4, h5, h6	{font-size : small;color: #585B5E;}
a:link, a:visited {color: #585B5E;}
a:hover, a:active, a:focus {color:#0070AC;}
blockquote {background-color:#E6E0D2;color:#585B5E;padding:6px;}
abbr, acronym, .help {border-bottom: 1px dotted #585B5E;cursor: help;}
table { width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
th,td { vertical-align: top; text-align: left; border: none;}
th {font-weight: normal;padding: 0.22em 11px 1.55em;border: none;background-color: #96ABAC;color: #333;white-space: nowrap;}
td {padding: 0.48em 11px;border: none;}
ul, ol, dl {text-align: left;}
ul li {list-style:url(none) square outside;}
.widget ul li {list-style:url(none) none outside;}
dl {}
dt {font-weight:bold;color:#0070AC;}
dd {margin:0;padding:0 0 18px 0;}
/* algemeen */

/*prop*/
.meta a {color:#999;}
.meta a:link, .bottom a:visited {text-decoration:none;}
.meta a:hover, .meta a:active {text-decoration:none;color:#0070AC;}
.meta {width: 745px;color:#999;margin: 0 auto;height: 18px;clear: both;display:block;text-align: right; padding: 0;font-size: x-small;letter-spacing: 0.05em;}
/*prop*/

/*div css*/
#top {width: 779px;height: 36px;margin: 0 auto;padding:0;background: transparent  url("/img/design/header.gif") no-repeat 0px 18px;}
#bottom {width: 779px;height: 18px;margin: 0 auto;padding:0;background: transparent  url("/img/design/footer.gif") no-repeat 0 0;}
#contentwrapper {width: 745px;margin: 0 auto;padding: 0 18px;background:  #F0F0F0 url("/img/design/schadow.gif") repeat-y center top;}

#container {margin: 0 auto;border:#E2E4E7 1px solid;background-color:#E9EAEA;}
#header {width:743px;background:  #FFF; border-width: 1px; border-style: solid; border-color:#585B5E;margin:0;text-align:left;voice-family: "\"}\""; voice-family:inherit;width:741px;}

#content {width: 743px;margin: 0;padding:0;}
#footer {width:743px;height:90px;margin:0;padding: 0;}
#footermenu {margin: 0 0  0 195px;border-left: 1px solid #E6E0D2;}


#header h1 {margin:10px 0 0 5px;}

.matitaheader h1 {width: 136px;display:block;text-align: right;padding:0;}
.matitaheader {position:relative;width:136px; height:80px;margin:0; padding:0;color:#FFFFFF;}
.matitaheader a:link span, .matitaheader a:visited span {color:#ACBCBF;display:block;position:absolute; left:10px; top:0; z-index:1;width:136px; height:80px;margin:0; padding:0;background: transparent url("/img/design/matita-logo2008.gif") top left no-repeat;}
.matitaheader a:hover span, .matitaheader a:active span {cursor:hand;background-position: 0 -80px;}


/*div css*/


/*styling*/
strong {color:#585B5E;}
.title, h4 {font-weight: bold;padding: 0;margin: 6px 0 0 0;}
.title a:link,.title a:visited, .title a:hover,.title a:active  {text-decoration:none;}
h4 a:link,h4 a:visited, h4 a:hover h4 a:active {text-decoration:none;}
.date {text-align: right;font-weight:bold;color:#585B5E;text-size:x-small;padding-right:4px;padding-bottom:7px;}
h3.date strong {color:#0070AC;}

.nextprev {text-align:center;width:auto;height:auto;display:block;margin:6px 0;padding: 3px 6px; background-color:#F0ECE1;border:#E6E0D2 1px solid;}
.nextprev dl {margin: 3px 0;padding: 0;clear:both;}
.pagelist {padding: 0;margin:0;float:left;display:inline;width:60%;text-align:center;}
.pagesearch {text-align:left;padding: 0;margin:0;float:none;display:block;width:100%;}
.pagelist a {padding: 0 3px;margin:0;}
.back {padding: 0;margin:0;float:left;display:inline;width:20%;text-align:left;clear:left;}
.next {padding: 0;margin:0;float:right;display:inline;width:20%;text-align:right;}
.small {font-size : x-small;}
.error {color:#CC0000;}
.input_fout   {border:1px solid #CC0000 !important;}
.text_fout {color: #CC0000 !important;}

dd.pagesearch {display:inline;float:left;width:auto;padding-right:18px;}
/*styling*/



/*menu*/
ul.menutitles {margin:0 0 0 196px;padding:0;list-style:url(none) none outside;font-weight: bold;color:#0070AC;display:inline;float: left;}
ul.footermenutitles {margin:16px 0 0 0;padding:0;list-style:url(none) none outside;font-weight: bold;color:#585B5E;display:inline;float: left;}
.menutitles li, .footermenutitles li {font-size : 12px;float: left;margin: 0 0 0 8px;padding:0;text-align:left;display:inline;}
li.matita {width: 114px;}
li.portfolio {width: 134px;}
li.art {width: 134px;}
li.contact {width: 120px;}

#navigatie {display:block;height: 90px;margin:0;padding: 0;}
ul.menu {margin:0;padding:0;list-style:url(none) none outside;text-align: left;}
.menu li {position: relative;height: 30px;border-left: 1px solid #585B5E;float: left;display:block;margin: 0;padding: 0;}

ul.menu li ul {position:absolute;top: 0;left: 0;display: block;float: none;margin: 0;padding:3px 0 0 0;list-style:url(none) none outside;}
ul.menu li ul li {border:none;height:auto;margin: 0;padding:0 0 0 8px;font-size : 12px;display:block;}
ul.menu li ul li a {display:block;text-decoration: none;}

.menu li.matita {width: 121px;}
.menu li.portfolio {width: 141px;}
.menu li.art {width: 141px;}
.menu li.contact {width: 120px;}

ul.menu li ul li a.current {text-decoration: none;cursor: default;color:#0070AC;}

ul.disclaimer {margin:0;padding:0;list-style:url(none) none outside;display:inline;float:left;}
.disclaimer li {margin:0;padding:0;list-style:url(none) none outside;display:inline;float:left;font-size: xx-small;text-decoration: none;}
.disclaimer li a {text-decoration: none;}

/*menu*/

/*kolonnen*/
.kolon1{width: 195px;display:inline;float:left;padding: 6px 12px 12px 12px;text-align: left;voice-family: "\"}\""; voice-family:inherit;width:171px;}
.kolon2{width: 547px;display:inline;float:left;border-left: 1px solid #E2E4E7;}
.widgetrow {margin:0 8px;padding:0;border-top: 4px solid #585B5E;}
.row {margin:0 ;padding:0;display: block;}
.rowpadding {margin:0;padding:12px 0 0 0;display: block;}
.blog-column1 {width: 342px;display:inline;float:left;padding: 0 12px 0 0;text-align:left;}
.blog-column1 .nextprev {margin:0;width:340px;voice-family: "\"}\""; voice-family:inherit;width:328px;}
.blog-column2 {width: 171px;display:inline;float:left;}
.keywords {padding:3px 6px;background-color:#F4F4F4;color:#585B5E;}
.keywords dl {float:left;display:inline;width:50%;padding:12px 0;}
dl.categories1 dt,dl.categories2 dt {font-weight: bold;}
.keywords dl dd {margin:0;padding:0;}
/*kolonnen*/

/* fotos */
.kader img  {border: 1px solid #585B5E;}

a:hover img.recent {border: 1px solid #0070AC}

div.recent {position:relative;width:525px;height:167px;background-color:#E6E0D2;}
div.recent a  {position:absolute;left:50%;top:50%;margin-left:-266px;margin-top:-87px;}
div.recent a img {display:block;border: 1px solid #585B5E;background-color:#E6E0D2;width:525px;height:167px;}
.recent a:link,.recent a:visited {}
.recent a:hover img,.recent a:active img,.recent a:focus img {border: 1px solid #0070AC;background-color:#E6E0D2;}

/*.homedyn_img  a img {width:167px;height:124px;display:block;border: 1px solid #585B5E;background-color:#E6E0D2;}
.homedyn_img a:link,.homedyn_img a:visited {background-color:#E6E0D2;vertical-align:middle;text-align: center;margin:0;padding:0;}
*/
div.homedyn_img {position:relative;width:167px;height:124px;background-color:#E6E0D2;}
div.homedyn_img  a, div.homedyn_img  span  {position:absolute;left:50%;top:50%;margin-left:-87px;margin-top:-65px;}
div.homedyn_img  a img,div.homedyn_img  span img {display:block;border: 1px solid #585B5E;background-color:#E6E0D2;width:167px;height:124px;}
.homedyn_img a:link,.homedyn_img a:visited {}
.homedyn_img a:hover img,.homedyn_img a:active img,.homedyn_img a:focus img {border: 1px solid #0070AC;background-color:#E6E0D2;}


a:hover img  {border: 1px solid #0070AC;}
.widget {width:167px;height:auto;float:left;display:inline;margin: 2px 0 0 0;padding:0;text-align:left;}
.widget p {}
.widget_margin {margin: 2px 10px 0 0;padding:0;}
.widget ul  {margin:0;padding:0;list-style:url(none) none outside;}

div.dyn_img {position:relative;width:167px;height:167px;background-color:#E6E0D2;}
div.dyn_img  a  {position:absolute;left:50%;top:50%;margin-left:-87px;margin-top:-87px;}
div.dyn_img  a img {display:block;border: 1px solid #585B5E;background-color:#E6E0D2;width:167px;height:167px;}
.dyn_img a:link,.dyn_img a:visited {}
.dyn_img a:hover img,.dyn_img a:active img,.dyn_img a:focus img {border: 1px solid #0070AC;background-color:#E6E0D2;}

.blog-column2 ol li.dyn_img, .info ol li.dyn_img {margin:0;padding:1px;list-style:url(none) none outside;border:none;}
.blog-column2 ol li.dyn_img span, .info ol li.dyn_img span {margin:0;padding:0 6px; display:block}
.homedyn_img a:hover, .homedyn_img a:active, .homedyn_img a:focus {}
.blog-column2 ol li.dyn_img a:hover, .blog-column2 ol li.dyn_img a:active,.blog-column2 ol li.dyn_img a:focus {}
.info ol li.dyn_img a:hover, .info ol li.dyn_img a:active,.info ol li.dyn_img a:focus {}

/* fotos */

/*news*/
.blog-column2 h3, .info h3 {padding:3px 6px;display:block;margin:0;background-color:#F4F4F4;}
.blog-column2 ul, .blog-column2 ol, .info ol {margin:0 0 6px 0;padding:0;list-style:url(none) none outside;background-color:#F4F4F4;display:block;}
.blog-column2 ol li, .info ol li {font-weight: bold;font-size : x-small;margin:0;padding:6px;border-top: 1px dotted #FFF;}
.blog-column2 ul li {font-weight: bold;font-size : x-small;border-top: 1px dotted #FFF;display:block;}
.blog-column2 ul li a:link, .blog-column2 ul li a:visited {padding:6px;display: block; text-decoration: none;width:171px;voice-family: "\"}\""; voice-family:inherit;width:159px;}
.blog-column2 ul li a:hover {background-color:#E0E0E0;color:#585B5E;}

.blog-column2 ul li  span, .blog-column2 ol span , .info ol li span {font-weight: normal;}
.blog-column2 ul li a.current{background-color:#E0E0E0;color:#585B5E !important;}

dl.archive {margin:0;padding: 0; display:block;background-color:#E6E0D2;border: 1px solid #CCC7BA;}
.archive dt {margin:0;padding: 3px 9px;font-weight: bold;}
.archive dd {margin:0;padding: 0;}
.archive dd a {margin:0;padding: 3px 9px; display:block;height:auto;text-decoration: none;border-top: 1px dotted #FFF;}
.archive dd  a:hover {background-color:#CCC7BA;color:#585B5E;}
#year-list{padding:  0 6px 0 0;margin: 0;float:right;}
#year-list li{list-style:url(none) none outside;margin: 0;display: inline;}
#year-list li a{padding: 3px;margin: 0;border: 1px solid #CCC7BA;border-bottom: none;background: #CCC7BA;text-decoration: none;}
#year-list li a:link,#year-list li a:visited { color: #fff; }
#year-list li a:hover {background: #E6E0D2;color: #585B5E;}
#year-list li a#year-current{background: #E6E0D2;color: #585B5E;}
/*news*/

/* forms */
form {font-size:x-small;}
form fieldset {position:relative;font-size:small;clear: both;border: 1px solid #E6E0D2;padding: 12px;margin: 0 0 12px 0;}
form fieldset legend  {text-align:right;font-weight:bold;color:#585B5E;}
form fieldset span {background:#E6E0D2;text-align:right;font-weight:bold;position:absolute; top:-18px; left: 18px;}

.inputforms dl {}
.inputforms dt {width: 8em;padding: 0 0.5em;float:left; margin: 0;text-align:left;}
.inputforms dd {margin-left: 11em;padding: 0.5em;text-align:left;}
label {text-align:left;display:block;}

.inputwidth, textarea {width: 90%;margin-bottom: 3px;padding:3px;text-align:left;background-color:#F0ECE1;}
input, select, textarea, checkbox {font-size : x-small;color: #585B5E;background-color:#F0ECE1;border: 1px solid #585B5E;margin:0;padding:0.09em;text-align:left;}
textarea {margin-bottom:12px;}
checkbox, .checked {border:none !important; }
.check {border:none !important; background:none;}
.fineprint {font-size : x-small;padding:3px 0 9px 0;clear:both;}
.continue {font-size : x-small;text-align:right;padding:1px 0 9px 0;clear:both;}
.browse, input.browse  {vertical-align:top;font-size: x-small;color: #FFF;background-color: #585B5E;border:1px solid #585B5E;padding:0.15em;text-align:center;}
a.browse {color:#FFF;text-decoration:none;}
checkbox {margin: 3px;}
img.button {border:none;}
img.cartbutton, a:hover img.cartbutton {border:none;}

.login {display:inline;float:right;width: 198px;height: 79px;margin: 12px 12px 0 0;voice-family: "\"}\""; voice-family:inherit;width:210px;}
.login dl {font-size: small;padding: 0;margin:0;}
.login dt {font-size: x-small;float: left;text-align: left;width:19%;}
dt.vergeten  {font-size: 9px;float: left;text-align: left;width:50%;white-space:nowrap;}
dt.vergeten a:link, dt.vergeten a:visited {color:#585B5E;}
dt.vergeten a:hover,dt.vergeten a:active {color:#FFF;}
.login input {width:75%;padding:0;line-height:12px;font-size:x-small;}
.send, input.send  {font-size: x-small;color: #FFF;width:auto;background-color: #585B5E;text-align:center}
.login dd {font-size: small;margin: 0;padding-top: 3px;text-align: right;}

dd.cart-image { float:left;margin:0;padding:0;width: 120px;}
dt.cart-title  {float:right; width: 190px; text-align:left;}
dd.cart-properties { float:right;width: 190px; text-align:left;}
dd.cart-price { float:right;width: 190px; text-align:right; font-size: 13px; }
dd.cart-spacer {clear:both;padding:0; border-bottom: 1px solid #E6E0D2;margin-bottom: 5px;}
dd.cart-total { background: #E0E0E0; font-size: 13px; text-align:right; padding: 3px; }
dd.button { text-align:right; padding: 10px 3px; }
dd.button input { font-size: 13px;padding:0;text-align:center; }

/*forms*/

.video { margin-bottom: 30px; }