/*Copyright by R. Hilkens, 2005. Eijkhagencollege Landgraaf*/
/*Name: body.css*/

/*Titles*/
.b_title
{
	font-size: 14px; color: #aa0000;
}
.b_navpath
{
	text-align: right; font-weight: normal; font-size: 7pt;
}

/*LEFT CONTAINER*/
div#left_container, .left_container
{
    float: left;
    clear: right;
}
div#l_top, .l_top
{
    float: left;
    clear: left;
    width: 150px;
    height: 40px;
    background-image: url(header/l_top.jpg);
}
div#l_body, .l_body
{
    float: left;
    clear: left;
    width: 180px;
    height: 400px;
    overflow: visible;
}
/*LEFT BODY: totale breedte is 150*/
.l_body_title
{
    width: 160px; /*170 - 10*/
    height: 20px;
    background-image: url(body/l_body_title.gif);
    padding-top: 10px;
    padding-left: 10px;
    font-size: 8pt;
    text-align: left;
    margin-left: 2px;
    color: #cc0000;
    font-weight: bold;
}
.l_body_item, .l_body_item_hover
{
    width: 161px;
    border-left: solid 2px #6597e9;
    padding-left: 5px;
    font-size: 8pt;
    border-right: solid 2px #6597e9;
    margin-left: 2px;
    color: Black;
    cursor: pointer;
    background-color: #ffffff;
    border-bottom: solid 1px White;
}
.l_body_item_hover
{
    color: White; /*#273d71;*/
    background-color: #6597e9;/*#CCDCFF*/
    border-bottom: solid 1px #273d71;
}
.l_body_foot
{
    width: 170px;
    border-top: solid 2px #3868c1;
    margin-left: 2px;
}
/*MIDDLE CONTAINER*/
div#middle_container, .middle_container
{
    float: left;
    clear: right;
}

.b_top
{
    float: left;
    clear: left;
    height: 30px;
    overflow: visible;
}

.b_top_left
{
    float: left;
    clear: left;
    width: 10px;
    height: 30px;
    background-image: url(body/b_top_left.gif);
}
.b_top_body
{
    float: left;
    clear: right;
    /*width: 590px; /*610-10-10*/
    height: 21px;
    background-color: #A9B9F7;
    padding-top: 9px;
    font-weight: bold;
    background-image: url(body/b_top_body.gif);
}
.b_top_right
{
    float: left;
    clear: right;
    width: 10px;
    height: 30px;
    background-image: url(body/b_top_right.gif);
}
/*MIDDLE BODY*/
.b_body
{
    float: left;
    clear: left;
    overflow: visible;
}
.b_body_leftshadow, div#m_body_leftshadow
{
    float: left;
    clear: left;
    width: 5px;
    height: 10px;
    overflow: hidden;
    background-image: url(body/b_body_leftshadow.gif);
    background-repeat: repeat-y;
}

.b_body_content, div#m_body_content
{
    float: left;
    clear: right;
    overflow: visible;
    background-color: white;
}

.b_body_rightshadow, div#m_body_rightshadow
{
    float: left;
    clear: right;
    width: 5px;
    height: 10px;
    overflow: hidden;
    background-image: url(body/b_body_rightshadow.gif);
    background-repeat: repeat-y;
} 


/*MIDDLE FOOTER: totale breedte is 700-150=610*/
.b_footer
{
    float: left;
    clear: left;
    background-image: url(body/b_footer_model.gif);
    height: 30px;
}
.b_footer_leftshadow
{
    float: left;
    clear: left;
    width: 10px;
    height: 30px;
    background-image: url(body/b_footer_leftshadow.gif);
}
.b_footer_content
{
    float: left;
    clear: right;  
    height: 14px;
    padding-top: 16px;
    font-size: 7pt;
    color: #273D71;
}
.b_footer_rightshadow
{
    float: left;
    clear: right;
    width: 10px;
    height: 30px;
    background-image: url(body/b_footer_rightshadow.gif);
}
/*RIGHT*/
div#right_container
{
	float: left;
	clear: right;	
}
/*VOTING*/
.votingbar
{
	overflow: hidden;
	height: 2px;
	background-color: Gray;
	background-image: url(voting/bar.gif);
	padding-bottom: 2px;
}