/* general */
body, h1, h2, h3, p, ul, dl, dt, dd {margin: 0; padding: 0;}
body {background: #fff; text-align: center;}
img {border: none;}
a {color: #090; text-decoration: none;}
a:hover {color: #fff; background: #090; text-decoration: none;}

#header .left ul {
padding-right: 0;}
.clearer {clear: both;}
.print {display: none;}
.left {float: left;}
.right {float: right;}

div#container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	font: 12px/16px Georgia, serif;
	color: #272220;
	}
div#header {padding: 20px 0 0 6px; height: 40px; margin-left: 200px;}
	#header ul {float: left; padding-bottom: 0; padding-right: 75px;}
	#header li {display: inline; float: left; padding-right: 4px;}
	#header .active {font-weight: bold;}
	#header a, #header span {float: left; padding: 4px;}
div#logo {position: absolute; left: 30px; top: 0px; z-index: 300;}
	#logo a:hover {background: none;}
div#mainmenu {margin-top: 20px; font-size: 16px;}
	#mainmenu dl {float: left; padding-right: 30px;}
	#mainmenu dt {
		display: block;
		margin-bottom: 20px;
		width: 200px;
		padding: 4px 0 4px 10px;
		color: #fff;
		background: url(../images/mainmenu-header-bg.png) repeat;
		font-size: 20px;
		white-space: nowrap;
		}
	#mainmenu dd a, #mainmenu dd span {
		display: block;
		padding-left: 30px;
		background: url(../images/mainmenu-element.png) no-repeat;
		white-space: nowrap;
		}
	#mainmenu .active, #mainmenu .active a:link, #mainmenu .active a:visited {color: #fff; background: #50b948 url(../images/mainmenu-element-active.png) no-repeat;}
	#mainmenu dd a:link, #mainmenu dd a:visited {color: #75d86d;}
	#mainmenu dd a:hover {color: #fff; background: #50b948 url(../images/mainmenu-element.png) no-repeat;}

/* front page */
div#intro {
position: relative;
	width: 720px;
	height: 420px;
	padding: 50px 50px 20px 210px;
	margin-bottom: 10px;
	background: #403126 url(../images/front-intro-bg.jpg) no-repeat;
	line-height: 30px;
 	}
	#intro h1, #intro h2 {color: #fff; font-weight: normal;}
	#intro p, #intro h1, #intro h2 {padding-bottom: 10px;}
	#intro h1 {font-size: 27px; text-transform: uppercase;}
	#intro h2 {font-size: 20px;}
	#intro p {padding-right: 30px; font-size: 22px; color: #dbd7d5;}
div#fraktal {
	position: absolute;
	top: 470px;
	left: 0px;
	}
div#fraktal a {background: none;}

#small-bar {
    background: #403126 url(../photos/sub-intro-bg.jpg) no-repeat;
    width: 980px;
    height: 30px;
    margin-bottom: 10px
}

/* subpage */
.subpage #intro {
	height: 238px;
	padding: 15px 50px 20px 210px;
	background: #403126 url(../images/sub-intro-bg.jpg) no-repeat;
	}
div#content {
	margin-bottom: 15px;
	padding: 60px 100px 40px 165px;
	background-color: #efefef;
	font-size: 14px;
	line-height: 20px;
	}

#blog-page div#content {  }
	#content h1 {padding-bottom: 40px; font-size: 40px; font-weight: normal; line-height: 40px;}
	#content h2, #content h3 {
		margin-bottom: 10px;
		padding: 7px 0 5px 0;
		font: bold 22px Myriad, Helvetica, Arial, sans;
		color: #090;
		}
	#content h2 {border-bottom: dashed 2px #8b8988;}
	#content h3 {font-size: 16px;}
	#content p, #content ul {padding-bottom: 12px;}
	#content ul {padding-left: 30px;}
	#content li {padding-bottom: 5px; list-style-image: url(../images/sub-content-li.png);}
	/*vana content img
	#content img {float: left; margin: 5px 10px 20px 0;}
  */
  .image-container {margin: 5px 10px 20px 0;}
div#submenu {float: left; text-align: left; font-size: 14px; width: 150px; line-height: 14px;}
	#submenu dl {float: left;}
	#submenu dd {padding-bottom: 5px;}
	#submenu a, #submenu span {display: block; padding: 5px;}
	#submenu dt {font-size: 16px; font-weight: bold; border-bottom: dashed 1px #8b8988; margin: 10px 0 5px 0;}
	#submenu .active {font-weight: bold;}
div.text {float: left; padding-left: 30px; width: 525px;}
div#content div.text img {float: none; padding: 2px; margin: 0 0 5px 20px; border: solid 1px #8b8380; background: #fff;}
div#content h3 {clear: both;}
#content small {display: block; margin-bottom: 5px; text-align: right;}
div#footer {margin: 5px 250px 20px 210px; font: 10px/12px Tahoma, Helvetica, Arial, sans; color: #93908f;}
div#footer img {margin: 2px 10px 10px 0;float: left; }
div#footer img.margin { margin-top: 10px; }
.subpage #footer {margin: 5px 300px 20px 165px;}
#content .fci-editor-menuadd img {
margin: 0;
}

#container .content-2 {
    padding: 45px 100px 40px 217px
}
#container .small-heading {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px
}

/* blog */
  #blog-page div#content { padding: 60px 65px 40px 35px; }
  .sidebar { padding: 0 70px 0 0; float: left; width: 200px; }
  .content { float: left; width: 610px;}
  * html .content { margin-right: -3px; }

  .news-box { border-top: 1px solid #d7d7d7; padding: 23px 0;  }
  .news-box-first { padding-top: 0; border-top: none; }
  #content .news-box h2 { padding:0; margin:0; font: 25px/27px Georgia, serif; border: none; }
  .news-date {padding-bottom: 15px; }

  .sidebar-inner { padding-bottom: 0px }
  .rss-box { background: url('../images/rss_icon.gif') 8px center no-repeat; padding: 20px 0 20px 45px; font-size: 16px; font-family: Georgia, serif; }
  .rss-box a { color: #333333; }
  .rss-box a:hover { text-decoration: underlin; background: none;}


/* tooltip */
.tooltip {
  background: #f6f6f6;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 10px;
  top: 100%;
  width: 200px;
  color: #1A2124;
  font: 12px/12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
  display: none;
  z-index: 100;
}

/*
.tooltip:before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  left: -14px;
  top: 20px;
  content: '';
}

.tooltip:after {
  position: absolute;
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #eee;
  border-bottom: 6px solid transparent;
  left: -12px;
  top: 21px;
  content: '';
}
*/

/* Schemas */
#planeeringud-skeem, #ksh-skeem, #mp-skeem, #kload-skeem, #kmh-kload-skeem {
	position: relative;
}
#planeeringud-skeem a, #ksh-skeem a, #mp-skeem a, #kload-skeem a, #kmh-kload-skeem a {
    position: absolute;
	display: inline-block;
    outline: 0;
}
#planeeringud-skeem a:hover, #ksh-skeem a:hover, #mp-skeem a:hover, #kload-skeem a:hover, #kmh-kload-skeem a:hover {
    background: none;
}
    /* planeeringud */
    #planeeringud-skeem {
		background: url(../images/skeem_yldplaneering.jpg) no-repeat;
		width: 663px;
		height: 395px;
	}
    	#planeeringud-skeem a {
    		position: absolute;
    		display: inline-block;
    		width: 42px;
    		height: 42px;
    	}
        	#yleriigiline-planeering {
        		top: 54px;
        		left: 16px;
        	}
            a#yleriigiline-planeering-tekst {
        		top: 64px;
	    		left: 96px;
	    		height: 46px;
				width: 546px;
        	}
        	#maakonnaplaneering {
        		top: 113px;
        		left: 29px;
        	}
        	a#maakonnaplaneering-tekst {
	    		top: 124px;
	    		left: 98px;
	    		height: 88px;
				width: 544px;
	    	}
        	#yldplaneering {
        		top: 213px;
        		left: 51px;
        	}
        	a#yldplaneering-tekst {
	    		top: 224px;
	    		left: 140px;
	    		height: 88px;
	    		width: 504px;
	    	}
        	#detailplaneering {
        		top: 314px;
        		left: 75px;
        	}
        	a#detailplaneering-tekst {
	    		top: 324px;
	    		left: 126px;
	    		height: 58px;
	    		width: 520px;
	    	}
    /* ksh */
    #ksh-skeem {
        width: 633px;
        height: 789px;
        background: url(../images/skeem1_1.jpg) no-repeat; 
    }
        #ksh-skeem a.schema-right, #mp-skeem a.schema-right, #yp-skeem a.schema-right {
        	width: 162px;
        	height: 50px;
        	left: 353px;
        }
        	#ksh-algatamine {
        		top: 82px;
        	}
        	#programmi-valjapanek {
        		top: 147px;
        	}
        	#programmi-arutelu {
        		top: 218px;
        	}
        	#aruande-koostamine {
        		top: 280px;
        	}
        	#aruande-valjapanek {
        		top: 344px;
        	}
        	#aruande-arutelu {
        		top: 410px;
        	}
        	#aruande-heakskiit {
        		top: 474px;
        	}
    /* mp */
    #mp-skeem {
        width: 633px;
        height: 789px;
        background: url(../images/skeem1_1.jpg) no-repeat;
    }
        #mp-skeem a.schema-left {
    		height: 34px;
    	}
    		#planeeringu-algatamine {
    			top: 99px;
    			left: 137px;
    			width: 85px;
    		}
    		#eskiislahenduse-valjapanek {
    			top: 157px;
    			left: 121px;
    			width: 121px;
    		}
    		#eskiislahenduse-arutelu {
    			top: 224px;
    			left: 126px;
    			width: 113px;
    		}
    		#planeeringu-koostamine {
    			top: 291px;
    			left: 139px;
    			width: 84px;
    		}
    		#planeeringu-vastuvotmine {
    			top: 542px;
    			left: 132px;
    			width: 96px;
    		}
    		#planeeringu-valjapanek {
    			top: 603px;
    			left: 121px;
    			width: 120px;
    		}
    		#planeeringu-arutelu {
    			top: 664px;
    			left: 133px;
    			width: 96px;
    		}
    		#planeeringu-kehtestamine {
    			top: 724px;
    			left: 132px;
    			width: 96px;
    		}
    /* kload */
    #kload-skeem {
        width: 663px;
        height: 440px;
        background: url(../images/skeem1_2.jpg) no-repeat;
    }
    #kload-skeem a {
		position: absolute;
		display: inline-block;
		height: 14px;
	}
		#taotluse-esitamine {
			top: 104px;
			left: 247px;
			width: 164px;
		}
		#taotluse-menetluse-algatamine {
			top: 169px;
			left: 202px;
			width: 252px;
		}
		#taotluse-valjapanek {
			top: 241px;
			left: 195px;
			width: 268px;
		}
		#taotluse-arutelu {
			top: 320px;
			left: 166px;
			width: 326px;
		}
		#loa-andmine {
			top: 386px;
			left: 282px;
			width: 94px;
		}
    /* kmh-kload */
    #kmh-kload-skeem {
        width: 633px;
        height: 838px;
        background: url(../images/skeem1_3.jpg) no-repeat;
    }
    #kmh-taotluse-esitamine {
		top: 86px;
		left: 92px;
		width: 160px;
		height: 14px;
	}
	#kmh-taotluse-menetluse-algatamine {
		top: 122px;
		left: 92px;
		width: 164px;
		height: 32px;
	}
	#kmh-taotluse-valjapanek {
		top: 676px;
		left: 86px;
		width: 172px;
		height: 32px;
	}
	#kmh-taotluse-arutelu {
		top: 728px;
		left: 96px;
		width: 148px;
		height: 54px;
	}
	#kmh-loa-andmine {
		top: 802px;
		left: 128px;
		width: 90px;
		height: 14px;
	}
    #kmh-kload-skeem a.schema-right {
		height: 34px;
		width: 268px;
		left: 309px;
	}
		#kmh-eelhindamine {
			top: 152px;
		}
		#kmh-algatamine {
			top: 202px;
		}
		#kmh-programmi-koostamine {
			top: 252px;
		}
		#kmh-programmi-valjapanek {
			top: 304px;
		}
		#kmh-programmi-arutelu {
			top: 352px;
		}
		#kmh-programmi-heakskiitmine {
			top: 400px;
		}
		#kmh-aruande-koostamine {
			top: 452px;
		}
		#kmh-aruande-valjapanek {
			top: 500px;
		}
		#kmh-aruande-arutelu {
			top: 550px;
		}
		#kmh-kload-skeem #kmh-aruande-heakskiitmine {
			top: 598px;
            height: 50px;
		}

/* Progress bar menu */
.progress-table {
    width: 100%;
    margin-top: 14px;
}
    .progress-table .align-right {
        text-align: right;
    }
    .progress-table .align-center {
        text-align: center;
    }
#content .progress-bar-menu {
    margin: 10px auto;
    display: inline-block;
    padding: 0;
    height: 5px;
    border-bottom: 2px solid #b7b7b7;
}
    #content .progress-bar-menu li {
        display: inline-block;
        padding: 0;
        width: 7px;
        height: 12px;
        margin-left: 40px;
        background: url(../images/item-line.png) no-repeat right;
        float: left;
    }
        #content .progress-bar-menu li:first-child {
            margin-left: -5px;
        }
        #content .progress-bar-menu li.active {
            background: url(../images/active-bullet.png) no-repeat 0 2px;
        }
    #content .progress-bar-menu a {
        color: #b7b7b7;
        padding: 0;
        font-size: 12px;
        line-height: 12px;
        width: 4px;
        height: 12px;
        display: block;
        margin-left: 5px;
    }
    #content .progress-bar-menu a:hover {
        background: none;
    }