/* ======= General Stylesheet for oost-vlaanderen.be ========= 
 *
 *    Version: 1.0
 *    Author: KST (Amplexor)
 *
 *   ------------------------------------                                 
 *   |      Table of Contents           |
 *   ------------------------------------
 *   | 1. General Styling               |
 *   | 5. Content element Styling       |
 *   | 7. 3-Col positioning & Floating  |
 *   -----------------------------------
 * ===================================================== */

/* ====
 * = 1. General Styling 
 * ======================= */
body{font: 0.83em/1.4 verdana, arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 100%; color: #625141; background: #e8edf3}
* {font-size: 100%}
img{border: 0}
div{margin: 0; padding: 0; border: none}
a{color: #625141; text-decoration: underline}
a:hover{text-decoration: none}

/* ====
 * = 5. Content element Styling
 * =========================*/
#ct {text-align:left; font-size: 75%; margin-bottom: 20px}
h1{/* border-bottom: 1px solid #b5a99f;  */ font-size: 110%}
#content h2{color: #bf2e37; margin: 0; padding: 0; margin-top: 2em}
#content h2 a{float: right; font-size: 85%; padding-right: 12px; text-decoration: none; font-weight: normal; margin-top: -1.3em}
#content{padding: 15px 0; text-align: left;}
#content p{margin-top: 0.5em}
#content h1{margin-top: 0.3em}	
#content .detNav, #content #relLinks, #content #contenttoc{clear: right}

#detNav, .detNav{width: 100%; margin: 0.3em auto; text-align: left}
#detNav td, .detNav td{width: 50%; padding: 0.2em;padding-top: 1em}
#detNav td{padding: 0.5em}
#detNav td ul {margin: 0em}
* html #detNav td ul {margin: 0 2.5em}
.detNav h3, .detNav p{padding: 0; margin:0}
.detNav p{margin-bottom: 0.5em}
.detNav td{padding: 1em}
.detNav a{color: #625141;}
.ll{border-left: 1px dashed #ece4dd}

#contenttoc{border-bottom: 1px solid #b5a99f; border-top: 1px solid #b5a99f}

#relLinks{width: inherit; margin: 1.5em auto; padding: 0.5em; border: 1px solid #d4c7b7; background: #fff}
#relLinks h4{margin: 0.2em}
#relLinks ul{margin: 0 2em; margin-bottom: 0.5em}

#content .imgsrc{color: #999; font-style: italic; margin: 0; padding: 0; text-align: right; font-size: 90%; margin-bottom: 0.5em}
#content img.right{float: right; clear: right}
.imgBox{margin: 0;padding:0; width: 220px; float: right; padding-left: 1em; text-align: right; white-space: wrap; margin-top: 2em; margin-bottom: 0.5em; margin-left: 1em; overflow: hidden}
.imgBox *{display: block; clear:right}

.contentTable{width: auto; border: 1px solid #d4c7b7; padding: 0; margin: 1em auto 1.5em 25px;}
.contentTable td, .contentTable th{padding: 0.2em; text-align: left}
.contentTable th{background: #d4c7b7}
.contentTable .on td{background: #fff}

.docs a{padding-left: 0px}

#right{padding: 0; margin: 0; border: 1px solid #666; padding: 1em}
#right div h3, #right div p{margin:0.1em}
#right div{float: none; width: auto; border: none; background: none}


/* ====
 * = 7. 3 Column Layout Positioning & Floating 
 * ============================================*/
#right div a.more, #nav, #header, #footer, #topNav, #fixedNav, #searchBox, #logo, #headerImg, #adminbar{display: none}

/* ==== * 15. Paragraaf met afbeelding styling * ============================================*/
.paraImg{width:100%; height:auto; vertical-align:middle; margin-top:20px; margin-bottom:20px;  }
.paraImgleft{float:right; padding-left:20px; vertical-align:middle;}
#paraImgsrcleft{font-style: italic; margin: 0; padding: 0; font-size: 80%; margin-bottom: 0.5em; text-align:right;}
.paraImgright{float:left; margin-right:25px; vertical-align:middle;}
#paraImgsrcright{font-style: italic; margin: 0; padding: 0; font-size: 80%; margin-bottom: 0.5em; text-align:left;}

.paraImgrightTekst, .paraImgleftTekst{ padding:0; margin:0; margin-bottom:-15px}
.paraImgrightTekst ul{ padding-left:230px;}
.paraImgrightTekst ul ul{ padding-left:20px;}
/* ==== * END 15. Paragraaf met afbeelding styling * ============================================*/


/* ==== * = 4. Footer Styling * ====================*/
.footerroundedcornr_box_396390 {margin-top:10px; margin-bottom:2px;	width: 996px; margin-left:1px;vertical-align:middle;
	clear: both; color: #FFFFFC; font-size: 80%; text-align:center; position:relative; 	background: #4a7584;}
.footerroundedcornr_box_396390 #rechts{ float:right; text-align:right; width:20%;margin-right:15px; padding-top:5px;}
.footerroundedcornr_box_396390 #links{ text-align:left; margin-left:15px; margin-right:22%;  padding-top:8px;  }
.footerroundedcornr_top_396390 div { background: url(corners/roundedcornr_396390_tl.png) no-repeat top left;}
.footerroundedcornr_top_396390 {background: url(corners/roundedcornr_396390_tr.png) no-repeat top right;}
.footerroundedcornr_bottom_396390 div {background: url(corners/roundedcornr_396390_bl.png) no-repeat bottom left;}
.footerroundedcornr_bottom_396390 { background: url(corners/roundedcornr_396390_br.png) no-repeat bottom right;}
.footerroundedcornr_top_396390 div, .footerroundedcornr_top_396390, .footerroundedcornr_bottom_396390 div, .footerroundedcornr_bottom_396390 { width: 100%; height:8px; font-size: 1px;}
.footerroundedcornr_content_396390 { margin-top:-5px;  }
/* ==== * END Footer Styling * ====================*/