/********************************************************
*
*	stylesheet initializing gemeente Ternat website
*
********************************************************/

/* Main Structural Elements & init
-------------------------------------------- */	
html { padding: 0; border: 0; margin: 0; }
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px)   */
	text-align: center; margin: 0; 	padding: 0;
	background-image: url(../images/bgVertical.gif);
	background-repeat:repeat-x;
	background-color:#72BD1A;
	height: 100%;
}
ol, ul, li {margin: 0; padding: 0; list-style-type: none;}
form { margin: 0; }
div, h1, h2, h3, h6, p, a, span, table, tr, td, input, img { margin: 0; padding: 0; }
img, fieldset { border:0; }

/* div section
--------------------------------------------- */
#wrapper 
{
	background-color:#3A949C; 
	text-align:left; width:755px; margin:0 auto; 
}
#logo { float:left;height:151px;width:200px; position:relative; /*background-image:url(../images/imgStadslogo.jpg);*/ text-align:right; }
#logo a.logo { height:151px;width:200px; position:absolute; top: 0; left: 0; background-color: #ffffff; text-align: left; background-image:url(../images/imgStadslogo.jpg);}
#logo a.logo img { margin: 0; display: none; }
#ocmw #logo { float:left;height:151px;width:200px; background-image:url(../images/imgOCMWlogo.jpg); text-align:right; }
#logo img { /*margin-top:79px;margin-right:29px;*/ position: absolute; top: 79px; left: 72px; }

#header { height: 210px; }
#headerBlocks { float:left; width:545px; }
#headerShadow { float:left; }
#headerBlockImage { float:right; margin-top:21px; }

#headerimage { float:left;width:544px;height:127px;border-top:solid 1px #1C72AD;border-right:solid 1px #1C72AD; }
#headerimage img { border: 0; }
#imageShadow { float:left; }
#imageSlogan { float:right; margin: 12px 12px 0 0; }

#divider { float:left;width:745px;border-top:solid 1px #1C72AD; }
#utility { float:left;width:200px;border-top:solid 1px #1C72AD; }
#shadow { float:left; width:15px;margin-bottom:-1px; }
#menu { float:left;width:530px;margin-bottom:-1px; }
#menubar { width:505px;padding: 4px 5px 4px 20px;height:15px; }
#breadcrumb { float:left;text-align:left;width:520px;background-color:#837B64;padding:4px 5px 4px 5px; }

#shell { margin: 0 10px -1px 0; width:745px; }
* html #shellContent { height: 1%; }
#tree { float:left;width:200px;background-color:#F6F6F6; margin:0; }
#container { float:left;width:545px; }
#ddlEnterpriseType, #ddlContactCountry select { float: left; }

/* Typho
--------------------------------------------- */
h1 { font-size: 1.8em; color:#EDF2F5; }
h2 { font-size: 1.6em; color:#7EBDCF; }
h3 { font-size: 1.5em; color:#92D313; }
h4 { font-size: 1em; color:#D69D32; }
h5 {font-size:1.1em;color:#DCE6DB; }
p { font-size: 1em; color:#DCE6DB; }
a { font-size: 1em; color:#B6D7EB; }
fieldset, td, table { font-size: 1em; }
label { font-size: 1em; color:#B1B1B1; }
legend { font-size: 1.2em; color:#B1B1B1; font-weight: bold; }

/* Header section
--------------------------------------------- */
#header li { display:inline; }
#utility { text-align:right;padding-top:23px; }
#utility li { color:#6CCAD2;font-size:1.1em;margin-right:7px; }

#menu a { font-size:8pt;color:#F6F6F6; }
#menu span { color:#F6F6F6; margin:0 3px 0 3px; font-size:9pt; }
#eyeTemplate_eyeHeader_llLinks a { font-size:9pt;color:#F6F6F6;display:block;border-left:solid 1px #F6F6F6;margin-left:5px;padding-left:5px; }
#eyeTemplate_eyeHeader_llLinks a.first { border:none;margin:0;padding:0; }
#eyeTemplate_eyeHeader_llLinks li { float:left; }
.menu-llLinks a { font-size:9pt;color:#F6F6F6;display:block;border-left:solid 1px #F6F6F6;margin-left:5px;padding-left:5px; font-weight:bold; }
.menu-llLinks a.first { border:none;margin:0;padding:0; }
.menu-llLinks li { float:left; }

#breadcrumb span { font-size:11px; }
#breadcrumb span.divider { color:#E7F3EF; }
#breadcrumb span.brcText { color:#7ED13B; font-weight:bold; }

/* Login
--------------------------------------------- */
#container #userinfo { margin: 10px 0 0 30px; }
#container #userinfo span { margin-right: 5px; }

/* Tree section
--------------------------------------------- */
#mainBlock { float:left;clear:both;width:200px; }
#treeCMS { margin:0; }
#treeCMS ul { margin:0;padding:0; }
#treeCMS li { margin-top:5px;list-style-position:outside; }
#treeCMS h3 { color: #000;margin-bottom:5px;letter-spacing:.01em; }
#treeCMS a { color:#686868;font-weight:bold;font-size:1.1em;margin-left:2px;text-decoration:none; }
#treeCMS a:hover { text-decoration:underline; }
#treeCMS div.lvl1 { float:left; }
#treeCMS div.lvl2 { margin:0 5px 0 8px;float:left;display:inline; }
#treeCMS div.lvl3 { margin:0 5px 0 15px;float:left;display:inline; }
#treeCMS div.lvl1 img { margin-top:2px; float:left; }
#treeCMS div.lvl2 img { margin-top:2px; float:left; }
#treeCMS div.lvl3 img { margin-top:2px; float:left; }
#treeCMS div.lvl1 a { width:165px; display:block; float:left; }
#treeCMS div.lvl2 a { color:#1774AF;width:155px; display:block; float:left; }
#treeCMS div.lvl3 a { color:#7EBDCF;width:145px; display:block; float:left; }

/* Content section
--------------------------------------------- */
#content { clear: both; }
#content a { font-weight:bold; }
#content table { margin: 0px 10px 10px 20px; }
#content table td { vertical-align: top; }
#content table caption { color: #7ebdcf; font-weight: bold; }
#content table th { text-align: left; }
#content ul { color: #dce6db; margin: 0px 10px 10px 35px; }
#content ul li { list-style-type: disc; /*padding-left: 15px;*/ }
#content ol { color: #dce6db; margin: 0px 10px 10px 35px;}
#content ol li { list-style-type: decimal;/*padding-left: 15px;*/ }

/*	
-------------------Meaning tags----------------------- */
acronym, abbr, q, dfn { border-bottom: dashed 1px #dce6db; font-style: italic; font-weight: bold; }

/*	
-------------------Rss----------------------- */
table.eyeRssFeed { border: solid 1px #dce6db; }
table.eyeRssFeed tr td { border-left: solid 1px #847963; border-right: solid 1px #847963; padding: 5px; }
table.eyeRssFeed tr td p { margin-left: 0; }
table.eyeRssFeed tr.rssHeader { font-weight: bold; }
table.eyeRssFeed tr.rssHeader td { color: #dce6db; }


/* Images
--------------------------------------------- */
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

/* Footer section
--------------------------------------------- */
#footerText { float:left;text-align:right;padding: 6px 0px 4px 295px; }
#footerText li { float:left; margin-left:2px; }
#footerText a { font-size:8pt;display:block;color:#D8CFCA; text-decoration:none; }
#footerText a:hover { text-decoration:underline; }
#footerImage { float:right;text-align:right; padding: 7px 40px 4px 0px; }
#footer { border-top:solid 1px #F6F6F6;background-color:#8F886E;width:545px;float:right; margin-top:10px; }

#borderBottom { float:left; }
#borderLeft { height:10px;width:200px;background-color:#F6F6F6; }

/* A-Z index lay-out
--------------------------------------------- */
#keywordList { margin-bottom:12px; }
#keywordList p { margin:2px 0 0 20px !important; }
#keywordList a { color:#DCE6DB; text-decoration:none; }
#keywordList a:hover { text-decoration:underline; }
a.topLink { margin-top:4px; color:#7EBDCF !important; }
#indexList { margin:35px 0 0 7px; }
div.indexListItem { float:left;text-align:center; width:25px; margin-top:6px; }
div.indexListItem a { font-weight:bold; font-size:1.2em;color:#EDF2F5; }

/*	hacks - undo floats
------------------------------------------------ */
div.clear {	clear: both; height: 1px; overflow: hidden; }
br.clear { clear: both; height : 0; margin : 0; font-size : 1px; line-height : 0; }

/*	layout login page
------------------------------------------------ */
#pnlUsrPwd { font-size: 1.1em; }
#pnlUsrPwd table { padding-left: 15px; padding-top: 10px;}
#pnlUsrPwd table table { padding-left: 0px; padding-top: 0px; }

/*	layout form page
------------------------------------------------ */
#eloket_content { font-size: 0.9em; }
#eloket_content #content p {
color:#DCE6DB;
font-size:0.9em;
margin:0 10px 10px 20px;
}
#eloket_content div.titleBlocks { width: 540px; }

/*	WYSIWYG
------------------------------------------------ */
#content table.mceEditor { margin: 0; }