html, body, #container { min-height:100% ; }
html { height: 100%; }
#container {
	margin:0 auto
	
}
body { background-color: #ffffff; 
	margin: 0px; 
	padding: 0px 0 0 0px; 
	font-family:Trebuchet MS, arial, verdana, sans-serif;
	font-size:13px;
    height: 100%;  
	background: top url('/css/i/bg2.png') repeat-x;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:30px;}
h2 {font-size:18px;}
h3 {font-size:14px;}

#container { width: 950px; text-align:left; min-height: 100%; margin: 0 auto -130px; height: auto !important; height: 100%; clear:both; }


#headercontent { 
	margin: 0px 0 0 0px; 
	width: 950px;
	height:140px;
	
}
/* --header-- */
#header { 
	margin: 0px 0 10px 0px; 
	width: 950px;
	height:140px;
}

#header_photo {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}

#cart { border: 1px solid #c0c0c0; width: 260px; background-color: #e8e8e8; }
#cart h3 { margin: 5px 0 5px 5px; }
#cart ul,#cart ul li {list-style-type:none; display:block; margin: 0px 0 5px 5px; padding: 0; }

#haku {
	border: 1px solid #c0c0c0; width: 260px; background-color: #e8e8e8; 
}
#haku h3 {
	margin: 5px 0 5px 5px;
}

#haku fieldset {
	margin: 5px 0 5px 5px;
}


.txt { 
	width: 950px;
	padding: 0px 0 0 0px;
}

.about {
	width:950px;
	padding: 0px 0 10px 0px;
	float:left;
}

.news {
	padding-top: 5px;
	width: 950px;
	float: left;
}

/* --tarjoukset-- */
.tarjoukset {
	height: 100%;
	float:left;
	width: 950px;  
	padding: 0px 0 0 0px;
}

/* --menu-- */
.menu { margin: 5px 0 0 0px; height: 100%; width:300px ; float:left; border-right:1px solid #C0C0C0; padding: 0px 0 0 0px; }

/* --content-- */
.content { margin: 0px 0px 0px 0px ; height: 100%; float:right; width:620px ; padding: 0px 0 0 2px; }

.info { margin: 0px 0px 0px 0px ; height: 100%; float:left; width:620px ; padding: 0px 0 5px 0px; }

#msgbox {
	float:left;
	margin: 15px 0 0 0px;
	display:none;
	width:250px;
	color: #000000;
}

/* --nav-- */
#navigation {
	height: 30px;
	width: 950px;
	padding: 93px 0 0 0px;
	
}
ol#toc {
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
	float:right;
	
}

ol#toc li {
    float: left;
    margin: 0 0 0 1px;
}

ol#toc a {
    background: #bdf url('/images/tabs.gif');
    color: #ffffff;
    display: block;
    float: left;
    height: 35px;
    padding-left: 10px;
    text-decoration: none;
	text-align: center;
	width: 92px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url('/images/tabs.gif') 100% 0;
    display: block;
    line-height: 35px;
    padding-right: 10px;
}

/* --mainContent-- */
#mainContent {
	height: 100%; 
	width:950px ;
}

/* --map-- */
#map { padding: 0px; height: 250px ; width: 300px; float:right; }
#map2 { padding: 0px; height: 250px ; width: 300px; float:right; }
/* --footer-- */

#footer { 
	height: 130px ; text-align: center; clear:both;
	width: 100%;
	background: url('/css/i/banner_bg.png') bottom repeat-x;
}

/* --login-- */

#login { 
	height: 20px;
	width: 200px;
	float:right;
	padding: 5px 0 0 0px;
	font-size:12px;
	text-align:right;
}
#login a { 
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	padding:0px 0px 0px 0px;
}

#login a:hover{ 
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	padding:0px 0px 0px 0px;
}

/* --table#muokka-- */
table#muokka {  
    border-collapse: collapse;  
    margin-bottom: 1em;  
    width: 850px;  
}  
table#muokka tr td {  
    background-color: #FFFFFF;  
} 
table#muokka th {
	background-color: #C8C8C8;
	}


.services {
	width: 950px;
	padding: 5px 0 5px 0px;
	float: left;
}

.imgborder {
	padding: 2px 2px 2px 2px;
	border: 1px solid #c0c0c0;
}

.foo {  white-space: nowrap; position: relative; font-family: "Trebuchet MS"; font-size: 12px; color: #ffffff; 
		line-height: 13pt; bottom:-110px; }
.push { height: 130px; clear:both; }
.textarea { color: #333333;  width: 400px; border: 1px solid #000000; background-color: #FFFFFF; overflow: auto; margin: 1px; }
.textfield { color: #333333; width: 400px; border: 1px solid #000000;}
.date_input { color: #333333; width: 400px; border: 1px solid #000000;}
.text { border:1px solid #000000; }
.spacer { height: 10px; }

.button { font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold;color: #000000; background-color: #c0c0c0; border: 1px solid #808080; }

label { 
	width: 8em; float: left; vertical-align:middle; 
}
label.error { 
	float: none; color: red; padding-left: .5em; vertical-align:middle; 
}

.clear {
	clear: both !important;
}
.left {
	display:block;
	float:left !important;
}
.line {
	border-bottom: 1px solid #c0c0c0;	
	padding-bottom: 3px;
}