/* ************************************************ */
/* *     INSTALLATRON                             * */
/* ************************************************ */

#i_installatron {
    text-align: left;
    position: static;
}

/* GLOBALS, Margin/Padding veranderd ook Buttons, Forms */
#i_installatron * {
    font-size: 14px; /* 13px */
    font-family: Verdana; /* Arial */
    line-height: normal;
}

/* Eduard */
#i_installatron blockquote {
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    margin: 8px;
    padding: 5px;
    background-color: #fdd;
    color: #505050;
}

/* Eduard, default P tag */
#i_installatron p {
    font-family: arial, verdana, helvetica, sans-serif;
    background-color: transparent;
    color: #404040;
    font-weight: normal;
    font-size: 16px;
    margin: 8px 4px 8px 4px;
    line-height: 14pt;
}

#i_installatron li {
    margin-left: 20px;
}

/* Eduard, default linkjes */
#i_installatron a {
    color: var(--textlinkcolor);
    text-decoration: none;
}
#i_installatron a:hover {
    color: var(--texthovercolor); 
}

/* ************************************************ */
/* *     SIDEBAR                                  * */
/* ************************************************ */

#i_sidebar {
    min-width: 150px;
    margin: 0; /* 3px Eduard */
}

/* Eduard, */
#i_sidebar h1 {
    font-family: Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana, sans-serif;
    font-size: 22px;
    color: var(--sidebarh1color);
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0 0;
}
#i_sidebar h1 a {
    font-size: 23px;
    color: #06375d;
}
#i_sidebar h1 a:hover {
    color: #06375d;
    text-decoration: underline;
}

/* Eduard, */
#i_sidebar h2 {
    font-family: Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana, sans-serif;
    font-size: 16px;
    color: var(--sidebarh2color);
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0 0;
}
#i_sidebar h2 a {
    font-size: 16px;
    color: #226;
}
#i_sidebar h2 a:hover {
    color: #226;
    text-decoration: underline;
}

/* Eduard, */
#i_sidebar h3 {
    font-family: Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana, sans-serif;
    font-size: 14px;
    color: var(--sidebarh3color);
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 3px 0;
}
#i_sidebar h3 a {
    font-size: 14px;
    color: #226;
}
#i_sidebar h3 a:hover {
    color: #226;
    text-decoration: underline;
}

/* Voor Titel / Subtitel zoals bij Profiel */
#i_sidebar .extra {
	font-size: 16px;
	color: var(--sidebarh1color);
	vertical-align: top;
}

#i_sidebar .extra3 { 
	font-size: 12px;
	color: var(--sidebarh3color);
}

/* Eduard, soort status tekstje ergens erbij */
#i_sidebar .smalltext {
    font-size: 13px;
    color: #666;
    line-height: normal;
    padding-bottom: 4px;
    padding-top: 4px;
}

/* Eduard, soort status tekstje ergens erbij */
#i_sidebar .floatsmall {
    float: right;
    font-size: 11px;
    color: #666;
    line-height: normal;
}

/* Eduard, tekst bij artikelen */
#i_sidebar .frontpage {
    /* font-family: "trebuchet ms", tahoma, arial, verdana, serif; */
    font-family: Verdana, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    padding-right: 0; /* moet via Table 90% */
    color: var(--articletextcolor); 
}

/* Eduard, berichten header/quote voor: forum, kletshoek, artikelen, gastenboek, etc */
#i_sidebar .header {
    /* font-family : verdana, arial, helvetica, sans-serif; */
    font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
    padding: 2px 3px 2px 4px;
    font-size: 15px;
    font-weight: normal;
	 margin: 0;
    background-color: transparent;
    color: var(--headertextcolor);
    /* background: url(/img/masterbar-bg.gif) left top repeat-x; */
    vertical-align: top; /*  middle; */
    height: auto; /* 38px; */
	 display: block;
}
#i_sidebar .header a {
    padding: 0;
    color: #666; /* black; */
    font-size: 14px;
}
#i_sidebar .header a:hover {
    padding: 0;
    color: #666; /* black; */
    font-size: 14px;
	 cursor: pointer;
} /* text-decoration:underline; } */

#i_sidebar .quote, #i_sidebar .quote a, #i_sidebar .quote a:hover {
    /* font-family : verdana, arial, helvetica, sans-serif; */
    font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    /* padding: 2px 3px 1px 2px;*/
    padding: 12px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: normal;
    color: var(--quotetextcolor);
    background-color: var(--quotecolor);
    border-radius: 16px;
    border-right: 1px solid var(--borderbottom);
	 border-bottom: 1px solid var(--borderbottom);
    border-top: 0;
    vertical-align: middle;
    font-style: normal;
}
#i_sidebar .quote a {
    padding: 0;
    color: black;
    font-size: 14px;
}
#i_sidebar .quote a:hover {
    padding: 0;
    color: black;
    font-size: 14px;
    text-decoration: underline;
}

/* Eduard, algemene berichten inhoud bij overzicht kletshoek, gasten, forum, artikelen */
#i_sidebar .content {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 10px 10px 6px;
    color: var(--textcontentcolor);
}

/* rubriek en discussie overzicht bij forum */
#i_sidebar .rubriek {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 4px 14px 10px 14px;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 8px;
}
#i_sidebar .rubriek .topic {
    font-size: 15px;
    letter-spacing: 1px;
    /* word-spacing: 1px; */
    color: #dc143c;
}
#i_sidebar .rubriek .topic a {
    font-size: 15px;
    text-decoration: none;
}
#i_sidebar .rubriek .topic a:hover {
    text-decoration: underline;
}

/* nodig voor mooie weergave in het beheer menu */
#i_sidebar .beheer {
    /* margin: 4px 4px 8px 0px; */
    background-color: transparent;
}
#i_sidebar .beheer img {
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;	 
}

/* box: simpel kadertje om tekst zetten. zoals bij statistieken */
#i_sidebar .box {
    float: none;
    background-color: #faf0e6;
    border: 1px solid #c0c0c0;
    padding: 5px;
    display: block;
    height: 100%;
    line-height: 16px;
}

#i_sidebar .box img {
    float: left;
    margin-right: 5px;
}

/* Eduard, Menu tekstblokjes zoals overzicht kletshoek, gastenboek */
#i_sidebar .textblock {
    font-size: 14px;
    line-height: 15px;
    color: #808080;
}

/* Eduard, Menu datum voor overzicht kletshoek, gastenboek */
#i_sidebar .date {
    font-size: 12px;
    font-weight: normal;
    color: fuchsia;
}

/* Eduard, berichten AVATAR weergave */
#i_sidebar .avatar {
    width: 46px;
    height: 46px;
    float: left;
    border: 1px solid #f0f;
    margin-top: 6px;
}

#i_sidebar a img {
	opacity: 0.9;
   border: 0;
}

#i_sidebar a img:hover {
	opacity: 1.0;
}

#i_sidebar .i_list_app a, #i_sidebar .i_list_miniheader a {
    font-size: 15px;
    cursor: pointer;
    display: block;
    clear: both;
}

#i_sidebar .i_list_app a {
    padding: 4px; /* 5px (hoogte linkjes) */
    overflow: hidden;
}
#i_sidebar .i_current, #i_sidebar .i_list_app a:hover {
    color: #000; /*  #e90; */
    background-color: #dbe2ec; /* #E4E6E8 /* #faf0e6; */
    border-radius: 4px;
}

#i_sidebar .i_list_miniheader a, #i_sidebar .title {
    color: #226; /* #FFF; 226; */
    border: 0;
    padding: 3px 0 3px 6px; /* Top, Right, Bottom, Left */
    font-weight: bold;
    /* font-weight:normal;*/
    white-space: nowrap;
}

#i_sidebar .i_list_miniheader a:hover {
    color: #579;
}

/* Bij menus info, tekst rechts van linkjes */
#i_sidebar .i_sidebar_right {
    float: right;
    color: #8494b5;
    padding-left: 14px;
    cursor: pointer;
}

#i_sidebar h6 {
    float: right;
    color: #8494b5;
    font-size: 12px;
    padding-left: 14px;
    cursor: pointer;
    font-style: normal;
}

#i_sidebar .i_footer_corners {
    clear: both;
    margin-bottom: 8px !important;
}

/* BACKGROUND COLORS */

#i_installatron .i_bg_kader {
    background-color: transparent;
}

#i_installatron .i_bg_header {
	background-color: transparent;
	 border-bottom: 1px solid #006EC0; /* #7CACEA; */
	 border-radius: 0;
    font-size: 18px;
    padding: 6px;
    padding-left: 0px; /* 12px; */
	 margin-right: 0px; 
	 margin-bottom: 6px;
    color: #8494b5;
	 /*
    background-color: var(--titlebars);
    border-radius: 8px;
    font-size: 15px;
    padding: 6px;
    padding-left: 12px;
	 margin-right: 0px; 	 
    color: #8494b5;
	 */
}

/* TITEL BOVEN MENUS */
#i_installatron .i_bg_menus {
    background-color: transparent;
	 border-bottom: 1px solid #006EC0; /* #7CACEA; */
	 border-radius: 0;
    font-size: 18px;
    padding: 6px;
    padding-left: 0px; /* 12px; */
	 margin-right: 0px; 
	 margin-bottom: 6px;
    color: #8494b5;
}
#i_installatron .i_bg_content {
    /* kleur van linkjes */
    background-color: transparent; /* #f9fafb; */	 
}

/* Eduard, zijkant inhoud weergeven */
#i_sidebar .i_list_app_content {
    background-color: transparent;
}
/* Eduard, grote middenscherm */
#i_sidebar .i_list_app_center {
    background-color: var(--contentcolor);
	 border-radius: 16px;
	 border-bottom: 1px solid var(--borderbottom);
	 text-align: left;
	 vertical-align: top;
}

/* CONTENT EMBOSS */

#i_sidebar .i_list_app, .i_list_app_content, .i_list_app_center, #i_installatron .i_list {
    display: block;
    border-left: 0 solid #e3e9f0;
    border-right: 0 solid #e3e9f0;
}

#i_sidebar .i_current, #i_sidebar .i_bg_content, #i_installatron .i_list_row td {
    display: block;
    margin-top: 4px;
    border-bottom: 0 solid #e3e9f0;
    border-top: 0 solid #fff;
    border-left: 0 solid #e3e9f0;
    border-right: 0 solid #e3e9f0;
}

/* Margin rond elk venster */
#i_sidebar .menu {
    margin: 0;
	 padding: 0;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 width: 100%;
	 display: block;	
    background-color: var(--background);
}

/* Eduard-download */

#i_sidebar .download {
    background-color: var(--downloadcolor);
	 border-radius: 16px;
	 border-bottom: 1px solid var(--borderbottom);
    padding: 10px;
}

#i_sidebar .download h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: gray;
    margin-bottom: 5px;
}

#i_sidebar .download h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #dc143c;
    margin-bottom: 5px;
}