@import url(reset.css);
@import url(skins.css);

body {
    text-align: center;
    color: #000;
    font-family: 'Trebuchet MS', sans-serif;
}

a {
    text-decoration: none;
}

#globalwrapper {
    text-align: left;
    margin: 0 auto;
    width: 1000px;
}

a#ep_readspeaker_href {
    background: url(../images/internet/leesvoor_inactive.png) no-repeat;
    width: 16px;
    height: 12px;
    float: right;
    margin-top: 5px;
}

a.btn_rss {
    float: right;
    margin: 4px 8px 0px 0px;
    border-right: solid 1px #C4C5C6;
    height: 17px;
    padding-right: 8px;
}

a#ep_readspeaker_href:hover {
    background: url(../images/internet/leesvoor_active.png) no-repeat;
}

#logoleft {
    background: url(../images/internet/gemeente_texel.gif) no-repeat;
    bottom: 28px;
    height: 42px;
    left: 45px;
    position: absolute;
    width: 176px;
}

#logoleft input {
    width: 176px;
    height: 42px;
    float: left;
    border: none;
    background: transparent;
    cursor: pointer;
}

#logoright {
    background: url(../images/internet/txl.gif) no-repeat;
    width: 83px;
    height: 56px;
    right: 49px;
    position: absolute;
    bottom: 14px;
}

#logoright input {
    width: 83px;
    height: 56px;
    float: left;
    border: none;
    background: transparent;
    cursor: pointer;
}

#contentwrapper {
    z-index: 1;
}

#kruimelspoor {
    margin: 0 10px 0 6px;
    float: left;
    height: 20px;
    overflow: hidden;
    width: 800px;
    font-weight: 600;
    font-family: Helvetica;
    color: #7d7d7d;
    font-size: 1.1em;
}

#kruimelspoor a {
    color: #7d7d7d;
    background: url(../images/internet/bullets.gif) no-repeat scroll right -403px transparent;
    padding-right: 15px;
}

#kruimelspoor a:hover {
    color: #000;
    text-decoration: underline;
}

#kruimelspoor .last_crumb {
    font-weight: 400;
}

#leftcolumn {
    float: left;
    padding: 15px 20px 20px 0px;
    width: 215px;
}

#actueel h2 a {
    color: #ed1a3b;
    font-weight: 600;
    font-size: 1.6em;
    padding-left: 15px;
}

#actueel h2 a:hover {
    text-decoration: underline;
}

#recent li {
    margin-top: 10px;
}

#recent li a {
    color: #000;
    background: url(../images/internet/bullet_red.png) 0px 9px no-repeat;
    padding-left: 15px;
    font-size: 1.32em;
    font-weight: 600;
    line-height: 1.8em;
    display: block;
}

#recent li a:hover {
    color: #ed1a3b;
}

#meernieuws {
    background: url(../images/internet/arrow_grey_small.png) no-repeat right;
    padding-right: 20px;
    font-size: 1.3em;
    color: #7d7d7d;
    font-weight: 600;
    margin: 10px 15px;
    float: left;
}

#meernieuws:hover {
    background: url(../images/internet/arrow_red_small.png) no-repeat right;
    color: #eb001e;
    text-decoration: underline;
}

#leftcolumn .mainmenu li {
    margin-bottom: 10px;
}

#leftcolumn .mainmenu li a {
    color: #7d7d7d;
    padding-left: 12px;
    background: url(../images/internet/bullet_red.png) 0px 12px no-repeat;
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: 600;
    display: inline-block;
}

#leftcolumn .mainmenu li:hover a,
#leftcolumn .mainmenu li.active a {
    color: #ed1a3b;
}

.submenu {
    display: none;
}

li.active .submenu {
    display: block;
}

#leftcolumn .submenu li {
    margin: 6px 0 0;
}

#leftcolumn .submenu li.last a {
    margin-bottom: 10px;
}

#leftcolumn .submenu li a {
    color: #000 !important;
    background: url(../images/internet/bracket_black.png) 0px 6px no-repeat;
    font-size: 1.16em;
    float: left;
    width: 193px;
    margin: 0 10px 6px;
    display: block;
}

#leftcolumn .submenu li:hover a,
#leftcolumn .submenu li.active a {
    color: #ed1a3b !important;
    background: url(../images/internet/bracket_red.png) 0px 6px no-repeat;
}

#centercolumn {
    float: left;
    padding: 8px 0;
    width: 460px;
}

#pagtitel {
    font-size: 2.7em;
    color: #ed1a3b;
    font-weight: 600;
    float: left;
    margin-bottom: 12px;
    width: 380px;
}

#pagecontrols {
    float: right;
}

#pagecontrols a {
    margin-left: 4px;
    height: 16px;
    float: left;
}

#btn_print {
    background: url(../images/internet/print_inactive.png) no-repeat left;
}

#btn_print:hover {
    background: url(../images/internet/print_active.png) no-repeat left;
}

#btn_tellafriend {
    background: url(../images/internet/mail_inactive.png) no-repeat left;
}

#btn_tellafriend:hover {
    background: url(../images/internet/mail_active.png) no-repeat left;
}

#btn_fav {
    background: url(../images/internet/fav_inactive.png) no-repeat left;
}

#btn_fav:hover {
    background: url(../images/internet/fav_active.png) no-repeat left;
}

#innercontent {
    float: left;
    width: 460px;
    font-size: 1.1em;
    line-height: 1.8em;
    font-family: Verdana;
}

#innercontent a {
    color: #eb001e;
    text-decoration: underline;
}

#innercontent a:hover {
    color: #a01027;
}

#innercontent h6 {
    color: #ed1a3b;
    font-weight: 600;
    font-size: 1.45em;
    font-family: 'Trebuchet MS' !important;
}

.intro a,
.vervolg a {
    color: #eb001e;
    text-decoration: underline;
}

.intro a:hover,
.vervolg a:hover {
    color: #a01027;
}

ul.ul_lijst li.lijstitem, ul.ul_lijst li.lijstitem_bullet {
    background-position: left 6px;
}

.centerpic {
    width: 460px;
    height: 270px;
    float: left;
    overflow: hidden;
}

.bannercenter {
    margin-top: 12px;
    float: left;
}

.bannercenter li {
    display: inline;
    margin-left: 15px;
}

.bannercenter li.first {
    margin-left: 0;
    margin-right: 1px;
}

#rightcolumn {
    float: left;
    margin-top: 0;
    padding-left: 20px;
    width: 220px;
}

#hiddenwysiwyg {
    font-size: 1.1em;
    font-family: Verdana;
}

#rightcolumn h2 {
    color: #ed1a3b;
    font-size: 1.6em;
    margin: 8px 0 12px;
}

.wyhead {
    background: url(../images/internet/wybox_bg.png) repeat-x;
    height: 26px;
    border-top: 1px solid #ccc;
    float: left;
    cursor: pointer;
    position: relative;
    z-index: 2;
    font-size: 1.2em;
    font-weight: 600;
}

.wyhead a {
    color: #555555;
    float: left;
    padding: 8px;
}

#wyhead1 {
    width: 64px;
    border-left: 1px solid #ccc;
}

#wyhead2 {
    width: 89px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#wyhead3 {
    width: 56px;
    border-right: 1px solid #ccc;
}

.wyactive {
    height: 27px;
    background: #fff;
    margin-top: -1px;
    padding-bottom: 1px;
}

.wyhead:hover a,
.wyactive a {
    color: #000 !important;
}

.wycontent {
    background: transparent;
    border: 1px solid #ccc;
    float: left;
    width: 200px;
    padding: 10px;
    margin-top: -1px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.wycontent li a {
    background: url(../images/internet/bullet_red.png) no-repeat scroll 0 6px transparent;
    color: #000000;
    font-size: 1.21em;
    display: block;
    font-weight: 600;
    line-height: 1.8em;
    padding-left: 15px;
}

.wycontent li a:hover {
    color: #eb001e;
}

#snelnaarbanners {
    margin-top: 20px;
    float: left;
    width: 220px;
}

#snelnaarbanners li a {
    background: url(../images/internet/arrow_red_fat.png) no-repeat 5px 9px;
    border: 1px solid #EB001E;
    color: #EB001E;
    display: block;
    margin-top: 10px;
    padding: 10px 10px 10px 30px;
    font-size: 1.65em;
    font-weight: 600;
    text-decoration: none;
}

#snelnaarbanners li a:hover {
    border: 1px solid #000;
    color: #000;
    background: url(../images/internet/arrow_black_fat.png) no-repeat 5px 9px;
}

#skinswitch {
    float: left;
    margin-top: 30px;
    width: 970px;
}

#skinswitch li {
    display: inline;
    width: 190px;
    text-align: center;
    float: left;
}

a.skinbutton {
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
}

#contentbottom {
    width: 1000px;
    background: url(../images/internet/contentbottom.png) no-repeat;
    height: 18px;
    float: left;
}

#bottomwysiwyg {
    float: left;
    font-size: 1.1em;
    margin: 0 0 20px 35px;
    color: #fff;
}

#bottomwysiwyg a {
    color: #fff;
    text-decoration: none;
}

#bottomwysiwyg a:hover {
    text-decoration: underline;
}

#bottomkoppel {
    float: right;
    margin: 0 35px 20px 0;
    font-size: 1.1em;
    font-weight: 600;
}

#bottomkoppel li {
    border-left: 1px solid #FFFFFF;
    display: inline;
    padding: 0 4px 0 5px;
}

#bottomkoppel li.first {
    border-left: none;
}

#bottomkoppel li a {
    color: #fff;
}

#bottomkoppel li a:hover {
    text-decoration: underline;
}

div#rubrieken_above span.rubriek {
    display: block;
    margin: 0 0 10px 0;
}

.kenmerken_toon_document_grootte {
    float: left;
    margin-right: 5px;
}

td.module_documentenlijst_documenten span.kenmerken_toon_document_grootte {
    float: none;
}

div.tedownloaden ul.ul_lijst li.lijstitem a,
div.downloads ul.itemlist li.lijstitem,
div.tedownloaden ul.ul_lijst li.lijstitem_bullet a,
div.downloads ul.itemlist li.lijstitem_bullet a {
    text-transform: capitalize;
}

div.intro ul,
div.vervolg ul,
div.text ul {
    list-style: none;
}

div.intro ul li,
div.vervolg ul li,
div.text ul li {
    background: url(../images/internet/bullet.jpg) no-repeat scroll 0 5px transparent;
    padding-left: 15px;
}

div.text ul {
    margin-left: 0;
    list-style-type: none;
}

ul.items li h2.item_title a {
    color: #000 !important;
    text-decoration: none !important;
}

ul.items li h2.item_title a:hover {
    color: #ed1a3b !important;
}

h2.category_title,
li.category_others h2 {
    color: #ED1A3B;
    font-family: 'Trebuchet MS' !important;
    font-size: 1.45em;
    font-weight: bold;
}

.lijstitem_titel {
    color: #000 !important;
    text-decoration: none !important;
}

.lijstitem_titel:hover {
    color: #ed1a3b !important;
}



#leftcolumn #wysiwyg {
    font-size: 1.1em;
    line-height: 1.8em;
    font-family: Verdana;
}

div.downloads ul.itemlist_bullet li.item {
    background-position: left 9px;
}

div.downloads ul li a.word,
div.downloads ul li a.excel,
div.downloads ul li a.pdf,
div.downloads ul li a.jpg,
div.downloads ul li a.gif,
div.downloads ul li a.png,
div.downloads ul li a.bmp,
div.downloads ul li a.tiff,
div.downloads ul li a.avi,
div.downloads ul li a.mpg,
div.downloads ul li a.ppt {
    margin-right: 5px;
}

#innercontent ul li h2.itemtitle a {
    color: #000;
    text-decoration: none;
}

#innercontent ul li h2.itemtitle a:hover {
    color: #EB001E;
}