/* ------------------------------------------------------------ PAGINA ---------------------------------------------- */


/* KLEUREN */


.groen { color: #005440; }

.licht_groen { color: #84af32; }

.geel { color: #d4d50e; }



img#background
{
    width: 100%; z-index: -1;
    position: absolute;
    left:0px; top:0px; 
}

img#background_whitespace_IE {
    width: 100%; height: 100%; z-index: -2;
    position:absolute;
    left:0px; top:0px;
}

img#background_whitespace_FF
{
    width: 100%; height: 100%; z-index: -2;
    position:fixed;
    left:0px; top:0px; 
}



html {
	height:100%; 
}
	
body
{
    margin:0px; padding:0px;
    height:100%; 
}

img { border:none; }

table
{ padding:0px; margin:0px; }

th, tr, td
{
    vertical-align:top;
    padding:0px; margin:0px; 
    /* font */
    font-family:Verdana;
    color:#003b66;
    vertical-align:top;
    font-size:15px;
    line-height:150%;
}

.CommandButton A, .CommandButton A:link, .CommandButton:visited,
.CommandButton:active A, A:link, A:visited, A:active
{
    color:#84af32; text-decoration:none;
}

A:hover, .CommandButton:hover
{
    color:#d4d50e; text-decoration:none;
}

/* --- TOTAL PAGE --- */


.page_total
{
    width:100%;
    height:100%;
    background-image:url(images/bg_military_header.png);
    background-repeat:no-repeat;
    background-position:center top; 
    text-align:center;
}

.page { width:950px; margin: 0 auto; height:100%; }
.achtergrond_wit {  background-color:#ffffff; }


/* --- HEADER PANE --- */

.pane_header
{
    width:950px; height:145px;
}

        .klikonlogo1 { float:left;margin-top:10px;margin-left:28px; }
        .klikonlogo2 { width:185px;height:73px; }
        .klikonlogo3 { width:185px;height:73px; cursor:hand; border:none; }

        .headpwd1 { float:left; padding-top:68px; margin-left:10px; }
        .headpwd2, .headpwd1:link, .headpwd2:visited, .headpwd2:active { width:24px; height:15px; font-size:15px; background-image:url(images/login.gif); background-repeat:no-repeat; }
        .headpwd2:hover { width:24px; height:15px; font-size:15px; background-image:url(images/login.png); background-repeat:no-repeat; text-decoration:none; }


/* --- MENU/LEFT PANE --- */

.pane_menu
{
    width:180px;
    
}

        .vlaggen {clear:both; padding-left: 11px;}
        .vlag { float:left; margin-right:3px; }
        .vlag_img { width:23px; height:14px; border-style:solid; border-width:2px; border-color:#ffffff; }
        .vlag_img_o { width:23px; height:14px; border-style:solid; border-width:2px; border-color:#d4d50e; }

  .pane_zoeken 
    {
		padding-left: 14px;
    }
    
    .pane_zoeken input 
    {
    	width:150px; height:24px;
        background-image:url(images/zoeken_bg.jpg);
        line-height:24px;
        border: 0px;
        margin-bottom:5px !important;
        padding-left: 5px !important;
    	}
    	
    .zoeken_knop
    {
        background-image:url(images/zoeken_knop.jpg);
        width:53px; 
        height:24px;
        border:none;
        cursor:hand;
    }
        
.menu {width: 165px; clear:both;}


/* --- CONTENT PANE --- */

.pane_main
{
    width:640px;
    padding-top:2px;
}

.ContentPane 
{
	width:640px !important;
	}

/* ook in container */
.myH1, .Normal .myH1, .Normal myH1
        {
            font-family:Verdana;
            font-size:22px;
            color:#005440;
        }


/* --- SPONSORS PANE --- */

.pane_sponsors,
#BannerPane { width:130px !important;}

.pane_sponsors .ContainerFrame {width:120px !important; margin-left: 10px !important;}

.SubHead, .Head , Normal
{
	color:#000000 !important;
	}


.PersFormulier { width:580px; text-align:left !important; }
/*.PersFormulier td { text-align:left !important; }*/

#dnn_ctr437_FormMaster_lblRequired,
#dnn_ctr457_FormMaster_lblRequired { color: #BBBBBB !important;}


/* ------------------------------------------------------------ MENU RadPanelBar ---------------------------------------------- */


.RadPanelBar
{
    width: 165px !important;  
    border-width:0px !important;
    font-family:Verdana; 
    font-size:13px; 
    font-weight:bold; 
    padding-top: 15px; 
    padding-bottom:15px;
    line-height: 120% !important;
    }

.rpRootGroup      { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important;  border-color:#ffffff; }    
.rpItem		  { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important; }
.rpLink		  { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important;  border-color:#ffffff; }
.rpOut		  { border-style:none; border-width:0px !important; padding:0px !important; margin:0px !important;  border-color:#ffffff; }
.rpText		  { border-style:none; border-width:0px !important; border-color:#ffffff; padding-left: 13px !important;  }


.rpRootGroup .rpText {padding-top: 8px !important; padding-bottom:8px !important;}
.rpGroup .rpText {padding-top: 0px !important; padding-bottom:0px !important;}


.rpExpandable {border-style:none; border-width:0px !important; }
.rpSlide      {border-style:none; border-width:0px !important; }

.menupanel_root { color:#005440!important; text-decoration:none; text-decoration:none!important;  }
/*.menupanel_root .rpText {line-height: 30px; }*/

.menupanel_root_hover { color:#005440!important; text-decoration:none; background-color: #d4d50e;}
/*.menupanel_root_hover .rpText {line-height: 30px; }*/

.menupanel_subpage { color:#005440 !important; font-weight:normal!important; text-decoration:none!important; margin-left: 15px !important; /*line-height:25px;*/}
.menupanel_subpage_hover { color:#84af32!important; font-weight:normal!important; text-decoration:none; margin-left: 15px !important;  background-color: #d4d50e; /*line-height:25px;*/}

.rpRootGroup .rpLink:hover .rpText { color:#005440!important; background-color: #d4d50e; } /* ----- da hover method :( ---- */
.rpGroup .rpLink:hover .rpText { color:#84af32!important; background-color: Transparent !important;}


/* =====================  FOTO ALBUM =====================  */
/*
div.FotoAlbumRand {
	background-image: url(images/foto_normal.png);
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 190px !important; 
	height:212px !important; 
	padding: 20px 15px !important; 
	text-align:center !important; 
	margin: 5px;
}

div.FotoAlbumRand:hover  {
	background-image: url(images/foto_over.png); 
}
*/

#dnn_ctr432_Gallery_ViewGallery_dlAlbum .view .item { padding: 0px !important;}

.FotoFrame {margin: 5px;}
.FotoFrame_TopLeft {background-image: url(images/fotoframe/foto_frame_lt.jpg); width:29px; height:29px;}
.FotoFrame_Top  {background-image: url(images/fotoframe/foto_frame_top.jpg); height:29px;}
.FotoFrame_TopRight  {background-image: url(images/fotoframe/foto_frame_rt.jpg); width:29px; height:29px;}
.FotoFrame_Left {background-image: url(images/fotoframe/foto_frame_left.jpg);  width:29px;}
.FotoFrame_Right {background-image: url(images/fotoframe/foto_frame_right.jpg);  width:29px;}
.FotoFrame_BottomLeft {background-image: url(images/fotoframe/foto_frame_lb.jpg); width:29px; height:29px;}
.FotoFrame_Bottom  {background-image: url(images/fotoframe/foto_frame_bottom.jpg); }
.FotoFrame_BottomRight {background-image: url(images/fotoframe/foto_frame_rb.jpg); width:29px; height:29px;}
.FotoFrame_Album { height: 130px; width:130px; text-align:center; }
.FotoFrame_Text { height: 40px; width:130px; text-align:center; line-height: 120% !important; }

/* =====================  Programma =====================  */

.ProgramHeader {margin-bottom: 8px;}

.ProgramHeaderItem 
{
	background-color: #84af32;
	font-size:13px;
	line-height: 26px;
	text-align:center;
	}
	
.ProgramHeaderItem:hover {
	background-color: #005440; /*#84af32;*/
}
		
.ProgramHeaderSelectedItem {
	background-color: #005440;
	line-height: 26px;
	font-size:13px;
	text-align:center;
	
}
.ProgramHeaderText 
{
	font-weight:bold;
	color: #FFFFFF !important;	
	font-size:13px;
}

.ProgramItemTime {
	color: #84af32;
	font-weight:bold;
	line-height: 26px;
	font-size:13px;
}

.ProgramItemTitle {
	color: #005440;
	line-height: 26px;
	font-size:13px;
	font-weight:bold;
}

.ProgramFrameTitle 
{	
	height:40px;
	position: absolute;
	top: -18px;
	left: -2px;
}

.ProgramFrame_header
{
    width:640px;
    height:25px;
    background-image:url(../../Containers/Military-Boekelo/images/bigframe_header.jpg);
    background-position:center top;
    background-repeat:no-repeat;
}

.ProgramFrame_footer
{
    width:640px;
    height:25px;
    background-image:url(../../Containers/Military-Boekelo/images/bigframe_footer.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
}

.ProgramFrame_main
{
    width:640px;
    background-image:url(../../Containers/Military-Boekelo/images/bigframe_main.jpg);
    background-position:center;
    background-repeat:repeat-y;
    padding-top:0px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}