/* GENERIC STYLES */
* 
{ 
	padding:0; 
	margin:0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

HTML, BODY
{
    height : 100%;
}

BODY
{
    position : relative;
}

TABLE TD
{
	vertical-align : top;
}

TABLE TH
{
    vertical-align : top;
    text-align : left;
}

IMG 
{
    border : 0;    
}

A
{
    font-size : 11px;
    font-weight : normal;
    color: #f06;
    text-decoration: none;
}

A:active
{
    outline: none;
}

A:focus
{
    outline: none;
    -moz-outline-style: none;
}

.input
{
    width : 250px;
}

.textarea
{
    width : 440px;
    height : 300px;
}

ABBR
{
    border : 0;
    outline: none;
}

HR
{
    border : 0;
    line-height : 1px;
    border-bottom : 1px solid #09c;
    height : 1px;
}

.submit
{
    padding : 2px;
}

.back
{
    width : 200px;
    white-space: nowrap;
    text-align: right;
    padding-bottom : 10px;
    float : right;
}

BODY
{
	background-color : #99d6eb;
    overflow : auto;
}
	
OL
{
    padding-left : 30px;
}
    
#maintable
{
	width: 955px;
	margin-top: 20px;
	margin-left : auto;
	margin-right : auto;
	table-layout: fixed;
	background-color: #fff;
}

#logo_links
{
	width: 250px;
	height: 270px;
	background-image: url(/_images/site/logo_gemverk.jpg);
	background-repeat: no-repeat;
}

#linkerkolom
{
	background-color: #f0f7e1;
}

#middenkolom
{
    background-color: #edf8fd;
}

a#programmavergelijking
{
    width: 110px;
    height: 60px;
    background-image: url(/_images/site/programmavergelijking.gif);
    background-repeat: no-repeat;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 8000px;
}

a#programmavergelijking:hover
{
    background-position: 0 -60px;
}

a#stemwijzer
{
    width: 110px;
    height: 60px;
    background-image: url(/_images/site/stemwijzer.gif);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    line-height: 8000px;
}

a#stemwijzer:hover
{
    background-position: 0 -60px;
}


#politieke_partijen
{
	width: 224px;
	border: 3px solid #9c3;
	background-color: #fff;
	margin-top: 8px;
	margin-bottom: 20px;
    text-align: center;
}


    #politieke_partijen A IMG
    {
        border: 0px;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom : 5px;
    }

#content_links
{
	width: 240px;
	font-size : 12px;
	font-weight : normal;
	color: #000;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 15px;
}

#logo_links2
{
	width: 250px;
	height: 30px;
	background-image: url(/_images/site/gemeenteraad.gif);
	background-repeat: no-repeat;
}

a#twitter_uitleg
{
	height: 16px;
	background-image: url(/_images/site/twitter_icoon.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 15px;
	border: 0px;
	padding-left: 20px;
}

a#hyves_uitleg
{
	height: 16px;
	background-image: url(/_images/site/hyves_icoon.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 15px;
	border: 0px;
	padding-left: 20px;
}

a#rss_uitleg
{
	height: 16px;
	background-image: url(/_images/site/rss_icoon.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 8px;
	margin-bottom: 15px;
	border: 0px;
	padding-left: 20px;
}


#submenu_balk
{
	width: 485px;
	height: 30px;
	background-color: #9c3;
	padding-left: 15px;
}

ul#submenu
{
	padding-left: 4px;
	padding-top: 8px;
}

ul#submenu li
{
	list-style: none;
	display: inline;
}

#submenu
{
	height : 11px;
	font-size : 11px;
	font-weight : normal;
}

#submenu A,
#submenu A:hover,
#submenu A.active
{
	color : #000;
	text-decoration : none;
	background-image: url(/_images/site/dot_nav.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 13px;
}


#submenu A:hover,
#submenu A.active
{
	color : #fff;
	background-image: url(/_images/site/dot_nav_hover.gif);
}


#menu
{
    width: 497px;
    height: 67px;
    background-color: #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff; 
}

#menu a#wiemagstemmen
{
    background-image: url(/_images/site/wiemagstemmen.jpg);
    display: block;
    width: 121px;
    height: 64px;
    overflow: hidden;
    line-height: 8000px;
    float: left;
    border-left: 3px solid #fff;
}

#menu a#wiemagstemmen:hover,
#menu a#wiemagstemmen.active
{
    background-position: 0 -64px;
}

#menu a#wiemagstemmen.active
{
    border-bottom: 3px solid #ffe5ef;    
}

#menu a#waaromzouikstemmen
{
    background-image: url(/_images/site/waaromzouikstemmen.jpg);
    display: block;
    width: 121px;
    height: 64px;
    overflow: hidden;
    line-height: 8000px;
    float: left;
    border-left: 3px solid #fff;
}

#menu a#waaromzouikstemmen:hover,
#menu a#waaromzouikstemmen.active
{
    background-position: 0 -64px;
}

#menu a#waaromzouikstemmen.active
{
    border-bottom: 3px solid #ffe5ef;    
}

#menu a#opwiemagikstemmen
{
    background-image: url(/_images/site/opwiemagikstemmen.jpg);
    display: block;
    width: 121px;
    height: 64px;
    overflow: hidden;
    line-height: 8000px;
    float: left;
    border-left: 3px solid #fff;
}

#menu a#opwiemagikstemmen:hover,
#menu a#opwiemagikstemmen.active
{
    background-position: 0 -64px;
}

#menu a#opwiemagikstemmen.active
{
    border-bottom: 3px solid #ffe5ef;    
}

#menu a#hoekanikstemmen
{
    background-image: url(/_images/site/hoekanikstemmen.jpg);
    display: block;
    width: 122px;
    height: 64px;
    overflow: hidden;
    line-height: 8000px;
    float: left;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#menu a#hoekanikstemmen:hover,
#menu a#hoekanikstemmen.active
{
    background-position: 0 -64px;
}

#menu a#hoekanikstemmen.active
{
    border-bottom: 3px solid #ffe5ef;    
}

#header_content
{
	width: 450px;
	height: 110px;
	background-color: #ccebf8;
	font-size : 12px;
	font-weight : normal;
	color: #000;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#header_content H4
{
	font-size : 16px;
	font-weight : bold;
	letter-spacing: 0.05em;
	color: #009dde;
	padding-bottom: 15px;
}

#header_content P
{
    font-size : 12px;
    padding-bottom : 10px;
}


#hometable
{
	width: 500px;
	table-layout: fixed;
}

#actueel_home
{
	width: 220px;
	height: 28px;
	background-color: #f06;
	font-size : 18px;
	font-weight : bold;
	letter-spacing: 0.05em;
	color: #fff;
	padding-left: 30px;
	padding-top: 2px;
}

#content_actueel_home
{
	width: 205px;
	background-color: #ffcce0;
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 15px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

#content_actueel_home h2
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.afstand_actueel
{
	width: 205px;
	padding-bottom: 15px;
    overflow: hidden;
}

.afstand_actueel .actueel_tekst
{
    overflow: auto;
}

.afstand_actueel A
{
    white-space: nowrap;
}
    
#opinternet
{
	width: 235px;
	height: 24px;
	background-color: #fc3;
	font-size : 13px;
	font-weight : bold;
	letter-spacing: 0.05em;
	color: #fff;
	padding-left: 15px;
	padding-top: 6px;
}

#content_opinternet
{	
	width: 235px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	background-color: #fff0c1;
	padding-left: 15px;
	padding-top: 15px;
}

#content_opinternet h3
{
	font-size: 12px;
	font-weight: bold;
	color: #f06;
}

.details
{
	font-size: 9px;
	font-weight: normal;
	color: #666;
	padding-bottom: 10px;
}

.rss,
.twitter,
.hyves
{
    width: 185px;
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding-left: 25px;
    overflow : hidden;
}

.rss
{
	background-image: url(/_images/site/rss_icoon.gif);
}

.rss A,
.twitter A,
.hyves A
{
    white-space: nowrap;
}

.twitter
{
	background-image: url(/_images/site/twitter_icoon.gif);
}

.twitter h3,
.twitter h3 A
{
	display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #f06;
}

.hyves
{
	background-image: url(/_images/site/hyves_icoon.gif);
}

#logo_rechts
{
	width: 205px;
	height: 70px;
	background-image: url(/_images/site/logo_gemtilburg.jpg);
	background-repeat: no-repeat;
    display : block;
    line-height : 6000px;
    overflow : hidden;
}

#rechterkolom
{
	background-color: #fff7e1;
}

#youtube
{
	overflow: auto;
}

#youtube_balk
{
	width: 125px;
	height: 24px;
	background-color: #fc3;
	background-image: url(/_images/site/youtube_icoon.gif);
	background-repeat: no-repeat;
	font-size : 13px;
	font-weight : bold;
	letter-spacing: 0.05em;
	color: #fff;
	padding-left: 80px;
	padding-top: 6px;
}

#youtube_content
{
	font-size: 10px;
	font-weight: normal;
	color: #000;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 10px;
}

#youtube_content IMG
{
    float : left;
}

#youtube_content .pijl
{
    padding-left : 10px;
    padding-top : 30px;
    margin-bottom : 40px;
    clear : right;
}

#youtube_content H4
{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-top: 5px;
    clear : both;
}

#flickr
{
	overflow: auto;
}

#flickr_balk
{
	width: 125px;
	height: 24px;
	background-color: #fc3;
	background-image: url(/_images/site/flickr_icoon.gif);
	background-repeat: no-repeat;
	font-size : 13px;
	font-weight : bold;
	letter-spacing: 0.05em;
	color: #fff;
	padding-left: 80px;
	padding-top: 6px;
}

#flickr_content
{
	background-color: #fff7e1;
	padding-bottom: 15px;
}

#flickr_content .meer
{
    padding-left : 10px;
}


.foto_content_rechts2
{
	padding-left: 10px;
	padding-top: 15px;
}

.foto_content_rechts3
{
	padding-top: 15px;
}

#footer
{
	width: 955px;
	height: 25px;
	background-color: #000;
	margin-left : auto;
	margin-right : auto;
}


/* VERVOLG PAGINA */

#subsubmenu_balk
{
    height: 37px;
    background-color: #ffe5ef;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

ul#subsubmenu
{
    text-align: center;
    padding-top: 5px;
}

ul#subsubmenu li
{
    list-style: none;
    display: inline;
}

ul#subsubmenu li A
{
    white-space: nowrap;
}

#subsubmenu
{
    height : 24px;
    font-size : 11px;
    font-weight : normal;
}

#subsubmenu A,
#subsubmenu A:hover,
#subsubmenu A.active
{
    color : #f06;
    text-decoration : none;
    background-image: url(/_images/site/dot_subnav.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 9px;
}


#subsubmenu A:hover,
#subsubmenu A.active
{
    color : #000;
    background-image: url(/_images/site/dot_subnav_hover.gif);
}

#vervolg_content
{
    width: 440px;
    background-image: url(/_images/site/vervolg_achtergrond.gif);
    background-repeat: no-repeat;
    background-color: #edf8fd;
    font-size : 12px;
    font-weight : normal;
    color: #000;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 100px;
    min-height : 300px;
}

#vervolg_content *
{
    font-size: 12px;
}

#vervolg_content A *
{
    color: #f06;
}

#vervolg_content h1
{
    font-size : 18px;
    font-weight : bold;
    color: #f06;
    padding-bottom: 25px;
}

#vervolg_content h2
{
    font-size : 12px;
    font-weight : bold;
    color: #000;
}

#vervolg_content h3
{
    font-size : 12px;
    font-weight : bold;
    color: #f06;
}

#vervolg_content p
{
    padding : 0;
    margin : 0;
    padding-bottom : 20px;
}

/* AGENDA */
#agenda
{
    width: 185px;
    background-color: #fff;
    padding : 10px;
}

    .agendaitem
    {
        width: 195px;
        display : block;
        height : 50px;
        margin-bottom: 10px;
    }

    .agendaitemlijst
    {
        margin-bottom: 10px;
    }
    
    .agendaitem DIV.meer
    {
        background-image : url(/_images/site/agenda_meer.png);
        background-repeat: no-repeat;
        height : 15px;
        width : 15px;
        overflow : hidden;        
        float : right;
        margin-right : 10px;
        margin-top : 15px;
    }
    
    .agendaitem:hover DIV.meer
    {
        background-position : 0px -15px;
    }
    
    .agendaitem .agendacontent,
    .agendaitem .agendacontent_s
    {
        width: 135px;
        font-size: 10px;
        line-height: 15px;
        font-weight: normal;
        color: #000;
        float: left;
        height : 30px;

/*        overflow : hidden;
*/        text-overflow:ellipsis;
        display:block;
        padding-top : 0px;
    }
    
    .agendaitem .agendacontent_s
    {
        height : 30px;
        overflow : hidden;
        /*white-space:nowrap;*/
    }
    .agendaitem .tijd
    {
        width: 135px;
        float: left;
        font-size: 10px;
        font-weight: normal;
        color : #666;
        padding-bottom: 10px;
    }

    .roze .blokkie  { background-color: #ff0066; }
    .groen .blokkie { background-color: #99cc33; }
    .blauw .blokkie { background-color: #009dde; }

    .roze B, .roze H1  { color: #ff0066; }
    .groen B, .groen H1 { color: #99cc33; }
    .blauw B, .blauw H1 { color: #009dde; }

    .agendaitem .blokkie,
    .agendaitemlijst .blokkie
    {
        width: 30px;
        height: 30px;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        float: left;  
        overflow : hidden;
        margin-right : 5px;
        margin-top : 3px;
    }

    .blokkie .dag
    {
        padding-top : 1px;
        font-size : 16px;
        width : 30px;
        text-align: center;
        height : 15px;
    }

    .blokkie .maand
    {
        font-size : 10px;
        width : 30px;
        text-align: center;
    }

    .agendaitem:hover .blokkie .maand,
    .agendaitem:hover .blokkie .dag
    {
        color : #000;
    }
    
    #agenda__list .agendaitemlijst
    {
        color : #000;    
        border-bottom : 1px solid #09c;
        padding-bottom : 20px;
    }
    
    #agenda__list .agendaitemlijst H1
    {
        font-size : 14px;   
        padding : 0px;
        margin : 0px;
    }

    #agenda__list .agendaitemlijst H2
    {
        font-size : 12px;   
        padding : 0px;
        margin : 0px;
    }
    
    #agenda__list B { color: #000; }

    #agenda__list .roze H1  { color: #ff0066; }
    #agenda__list .groen H1 { color: #99cc33; }
    #agenda__list .blauw H1 { color: #009dde; }
    

/* REACTIES */
TABLE#reactie
{
    width :  440px;
}

    TABLE#reactie TD .input,
    TABLE#reactie TD .textarea
    {
        width : 240px;
    }

    TABLE#reactie TD .submit
    {
        width : 150px;
    }

    TABLE#reactie TH
    {
        width :  200px;
    }

    TABLE#reactie TH .uitleg
    {
        font-size : 10px;
    }

    TABLE#reactie TD,
    TABLE#reactie TH
    {
        padding-bottom : 3px;
    }

#news__comment_block .news__comment_item .news__comment_datum
{
    font-size : 10px;
}

#news__comment_block .even
{
    background-color : #EEE;
}
#news__comment_block .odd
{
    background-color : #FFF;
}

/** PARTIJ LIJST **/

#partijlijst .partij
{
	margin-bottom: 10px;
}

/** PARTIJ INFO **/
#partijinfo #lijstnr
{
    float : left;
    padding-right : 10px;
    font-weight : bold;
    font-size: 12px;
}

#partijinfo #lijstnr IMG
{
    float : left;
}

#partijinfo h1
{
    font-size : 18px;
    font-weight : bold;
    color: #f06;
    padding-bottom: 15px;
}

#partijinfo h2
{
    font-size : 12px;
    font-weight : bold;
    color: #f06;
    padding-top : 10px;
    padding-bottom : 15px;
}

#partijinfo .kandidaat
{
    width : 145px;
    float : left;
    color : #000;
    height: 115px;
}

#partijinfo .kandidaat .foto
{
    width : 84px;
    height : 84px;
    border : 3px solid #009dde;
    background-color: #FFF;
    text-align: center;
    float : left;
    overflow : hidden;
}

#partijinfo A.kandidaat:hover .foto
{
    border : 3px solid #99cc33;
}

#partijinfo .kandidaat .nr
{
    height : 90px;
    vertical-align: bottom;
    display : table-cell;
    font-size: 11px;
    font-weight: bold;
    padding-left: 3px;
}

#partijinfo .kandidaat .bijschrift
{
    width : 130px;
    font-size : 9px;
}

/** PARTIJ LID **/

#partijlid .foto
{
    width : 144px;
    height : 144px;
    border : 3px solid #0298cd;
    background-color: #FFF;
    text-align: center;
    float : left;
    overflow : hidden;
    margin-right: 10px;
}

#partijlid .info
{
    padding-top : 30px;
}

#partijlid .beschrijving
{
    padding-top : 22px;
}

#partijlid .beschrijving P
{
    padding-bottom : 10px;
}

#partijlid .info TABLE
{
    padding-top : 10px;
}

#partijlid .info .opinternet A
{
    padding-right: 10px;
}


#partijlid .info TABLE TH
{
    width : 90px;
    padding-bottom : 8px;
}

/** FAQ **/
#faq__list .faq__items
{
    padding-bottom : 10px;
}

#faq__list .faq__items a
{
    font-size : 12px;
}

#faq__list HR
{
    margin-bottom: 10px;
}

/** SITEMAP **/
#sitemap UL
{
    padding-left : 20px;
}

#sitemap ul li ul
{
	list-style: square;
}

#sitemap ul li ul li ul
{
	list-style: disc;
}

#sitemap ul li ul li ul li ul
{
	list-style: square;
}

#sitemap ul li a
{
	font-size: 12px;
}

#sitemap ul li ul li a
{
	font-size: 11px;
}

#sitemap ul li ul li ul li a
{
	font-size: 10px;
}

#sitemap ul li ul li ul li ul li a
{
	font-size: 10px;
}

/* TOOLTIP AGENDA */

.qtip
{
    font-size : 12px;
}

    .qtip .qtip-contentWrapper
    {
        padding-top : 10px;
        padding-bottom: 10px;
    }

    .qtip H1
    {
        color : #000;
        font-size : 12px;
        padding  : 0;
        margin : 0;
        padding-bottom : 5px;
    }

    .qtip H2
    {
        color : #0099cc;
        font-size : 12px;
        padding-bottom : 5px;
        padding  : 0;
        margin : 0;
    }

/* PROGRAMMA VERGELIJKING */

#detail
{
    padding : 20px;
    display : none;
    
}

#programma
{
    font-size : 12px;
}

    #programma #selectie
    {
        background-color : #ff0066;
        width : 230px;
        height : 115px;
        padding-left : 15px;
        padding-top : 10px;
        color : #FFF;
        border-bottom : 3px solid #000;
        font-size : 10px;
        overflow : hidden;
    }
   
        #programma #selectie INPUT
        {
            padding-right : 5px;
            padding-bottom: 5px;
        }

        #programma #selectie #themaselectie_l,
        #programma #selectie #themaselectie_r
        {
            width : 110px;
            float : left;
        }
        #programma #selectie #themaselectie_r
        {
            width : 100px;
            float : left;
        }

    #programma TD.even
    {
        background-color : #d9f0f8;
        border-bottom : 3px solid #FFF;
    }

    #programma TD.oneven
    {
        background-color : #b2e0f0;
        border-bottom : 3px solid #FFF;
    }

    #programma TD
    {
        padding : 15px;
        font-size : 10px;
    }

    #programma TH.even
    {
        width : 180px;
        background-color : #ffe6f0;
        border-bottom : 3px solid #000;
        padding-left : 15px;
        padding-right : 15px;
        padding-top : 35px;
        font-weight : normal;
        font-size : 10px;
    }

    #programma TH.oneven
    {
        width : 180px;
        background-color : #ffcce0;
        border-bottom : 3px solid #000;
        padding-left : 15px;
        padding-right : 15px;
        padding-top : 35px;
        font-weight : normal;
        font-size : 10px;
    }
    
    
    #programma H1
    {
        font-size : 12px;
    }
    
    /* PROGRAMMA VERGELIJKING */
    
    #meerverkiezingen .twitter,
    #meerverkiezingen .rss
    {
    	width: 385px;
    	padding-right: 30px;
    }
    
    /* ACTUEEL */
    
	#vervolg_content #news__list .news__item
    {
    	clear: left;
        overflow : auto;
    }

    #vervolg_content #news__list .news__item A
    {
        white-space: nowrap;
    }
    
    #vervolg_content #news__list
    {
    	width: 460px;
    }
    
    #vervolg_content #news__list .news__item IMG
    {
    	margin-top: 4px;
    	margin-right: 10px;
    }
  
    #content_actueel_home .afstand_actueel .plaatje IMG
    {
    	margin-top: 4px;
    	margin-right: 10px;
    }
    
     #vervolg_content #news__detail #news_detail_content .plaatje IMG
    {
    	margin-top: 4px;
    	margin-left: 15px;
    	margin-bottom: 5px;
    }

    
#sluiten, #terug
{
  position: absolute;
  top: 4px;
  right: 20px;
  cursor: pointer;
  cursor: hand;
  background-image : url(/_images/site/btn_close.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right : 20px;
  float : right;
}

#map_canvas
{
    display : block;
    position: relative;
}