/*
Project: Gemeente Vaals Portal
Projectleider: Rene de Beuk
Vormgever: Sabrina

Kleuren:
Rood:           #cc3333
Roze:           #f8eeee
Groen:          #5e9923
Licht Groen:    #f2f9eb
*/

/*__________ HTML DEFAULTS __________ */
html,
body {
    height:100%;
}

body {
    font-family: Arial;
    font-size:10px; 
    background: #fff url(../images/internet/background.gif) center top repeat-y;
    text-align:center;
    color:#333;     
}

body pre {
    font-size:130%;
}

a {
    color:#333;
    text-decoration:none;    
}

a:hover {
    text-decoration: underline;
}

a img {
    border:none;
}

h1 {
    display:none;
}

.hidden,
div#rs_flash_div,
.smallText,
#tellafriend {
    display:none;
}

/*__________ SITE LAYOUT __________ */
div#globalwrapper {
    position:relative;
    width:960px;
    min-height:100%;
    margin:0 auto;
    background:#fff;       
    text-align:left;
    font-size:100%;    
    overflow:hidden;
}

div#header {    
    width:960px;
    height:180px;
    margin-bottom:8px;
    overflow:hidden;    
}

a#logo {
    position:absolute;
    float:left;    
}

/*__________ OVERLAY ____________ */
div#cita {
    position: absolute;
    width: 117px;
    height: 107px;
    background: url('../images/logo-cittaslow.png') no-repeat;
    right: 0px;
    z-index: 100;
}

/*__________ CARROUSEL __________ */
div#carrousel {
    position:absolute;
    width:960px;
    height:180px;
    overflow:hidden;
}

div#carrousel img {
    position:absolute;
    top:0;
    left:0;
}

/*__________ LANGUAGE __________ */
ul#language {
    position:relative;
    top:5px;
    right:55px;
    float:right;    
    padding:5px;
    background:transparent url(../images/internet/trans.png);
    overflow:hidden;    
}

ul#language li {
    float:left;
    border-left:1px solid #cc3333;
}

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

ul#language li a {
    padding:6px;
    color:#fff;
    font-size:120%;    
}

ul#language li a:hover,
ul#language li.active a {
    text-decoration:underline;
}

/*__________ READSPEAKER __________ */
a#readspeaker {
    position:absolute;
    top:190px;
    left:635px;
    padding:0 6px;
    font-size:110%;
    border-left:1px solid #CC3333;
    text-transform:capitalize;
}

div#rs_flash_div {
    position:absolute;
    top:128px;
    right:0;
    background:#fff;
    padding:5px;
    font-size:110%;
}

a#btn_tellafriend {
    position:absolute;
    top:190px;
    left:570px;
    padding:0 6px;
    font-size:110%;
    border-left:1px solid #CC3333;
    text-transform:capitalize;
}

/*__________ SNELMENU __________ */
div#snelmenu {
    padding-top:2px;
    padding-right:199px;
    float:right;
    margin-bottom:10px;
}

div#snelmenu li {
    float:left;
    border-right:1px solid #cc3333;
}

div#snelmenu li.last {
    border-right:none;
}

div#snelmenu li a {
    font-size:110%;
    padding:6px;    
}

/*__________ SEARCH __________ */
div#search {
    float:right;
    width: 191px;
    display: block;
    height: 17px;
}

div#search form fieldset legend {
    display:none;
}

input#search_trefwoord {
    float:left;
    border:none;
    width:137px;
    height:17px;   
    background:url(../images/internet/zoekveld.gif) no-repeat;     
    margin-right:2px;
    font-size:120%;
    color:#999;
    padding-left:3px;
    vertical-align:top;
    overflow:hidden;
}

input.searchbox_submit {
    width:49px;
    height:17px;
    float:left;
    background:url(../images/internet/btn_zoek.gif) no-repeat;
    border:none;
    color:#fff;
    font-size:0%;    
}

input.searchbox_submit:hover {
    cursor:pointer;
}

/*__________ PORTAL __________ */
div#portal,
div#mijnportal {
    clear:both;
}

div#mijnportal {
    padding-left:20px;
}

div#portal ul li {
    float:left;
    margin-right:2px;
}

div#portal ul li a {
    display:block;
    width:190px;
    height:29px;
    color:#fff;
    font-size:140%;
    font-weight:bold;    
    text-align:center;
    background:url(../images/internet/media.gif);    
    line-height:230%;
}

div#portal ul li a:hover {
    text-decoration:none;
    background:url(../images/internet/media_selected.gif);
}

div#portal ul li.last {
    margin-right:0;
}

div#portal ul li.last a {
    width:192px;
}

div#portal ul li.medium_active a {
    background:url(../images/internet/media_selected.gif);
}

div#mijnportal {
    background:url(../images/internet/media.gif);
    padding-top:4px;
    height:25px;    
}

/*__________ KRUIMELSPOOR __________ */
div#kruimelspoor {
    clear:both;
    padding:12px 15px;
    font-size:110%;    
}

div#kruimelspoor a {
    color:#666;    
    text-transform:capitalize;
}

/*__________ NAVIGATION __________ */
div#navigation {
    width:190px;
    float:left;
}

div#navigation li {
    margin-bottom:1px;
}

div#navigation a {
    padding:5px 0 5px 20px;
    color:#fff;
    font-size:130%;
    font-weight:bold;
    background-color:#6DA728;
}

div#navigation li.active a,
div#navigation li a:hover {
    background:#6DA728 url(../images/internet/hoofditem_selected.gif) left center no-repeat;
}

div#navigation li ul {
    display:none;
}

div#navigation li.active ul {
    display:block;
    margin-bottom:0;    
}

div#navigation li.active ul li a {
    background:#ccc;
    color:#333;
    font-size:120%;
}

div#navigation li.active ul li.active a {
    background:#666;
    color:#fff;
}

div#navigation li.active ul li a:hover {
    background:#666;
    color:#fff;
}

/*__________ CONTENT __________ */
div#content {
    width:735px;
    float:right;
    margin-bottom:50px;
}

div#globalwrapper div.wide {
    width:945px;
}

h2.pagtitel {
    padding:5px 0 5px 20px;
    color:#fff;
    font-size:150%;
    font-weight:bold;
    background-color:#6DA728;
    margin-bottom:10px;
}

div.modulecontent {
    font-size:110%;
    line-height:140%;
    padding-left:20px;
    padding-right:10px;
    margin-bottom:20px;
}

/*__________ FOOTER __________ */
div#footer {
    position:absolute;
    left:0;
    bottom:0;
    width:932px;
    padding:10px 14px;
    clear:both;
    color:#fff;
    background-color:#333;
    font-size:110%;    
    overflow:hidden;
}

div#footercontact {
    float:left;
}

div#footercontact a {
    color:#fff;
}

div#footermenu {
    float:right;
    width:570px;
}

div#footermenu ul {
    float:right;
}

div#footermenu ul li {
    float:left;
    border-right:1px solid #cc3333;    
}

div#footermenu ul li.last {
    border:none;
}

div#footermenu ul li a {
    color:#fff;
    padding:6px;
}

/*__________ LINK HOVERS __________ */
div#intro a,
div.vervolg a,
p.word a {
    text-decoration:underline;
}

div#intro a:hover,
div.vervolg a:hover,
p.word a:hover,
div#gekoppeldeitems a:hover,
div.downloads a:hover {
    color:#6DA728;
}


div#snelmenu li a:hover,
a#readspeaker:hover,
div#footer a:hover,
div#kruimelspoor a:hover {    
}

div#gekoppeldeitems {
    margin:0 15px 10px 20px;
    width:300px;
}

div#gekoppeldeitems a {
    padding-left:12px;
    background:url(../images/internet/bullet_groot.png) left 4px no-repeat;    
    clear:both;
}

div.downloads {
    margin:0 15px 5px 20px;
}

div.downloads ul.itemlist li.item, 
div.downloads ul.itemlist_bullet li.item {
    padding:0;
    padding-left:12px;
    margin-bottom:2px;
    background:transparent url(../images/internet/bullet_klein.gif) left 6px no-repeat;
}

a.but_naarboven {
    position:absolute;
    bottom:54px;
    right:20px;
    display:block;
    width:64px;
    height:8px;
    background:url(../images/internet/but_naarboven.gif) left top no-repeat;
    font-size:0%;
    color:#fff;
}

.but_archief {
    margin-top:10px;
}

a.readspeaker_doc {
    display:inline-block;
    width:52px;
    margin-left:15px;    
    font-size:90%;
    padding:0 2px 0 2px;
    color: #3e7200;
    font-weight: bold;
    text-decoration: underline;
}

a.btn_rss {
    position: absolute;
    left: 700px;
    top: 190px;
    font-size: 110%;
    border-left: solid 1px #CC3333;
    padding: 0px 6px;
    display: block;
    height: 12px;
}

a.btn_rss span {
    position: relative;
    top: -4px;
}

a.btn_rss img {
    position: relative;
    top: -1px;
}

.rubriekintro,
.rubriekintrotekst {
    width: auto;
}

.stuk_verlopen {
	margin-left: 20px;
}

img.xml_site_image {
	margin: 0px 10px 10px 20px;
}