@import url("reset.css");
@import url("dphtml.css");
body { 
	height: 100%; 
}

html {
	height: 100%;
}



body, div, table { font-size: 11px; font-family: "Trebuchet MS", sans-serif;}

a { color: #d3763e; }

h1 { color: #d3763e; font-size: 16px; margin: 15px 0 7px 0; }
h1.contentheading{margin-top: 0;}
h2 { font-size: 13px; color: #d3763e; margin: 15px 0 7px 0; }
h3,h4,h5,h6 {  font-weight: bold;  padding-bottom: 4px; margin: 15px 0 7px 0;  }
p { margin: 0 0 7px 0; line-height: 16px; }


hr {
	background-color: #eaeaea;
	border: none;
	clear: both;
	height: 1px;
}

.contentpaneopen a:visited, .content_right_narrow a:visited { color: #ffcc66; }
 

.contentpaneopen ul {
	list-style-type: disc;
	margin: 0 0 18px 18px;
}

.contentpaneopen ul ul, .contentpaneopen ul ul ul, .contentpaneopen ul ul ul ul, .contentpaneopen ul ul ul ul ul,
.contentpaneopen ul ul ul ul ul ul, .contentpaneopen ul ul ul ul ul ul ul, .contentpaneopen ul ul ul ul ul ul ul ul {
	margin-bottom: 0;
}

.contentpaneopen ol {
	list-style-type: decimal;
	margin: 0 0 0 24px;
}

.contentpaneopen ol ol, .contentpaneopen ol ol ol, .contentpaneopen ol ol ol ol, .contentpaneopen ol ol ol ol ol,
.contentpaneopen ol ol ol ol ol ol, .contentpaneopen ol ol ol ol ol ol ol, .contentpaneopen ol ol ol ol ol ol ol ol {
	margin-bottom: 0;
}

.contentpaneopen li { 
	padding: 1px 0;
	background-image: url('../png/na_arrow_content.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style-type: none;
	padding-left: 18px;
}

.borders {
	border: 1px solid #ccc;
	padding: 4px;
}

#screen_bar {
	border-top: 1px solid #ccced5;
	border-bottom: 1px solid #ccced5;
	height: 29px;
}

#screen_bar .screen_bar_cont {
	width: 784px;
	border-right: 1px solid #ccced5;
	margin-left: auto;
	margin-right: auto;
	height: 24px;
	padding: 5px 6px 0 0;
}

#screen_bar .right_bar {
	float: right;
	/*margin: 5px 6px 5px 6px;*/
	width: 127px;
	height: 17px;
	background-color: #ed7737;
	padding: 2px 0 0 4px;
}

#screen_bar .right_bar a {
	color: #fff;
}

#screen_bar .left_bar {
	float: left;
	width: 646px;
	height: 19px;
	background-color: #ed7737;
	/*margin: 5px 0;*/
}

#top_cont {
	height: 208px;
}

#top_cont .logo {
	width: 136px;
	background-color: #f4f5f6;
	height: 100%;
	float: left;
}

#top_cont .logo img {
	margin: 29px 0 0 31px;
}

#top_img {
	float: left;
	width: 509px;
	overflow: hidden;
	height: 100%;
	border-right: 1px solid #ccced5;
}

div#login {
	width: 143px;
	/*height: 100%;*/
	padding-top: 120px;
	float: left;
	background-color: #f1f2f4;
	
}

#login .login_link {
	height: 17px;
	background-color: #ed7737;
	margin-bottom: 5px;
	padding: 2px 0 0 7px;
	color: #fff;
}

#login .login_link a {
	color: #fff;
	display: block;
}

#login .login_form_cont {
	padding: 0 6px;
}

#login .login_form {
	height: 90px;
	background-color: #ed7737;
	padding: 2px 0 0 7px;
}

#login .login_header {
	color: #fff;
	font-weight: bold;
}

#login .login_title {
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 13px;
}

#login .login_input {
	width: 112px;
	border-top: 1px solid #8d8d8d;
	border-left: 1px solid #8d8d8d;
	border-right: 1px solid #d1d3da;
	border-bottom: 1px solid #d1d3da;
	height: 13px;
	padding: 1px;
	font-size: 10px;
}

#login .login_btn {
	text-align: right;
	padding: 4px 7px 0 0;
	padding-top: 3px;
}

.dpbtn {
	background-color: #E0DFE3;
	border: 1px solid #888;
	color: #000;
	font-family: verdana,arial;
	font-size: 10px;
	overflow: visible;
	padding: 2px 5px 2px;
}

#top_cont, .bottom_cont {
	width: 789px;
	border-right: 1px solid #ccced5;
	border-left: 1px solid #ccced5;
	margin-left: auto;
	margin-right: auto;
}
  div.footerHolder{ width: 790px; margin-left: auto; margin-right: auto; }
 /* #kirjaudu{float:left; padding-left: 5px; padding-right: 5px; background-color: #EAEAEA; } */
  #footer { float: right; text-align: right; color: #898989; }
  .bottom_cont { background-image: url('../gif/cont_bg.gif'); background-repeat: repeat-y; background-position: top left; border-bottom: 1px solid #ccced5; }

  .left_col { width: 135px; border-right: 1px solid #ccced5; float: left; overflow: hidden; }
  div.left_col div.moduletable { padding: 15px 7px 0 7px; }
  .left_col li { background-image: url('../png/gray_gradient_bg.png'); background-repeat: repeat-x; min-height: 28px; border-bottom: 1px solid #ccced5; }
  .left_col li.selected { background-color: #e5e5e7; background-image: none; }
  .left_col li li.selected { background-color: transparent; background-image: url('../png/na_arrow.png'); }
  .left_col li.selected li.dpfirst { }
  .left_col li li, .left_col li li li, .left_col li li li li { min-height: 0; }
  .left_col li li { border: none; background-image: none; height: 1%; /* ie fix */ background-image: url('../png/na_arrow.png'); background-repeat: no-repeat; background-position: 11px 3px; line-height: 13px; padding: 1px 0 1px 18px; }
  
  .left_col li a { color: #d3763e; display: block; /*border-bottom: 1px solid #ccced5;*/ padding: 7px 7px 5px 7px; }
  /* .left_col li a.active_menu {
          color: #000;
  }*/
  .left_col li li li{padding-left: 0; list-style-image: none; background: none;}
  .left_col li li ul{border: 0; padding: 0 0 3px 0;}
  .left_col li li.selected li{background: none;}
  .left_col li li a { color: #898989; border-bottom: none; display: block; padding: 0; }
  .left_col li li a.active_menu { color: #525252; }
  .left_col li li li a:hover, .left_col li li li a.active_menu{color: #a97454;}
  .left_col { padding-bottom: 20px;}
  .left_col ul { background-color: #f1f2f3; }
  .left_col ul ul { /*border-bottom: 1px solid #ccced5;*/ border-top: 1px solid #ccced5; padding: 4px 0 8px 0; background-color: #fefefe; }
  .right_col { width: 653px; float: left; }
  .top_bar { background-image: url('../gif/gray_gradient_bg.gif'); background-repeat: repeat-x;}
  
  .top_bar_defh { height: 29px; float: left; margin-top: 7px; }
  .left_top_bar { height: 28px; border-bottom: 1px solid #ccced5; }
  .top_bar ul a { color: #898989; margin-left: 3px; }
  .top_bar ul {width: 100%; float: left; /*border-bottom: 1px solid #CCCED5;*/ padding-bottom: 1px; background: url('../gif/gray_gradient_bg.gif') bottom left repeat-x;}
  .top_bar{}
  .top_bar li { float: left; height: 22px; padding: 6px 6px 0 14px; background-image: url('../png/top_navi_spacer.png'); background-repeat: no-repeat; background-position: 4px 4px; }
  .top_bar a.active_menu { color: #525252; }
  .top_bar a.active_menufourth { color: #525252; }
  .top_bar li.dpfirst { background-image: none; }
  .clearfix:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;}

  .top_bar li{position: relative;}
  .top_bar li ul{position: absolute; top: 29px; left: 16px; width: 464px; background: none;}
  .top_bar li ul li{display: inline; float: left; margin: 0; padding: 0; background: none;}
  .top_bar li ul li a{float: left; display: block; margin: 0; padding: 0 10px 0 0;}
  .top_bar li ul li a:hover{text-decoration: underline; }

  #content_top .inner{padding: 16px 157px 2px 16px; }
  #content_left { padding: 14px 18px 18px 18px; width: 479px; float: left; overflow: hidden;}
  .content_right { padding: 14px 18px 18px 0; width: 120px; float: left; overflow: hidden; }
  .contentheading {color: #d3763e;}
  .mod_heading { color: #d3763e; font-size: 14px; margin-bottom: 14px; }
  .mod_heading a { color: #d3763e; }
  
  /* Uutiset */
  div.news_each { border-bottom: 1px solid #c0c0c1; padding-bottom: 7px; margin-bottom: 7px; }
  div.news_date { color: #6f6f6f; padding-left: 13px; }
  
  div.news_title { padding-left: 13px; background-image: url('../png/na_arrow.png'); background-repeat: no-repeat; background-position: 2px 3px; }
  div.news_title a { color: #000; }
  /* page navi */
  a.pagenav { color: #333; font-size: 12px; }
  .pagenav { font-size: 12px; color: #999; font-weight: bold; }
  .dp_pnavi {letter-spacing: 5px; }
  .page_nav_cont {padding-top: 5px; }
  /* // page navi */
  #toolbar a.toolbar { margin-left: 3px; }
  table#toolbar {margin-right: 0 !important; }
  .ml_cb {clear: both; }
  
  .ml_admin_panel { clear: left; margin-top: 20px; background-color: #fff096; padding: 10px; border: 1px solid #f37834; }
  div.fpage_feed { float: right; padding-right: 1px; }
  div.event-nodeapi {display: none; }

/* dpPrinter */
  div#dpprinter_top_cont { background-color: #f4f4f6; margin-bottom: 10px; border-bottom: 1px solid #ccced5; }
  div#dpprinter_top_cont img {margin: 10px 10px 15px 15px; }
  div.popup_printer_content {padding: 5px; }
  div#dpprinter_footer { border-top: 1px solid #ccced5; padding: 10px 10px 10px 15px; margin-top: 15px; }
  
  div.dpprinter { float: right; }

/* // dpPrinter */

.moduletable_umenu li {padding-bottom: 4px; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.chk{margin-right: 10px; margin-bottom: 10px;}
.inputbox{margin-bottom: 10px;}


 #suggestionForm h2{margin: 15px 0 8px 0; font-size: 1.2em;}
  
  .txt{width: 100%; border: 1px solid #aaa;}  
  select, textarea{border: 1px solid #aaa;}
  #datepicker{width: 68px; text-align: center;}
  #description{ height: 200px;}
  * html #description{width: 420px; padding: 10px;}
  .empty{background: #ffffee;}
  .subm{text-align: right; padding-top: 10px;}
  .subm input{margin: 0;}

  #fpageBanner{margin: 5px; padding: 0px 0px 7px 0px; /* background: url(../images/bg_front.gif) bottom left no-repeat; border-bottom: 1px dashed #ccc;*/ border-bottom: 1px dashed #ee8145;}
  #fpageBanner .contentheading{font-size: 11px; color: #fff; margin-bottom: 7px; background: #ed7737 url(../laiva.html) 0 0 no-repeat; padding: 37px 5px 2px 5px; }

.dpprinter a{display: block; background: url(../png/printer.png) top right no-repeat; padding-right: 20px;}
.dpprinter a:hover{text-decoration: underline;}