
#footer{
	padding:14px 20px ;
	background-color:#023165;
	color:white;
}
#footer a{
	color:white;
}


#turvasana{
	font-weight:bold;
}

#content p.clear{
	margin:10px 0;
	padding:1px;
}
*{
	margin:0;
	padding:0;
	border:0;
}

body{
	background:#071939 url(images/tausta-nu2.jpg) repeat-x;
background-position:0px -10px;
	padding-top:2px;
	font:normal 11px verdana;
	color:black;
}

#wrapwrap{
	background:url(images/etusivu_tausta.gif) repeat-y;
	
}

table#newslist td{
	padding-bottom:4px;
}

#news-nostot{
	padding-bottom:20px;
	margin-top:-4px;
}

p.NewsSummary{
	margin-bottom:10px;
	margin-left:73px;
}

#news-nostot a{
	color:#037DD3;	
}
h3.NewsPostDetailTitle{
	font-size:11px;
	margin-bottom:4px;
}
h3.NewsPostDetailTitle span{
		color:#333333;	
	margin-right:5px;
	font-weight:normal;
}
p.show-all-news{
	float:right;
}



/*  plugins */

#countdown{
	position:absolute;
	bottom:19px;
	right:15px;
	background-color:#e9edf3;
	display:inline;
	padding:4px 8px;
	border:1px solid #bcc4ce;
}

table.onlinetable td, table.onlinekurssi td{
	padding-bottom:4px;
}

#content-wide #onlinevaraus table.onlinetable{
	background-color:#F4F4F4;
	padding:10px;
	width:600px;
	border:solid 1px #D2D2D2;
	margin:0 0 10px 0;
}
#onlinevaraus a{
	color:#037dd3;
	text-decoration:underline;
}

.online-front{
	background-color:#F4F4F4;
	padding:10px;
	width:600px;
	border:solid 1px #D2D2D2;
	margin:0 0 10px 0;
}
#onlinevaraus h2.online-header{
	padding-top:10px;
}

#content-wide #onlinevaraus table.onlinekurssi{
	background-color:#F4F4F4;
	padding:10px;
	width:100%;
	border:solid 1px #D2D2D2;
	margin:0 0 20px 0;
}

#content-wide #onlinevaraus p{
	margin:10px 0 0 0;
	width:100%;
}

.online-pickup{
	width:100%;
}
#onlinevaraus input.online-submit{
	padding:5px 7px;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #A2A2A2;
	border-bottom:1px solid #A2A2A2;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;			
	background-color:#DADADA;
}

.online-select{
	
	width:150px;
}
.online-lkm{
	width:40px;
}

td.formtxt{
	text-align:right;
}
td.online-td1{
	width:200px;
}
#onlinevaraus h2{
	margin-bottom:10px;
}
#onlinevaraus h2.padi{
	margin-bottom:10px;
	padding-bottom:20px;
}

#onlinevaraus .headertxt{
	font-weight:bold;
}

.online-title{
	font-weight:bold;
	background-color:#F4F4F4;
	padding:4px 10px 1px 10px;
	border-top:solid 1px #D2D2D2;
	border-left:solid 1px #D2D2D2;
	border-right:solid 1px #D2D2D2;
}

#onlinevaraus input, #onlinevaraus textarea, #onlinevaraus select{
	border:1px solid #CCCCCC;
}

#onlinevaraus{
	padding:20px;
}


.fiilistxt1{
	padding-top:15px;
	margin-top:5px;
	background:url(images/hr-pisteet.gif) repeat-x;
}
.fiilisBG{
		padding-top:15px;
	margin-top:5px;
	background:url(images/hr-pisteet.gif) repeat-x;
}

.cms-guestbook-entry{

	background:url(images/hr-pisteet.gif) repeat-x;
	padding-top:20px;
	margin-top:10px;
	clear:both;

}
.cms-guestbook-showform-button{
	display:none;
}
.cms-guestbook-entry-sendername{
	font-weight:bold;
}
.cms-guestbook-entry-posted{
	font-size:10px;
	color:#666666;
}
.hideme{
	display:none;
}
.cms-guestbook-div-insert{
	display:none;
	padding-bottom:20px;
}
.cms-guestbook-div-insert input{
	border:1px solid #999999;
}
 .cms-guestbook-div-insert textarea{
	 border:1px solid #999999;
	 width:500px;
}
.cms-guestbook-div-insert td{
	padding:2px 4px;
}

.show-guestbook{
	padding-bottom:20px;
}
.guestbook-msg{
	color:#009933;
	font-weight:bold;
}







/* tables */

table.text1{
	border: solid 1px black;
}
table.text1 td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:4px;
}



/* breadcrumbs */

#breadcrumbs{
	background:url(images/breadcrumbs-raita.gif) repeat-x;
	height:32px;
	color:white;	
	padding-top:7px;
}
#bread{
	float:left;
	width:15px;
	height:10px;
position:relative;
}
#breadcrumbs a{
	color:white;	
}


/* sidebar and subnavi */
#sidebar{
	float:left;
	width:224px;
	padding-right:0px;


}
#sidebar h2{
	background:url(images/breadcrumbs-raita.gif) repeat-x;
	height:32px;
	padding-top:7px;
	padding-left:15px;
	color:white;
	font-size:12px;	
	text-transform:uppercase;
	border:none;
}
#sidebar ul{
	list-style-type:none;
}
#subnavi a{
	color:black;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background:url(images/subnavi-icon.gif) no-repeat;
	background-position:15px 9px;
}

#subnavi li a.currentpagelink{
	border-bottom:none;
	text-decoration:underline;
	
}
#subnavi li a{
	padding:5px 10px 5px 25px;	
	border-bottom:1px solid white;
}
#subnavi li li a{
	padding:3px 10px 3px 32px;	
	border-bottom:none;
	font-weight:normal;
	background:none;
}



#subnavi li.activeparent a{
	padding:3px 10px 3px 25px;	
	border-bottom:none;
}

#subnavi li.activeparent li.activeparent li, #subnavi li.activeparent li.currentpage li{
	padding-left:25px;
}


#subnavi ul ul{
	border-bottom:1px solid white;
	padding-bottom:10px;
}
#subnavi a:hover{
	background-color: #e3e8f0;
}


#subnavi li{	
	border-bottom:1px solid #bcc1c7;
}
#subnavi li li{
	background:none;
	border-bottom:none;
}

#subnavi li.sectionheader{
	background-color:#c2ccd9;
	 text-indent: -9000px;
	height:12px;
	border-bottom:1px solid white;
}



#contact{

	margin:25px 15px 15px 15px;

}
#contact li{
	
	margin:4px 0;
}

#contact li a, #contact a{
	font-size:11px;
	text-decoration:underline;
	color:#037dd3;
	padding:2px ;
	margin-top:10px;	
}
#contact h3{
	padding:4px 0;
color:#0b2c64;
}



/* etusivu */

#front-container{
	background:#0989de url(images/front-raita.gif) repeat-x;
	padding:0px 15px 9px 15px;
}


#front-top-image{
	margin-top:-57px;
	width:482px;
	float:left;
	background:transparent url(images/etusivu-fiilis.jpg) no-repeat ;	
	padding-top:256px;
}
#front-col2-container{
	background-color:white;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
}
#front-top-fill{
height:66px;
	background:#0989de url(images/front-raita.gif) repeat-x;
}
#front-top-content{

	width:385px;
	float:left;	
	background-color:white;
	border-right:1px solid #cdd6e2;
}
#front-content{
	
	height:178px;
	padding-top:1px;
	background-color:white;
}


#front-content p{
	margin:0 15px 5px 15px;
}
.front-col p{
	margin-top:10px;
}
p.front-img{
	margin:0;
}
.front-col a, #front-video a{
	color:#037dd3;
	text-decoration:underline;
}
#front-top-col2{
	border-right:1px solid white;
}

.front-col{
	background-color:#cdd6e2;
	border-left:1px solid white;
	border-bottom:1px solid white;
	height:110px;
	padding:15px;
	position:relative;
}

.front-col img{
	padding:4px;
	background-color:white;
	margin:0 15px 0 0;
	float:left;
}

#front-container h1, #front-container h2{
	background:url(images/h2pisteet.gif) repeat-x;
	padding-bottom:10px;
	padding-top:3px;
	margin:10px 15px 5px 15px;
	font-size:12px;
}
#front-container h2.front-header2{
	background:url(images/h2pisteet.gif) repeat-x;
	padding-bottom:10px;
	padding-top:3px;
	margin:0px 15px 15px 0px;
	font-size:12px;
}

p.show-all{
	clear:left;
	padding-top:10px;
	float:right;
}


#front-video{
	height:400px;
	
}

#videoplay{
	margin-left:15px;
	display:none;
}

#videolist p{
	margin-bottom:15px;
}

.videoblock{
	clear:left;
	padding-bottom:15px;
}

#videolist img{
	float:left;
	background-color:#cdd6e2;
	padding:4px;
	margin-right:15px;
}


/* content */
#content{
	float:left;
	width:640px;
	min-height:400px;
	padding-left:15px;
	padding-bottom:40px;
	padding-top:10px;
	
}

#content-wide{
	min-height:400px;
	padding-left:15px;
	padding-bottom:40px;
	padding-top:10px;	
	padding-right:10px;
}
#content-wide span.hdtxt{
	font-weight:bold;
	font-size:12px;
	display:block;
}
#content-wide table{
	border:1px solid #999999;

	background-color:#efefef;
	margin:10px 10px;
}



p.kuvablock img{
	border:1px solid #CCCCCC;
	padding:2px;

}
#content-wide p.kuvablock{
	margin:20px 0;
	width:100%;
}
#content-wide p{
	width:650px;
	margin-bottom:10px;
}


#content-container-wide{
	padding-top:10px;
}

#content-container{
	padding-top:10px;
	background:url(images/subnavi-raita.gif) repeat-y;
}

#content p{
	margin:10px 0;
}

#content a{
	color:#037dd3;
	text-decoration:underline;
}
#content li{
	margin:5px;
}
#content ul{
	margin-left:20px;
}

#content a:hover{
	color:black;
}


#flashcontent{
	height:450px;
	width:383px;
	border:1px solid #b6b9bd; 
	padding:4px;
	background-color:#d9e1eb;
	

}
#flashcontentfront{
	padding:0 15px 15px 15px;
	height:420px;

}

.input-email{
	border:1px solid #999;
	padding:4px;
	margin-top:4px;
}
.submi{
	border:1px solid #999;
}

/* old styles */

table#weekly, table.footer1, table#price, table.schedule, table#pricefull, table.pricelist{
	border-right:1px solid #cdd6e2;
	border-top:1px solid #cdd6e2;
	border-bottom:1px solid #cdd6e2;
}

table#weekly td, table#footer1 td, table#price td, table.pricelist td{
	border-left:1px solid #cdd6e2;	
	padding:2px;
}


table#price .txtHD3, table th, table#pricefull .txtHD3, tr.th{
	border-left:1px solid #8fc3e6;
	padding:4px 2px;
	font:bold 10px verdana;	
	background-color:#096fb5;
	color:white;
}
table#price, table#pricefull{
	margin:10px 0;
	width:500px;
}
table#price .huom, table#pricefull .huom{
	font-size:10px;
	padding-top:10px;
	border:none;
	border-left:1px solid #e2e8f0;
}


table.timetable, table.footer1{
	border-right:1px solid #e2e8f0;
	border-top:1px solid #e2e8f0;
	border-bottom:1px solid #e2e8f0;
	margin-bottom:20px;
}

table.timetable tr td, table.footer1 td{
	border-left:1px solid #e2e8f0;
	padding:4px 2px;
	font-size:10px;
	width:70px;	
}
table.timetable tr.th td{	
	border-left:1px solid #8fc3e6;
	padding:4px 2px;
	font:bold 10px verdana;	
	background-color:#096fb5;
	color:white;
	width:70px;
}



table.footer1 td.firstcol{
	width:200px;
	font-weight:bold;
}
table.timetable td.firstcol{
	width:100px;
	font-weight:bold;
}
table.pricelist{
	width:100%;
}

table#price td, table#pricefull td, table.pricelist td{
	border-left:1px solid #e2e8f0;
	padding:4px 2px;
	font-size:10px;
}
table.schedule td{
	border-left:1px solid #e2e8f0;
	padding:4px 2px;
	font:normal 10px verdana;
}
table.timetable th, table.timetable tr.th td{
	border-left:1px solid #8fc3e6;
	padding:4px 2px;
	font:bold 10px verdana;	
	background-color:#096fb5;
	color:white;
	width:70px;
}
tr.nd{
	background-color:#e2e8f0;
}
tr.the td{
	padding:4px 2px;
	font:bold 10px verdana;	
	background-color:#096fb5;
	color:white;
}


table.timetable td.tdTitle{
	font-weight:bold;
	padding:4px;
}

table.text1 td{
	border:none;
}
table.text1{
	border:none;
}

.PL-right{
	clear:right;
	float:right;
	margin:2px 5px 20px 8px;
	padding:4px;
	background-color:white;
	border:1px solid #cdd6e2;
}

.pelkatReunat{
	margin:2px 5px 20px 8px;
	padding:4px;
	background-color:white;
	border:1px solid #cdd6e2;
}

.kuvaVasen{
	float:left;
	margin:2px 5px 20px 0px;
	padding:4px;
	background-color:white;
	border:1px solid #cdd6e2;
}
.kuvaOikea{
clear:right;
	float:right;
	margin:2px 5px 20px 8px;
	padding:4px;
	background-color:white;
	border:1px solid #cdd6e2;
}


.imgborder, .imgBorder{
clear:left;
	margin:2px 5px 20px 0px;
	padding:4px;
	background-color:white;
	border:1px solid #cdd6e2;
}

span.txtHD3, span.txtHD2{
	font:bold 12px verdana;
	margin:10px 0;
}



table.sukelluskohteet td.txtHD3,  td.txtHD3{
	font-weight:bold;
}
td.kohdekuva{
	padding-right:10px;
}


/* varusteet */

.varusteet{
	width:100%;	
}
.varusteet td{
	padding-top:10px;
	padding-right:10px;
}


/* sukelluskurssit */

.kurssikuva{
	float:left;
	padding:2px;
	background-color:white;
	border:1px solid #cdd6e2;
	margin-right:15px;
	margin-bottom:5px;
}


.hr2{
	clear:both;
	padding:15px 15px 15px 5px;
	background:url(images/hr-pisteet.gif) repeat-x;
}
.hr2 li{
	list-style:none;
	padding-left:5px;
}
.hr2 h3{
	margin-top:5px;
}





/* common styles */
td{
	vertical-align:top;
}
h1{
	font-size:15px;
	margin-bottom:20px;
}
h2, h3{
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}
.txtHD1{
	color:#0066FF;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
}

p.hr{
	clear:both;
	padding-top:15px;
	background:url(images/hr-pisteet.gif) repeat-x;
}

.clear{
	clear:both;
}
.spc{
	width:115px;
	height:3px;
}

