/* Styles for www.maatjemulders.nl */

#intro {
width:100%;
height:100%;
text-align:center;
margin-top:150px;
margin-bottom:150px;
}

#intro a {
font: .8em 'Trebuchet MS', tahoma;
color:#9c9c9c !important;
}

* {
margin:0;
padding:0;
}

img {
border: none;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearfloat {
clear: both;
}

#header {
height: 107px;
background: #000 url(../images/bg_header.gif) repeat-x bottom;
}

#menuholder {
width: 921px;
margin:0 auto;
padding-top: 47px;
text-align:center;
}

#menuholder a {
outline:none;
}


#wrapper {
width:100%;
}

#main{
top:0;
width:100%;
z-index:10;
text-align:center;
}

#footer {
width:100%;
height: 60px;
background: #a1a1a1;
}

/* TEXTS & LINKS */

h3 {
font: .9em 'Trebuchet MS', tahoma;
color:#ff7200;
}

h1 {
font: 2em times new roman, 'Trebuchet MS', tahoma;
color: #6B205F;
text-transform: uppercase;
margin-bottom: .2em;
}

h2 {
font: italic 1.3em times new roman, 'Trebuchet MS', tahoma;
color: #99C024;
margin-bottom: .1em;
}

#newsbar h3 {
display:block;
padding: 9px 0 0 16px;
font: bold .8em 'Trebuchet MS', tahoma;
color: #383838;
margin-bottom: .2em;
background: url(../images/newsblock.gif) no-repeat;
}

#rightbar h3 {
font: bold .8em 'Trebuchet MS', tahoma;
color: #383838;
margin-bottom: .2em;
}

#newsbar h3:first-letter {
color: #fff;
}

#main p,
#sidecontent p {
font: .7em tahoma, verdana;
color: #576564;
line-height: 1.8em;
margin-bottom: 1.8em;
}

#main a:link, 
#main a:visited,
#sidecontent a:link,
#sidecontent a:visited {
color: #99C024;
text-decoration:none;
}

#main a:hover, 
#main a:active,
#sidecontent a:hover,
#sidecontent a:active {
color: #91b81c;
text-decoration:underline;
}

#main ul {
list-style-image: url(../images/bullet.gif);
margin-left: 2em;
margin-bottom: 1.4em;
}

#main li {
font: .7em tahoma, verdana;
color: #576564;
line-height: 1.8em;
}

#main p.bedrijf {
font: bold .8em 'Trebuchet MS', tahoma;
border-top: 1px solid #cbcbcb;
padding: 6px 0;
margin: 0;
}

#main p.bedrijf a:link, 
#main p.bedrijf a:visited {
color: #000;
}

#main p.bedrijf a:hover, 
#main p.bedrijf a:active {
color: #576564;
text-decoration: none;
}

#main .verslag ul {
margin: 0;
padding-left: 15px;
}

#main .verslag li {
background: #e6e6e6;
border-top: 1px solid #fff;
padding-left: 5px;
}

#main .verslag li a:link,
#main .verslag li a:visited {
display: block;
height: 23px;
color: #576564;
text-decoration: underline;
}

#main .verslag li a:hover,
#main .verslag li a:active {
color: #f96f00;
}

#submenu ul {
list-style: none;
}

#submenu li {
border-top: 1px solid #fff;
border-bottom: 1px solid #cdcdcd;
}

#submenu li.noborder {
border-bottom: none;
}

#submenu li a:link, 
#submenu li a:visited {
display: block;
font: bold .6em tahoma, verdana;
line-height: 1.8em;
color: #828282;
text-decoration:none;
padding: 0 0 10px 20px;
background: url(../images/bg_subitem.gif) no-repeat;
}

#submenu li a:hover, 
#submenu li a:active {
color: #99C024;
text-decoration:underline;
background: url(../images/bg_subitem_on.gif) no-repeat;
}

#submenu li a.leftarrow:link,
#submenu li a.leftarrow:visited {
background: url(../images/bullet.gif) no-repeat 0 4px;
padding: 0 0 10px 12px;
}

#submenu li a.leftarrow:hover,
#submenu li a.leftarrow:active {
background: url(../images/bullet_on.gif) no-repeat 0 4px;
}

.newsitem p {
font: .6em 'Trebuchet MS', tahoma, verdana;
color: #576564;
line-height: 1.6em;
}

.newsitem p.date {
font: .6em 'Trebuchet MS', tahoma, verdana;
color: #3f3f3f;
line-height: .9em;
}

a.more:link, 
a.more:visited {
font: .6em 'Trebuchet MS', tahoma, verdana;
color: #99C024;
text-transform: uppercase;
text-decoration: none;
float: right;
padding-right: 16px;
margin-right: 3px;
background: url(../images/arrow_left.gif) no-repeat right;
}

a.more:hover, 
a.more:active {
color: #99C024;
padding-right: 19px;
margin-right: 0px;
text-decoration: underline;
}

#main a.resize {
font-size: 85%;
}

a.all:link, 
a.all:visited {
font: .6em 'Trebuchet MS', tahoma, verdana;
color: #99C024;
text-transform: uppercase;
text-decoration: none;
}

a.all:hover, 
a.all:active {
color: #99C024;
text-decoration: underline;
}

a.top:link, 
a.top:visited {
font: .6em 'Trebuchet MS', tahoma, verdana;
color: #99C024;
text-transform: uppercase;
text-decoration: none;
float: right;
padding-right: 16px;
margin-right: 3px;
background: url(../images/arrow_top.gif) no-repeat right;
}

a.top:hover, 
a.top:active {
color: #99C024;
text-decoration: underline;
background: url(../images/arrow_top.gif) no-repeat right;
}

#main p.date {
font: .7em 'Trebuchet MS', tahoma;
color: #18a797;
margin-bottom: 0;
}

#footer p {
font: .7em tahoma, 'Trebuchet MS', tahoma, verdana;
color: #4c4c4c;
text-align: center;
padding: .5em;
}

#footer a:link, 
#footer a:visited {
color: #4c4c4c;
}

#footer a:hover,
#footer a:active {
color: #fdaf3a;
}

#footer .lightbold {
font-weight: bold;
color: #e0e0e0;
}

/* IMAGES */

img.collapse {
margin-right: 6px;
}

/* OTHER */

hr {
margin: 0 0 10px 0 !important;    /*this is the Firefox/Opera margin*/
margin: 0 0 3px 0;               /*this is the IE margin - 7px - less*/
border: none;
border-top: 1px dashed #cbcbcb;
height: 1px;
}

hr.spacer {
margin: 0 0 24px 0 !important;    /*this is the Firefox/Opera margin*/
margin: 0 0 17px 0;               /*this is the IE margin - 7px - less*/
}