/* Nika-Lasitus Oy */
A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: none; color: #0267c8;}

*{
  padding:0px;
  margin:0px;
}

html {
  font-family:arial;
  font-size:12px;
}

body {
  background-image:url("../gfx/background.png");
  background-repeat:repeat-x;
  background-color:#E4F0F9;
}

img {
  border:0px;
}

#wrapper {
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  width:1016px;
}

#topwrapper {
  width:1016px;
  height:435px;
  background-image:url("../gfx/top.png");
  background-repeat:no-repeat;
}

#header {
  width:970px;
  height:100px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  position:relative;
}

#logo {
  float:left;
  margin-top:28px;
}

#menu {
  float:left;
  margin-top:70px;
  margin-left:10px;
  font-family:helvetica;
  font-size:12px;
  padding-bottom:10px;
  font-weight:bold;
  width:788px;
}

#menu ul {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
  
#menu li {
  float:left; position:relative; right:50%;
  }
  
#menu a {
  text-transform:uppercase;
  width:auto;
  display:block;
  padding:3px 3px;
  border:1px solid #fff; 
  color:#0075bd;
  }
  
#menu a:hover {
  color:#fff; 
  background:#F58800;  
  }

#flags{
  position:absolute;
  right:0px;
  top:20px;

}
  
#mainpicture {
  width:970px;
  height:300px;
  border-top:solid #0267c8 2px;
  border-bottom:solid #0267c8 2px;
  margin:0px auto 0px auto;
  padding:4px 0px 4px 0px;
  position:relative;
  overflow:hidden;
}

#cycler {
  width:870px;
  height:300px;
  overflow:hidden;
}

#navigation {
  position:absolute;
  bottom:5px;
  right:105px;
  z-index:15;
  
}

#nav {
  display:block; 
  list-style: none;
}

#nav li {
  display:block;
  width:20px;
  height:20px;
  float: left;
  text-align:center;
}

#nav a {
  display:block;
  width:20px;
  height:20px;
  text-decoration: none;
  background:url("../gfx/icon_circle.png") no-repeat;
}

#nav a:hover{
  background:url("../gfx/icon_circle_hover.png") no-repeat;
}

#nav a.activeSlide {
  background:url("../gfx/icon_circle_hover.png") no-repeat;
}


#middlewrapper {
  width:1016px;
  position:relative;
  background-image:url("../gfx/middle.png");
  background-repeat:repeat-y;
  min-height:255px;
  height:auto !important;
  height:255px;

  
}

#left {
  width:177px;
  height:100px; /* REMEMBER TO REMOVE */
  margin-left: 23px;
  padding: 0px 40px 0px 15px;
  position:absolute;
  left:0px;
}

#attentiontitle , .attentiontitle{
  width:186px;
  height:26px;
  background-image:url("../gfx/attentiontitle.png");
  background-repeat:no-repeat;
  color: #ffffff;
  font-family:arial;
  font-weight:bold;
  font-size:14px;
  padding-top:3px;
  text-align:center;
  text-transform:uppercase;
}

.yhteydenottonappi {
  margin-top:20px;
}

.yhteydenottonappi a{
  color:#ffffff;
}

.yhteydenottonappi a:hover{
  color:#0267c8;
}

#attentioncontent {
  font-size:12px;
  font-weight:bold;
  padding:10px 0px 0px 10px;
  
}

#attentioncontent ul {
  list-style-type:none;
}

#attentioncontent ul li:before{
  content: "\00BB \0020";
}

#right {
  width:650px;
  text-align:justify;
  margin-left:255px;
  border-left: dotted thin;
  padding:0px 20px 0px 35px;
  min-height:200px;
}

#right a:link,#right a:visited,#right a:active,#right a:hover {
  color:#f48800;
}

#bottomwrapper {
  width:1016px;
  height:126px;
  background-image:url("../gfx/bottom.png");
  background-repeat:no-repeat;
}

#footer{
  width:1016px;
  height:126px;
  position:relative;
}

#lasimies {
  position:absolute;
  right:15px;
  bottom:10px;
}

#luotettava_kumppani {
	position: absolute;
	left: 50px;
	bottom: 10px;
	width: 170px;
	height: 85px;
  vertical-align:middle;
}

#leftlogos{
  position:absolute;
  right:0px;
  top:0px;
  width:100px;
}

.leftlogo {
  margin: 10px;
  float:left;
}

.title {
  color:#0075bd;
  font-size:30px;
  font-weight:bold;
  margin-bottom:20px; 
  font-family:arial;
  
}

.text {
  font-size:14px;
  font-family:verdana;
}

.light {
  font-weight:normal;
}

.italic {
  font-style:italic;

}

.bold {
  font-weight:bold;
}

.infobox {
  font-family:serif;
  font-size:16px;
}

.referenssilaatikko {
	margin-top:30px;
}


.reftitle {
	font-weight:bold;
}

.refdate{
	font-size:10px;
  font-style:italic;
}

.reftext {
	font-size:12px;
  margin-bottom:5px;
}

.refpics {
	
}

.error {
  font-size:10px;
  color:#ff0000;
}
