/* CSS reset by Eric Meyer - meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, div.para, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus{outline: 0;} body{line-height: 1;color: #000;background: #fff;} ol, ul{list-style: none;}
table{border-collapse: separate;border-spacing: 0;} caption, th, td{text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q{quotes: "" "";} a{text-decoration: none;}
/* end reset */

/* ---- FONTS ---- */
html, body { font-family: Arial; height: 100%; line-height: 1.2; }

p { font-size: 12px; padding-bottom: 20px; }
label { font-size: 12px; margin-right: 10px; }
input, textarea { font-size: 12px; font-family: Arial; margin: 0px 0px 5px 0px; }
	
h1 {	font-family: "Lucida Sans Unicode", Georgia; font-size: 18px; padding-bottom: 20px; }
#header h1 { text-align: center; font-size: 48px; padding-top: 80px; }
#header h1 a { color: #fff; }
.slogan_en { font-size: 36px !important; padding-top: 80px; }

#content_right h1 { padding: 0px 0px 0px 10px; display: inline;}
#content_right p { padding: 0px 0px 0px 10px; }
.news { padding-bottom: 10px !important; line-height: 1.5;}
.date { font-size: 12px; line-height: 1.5; font-weight: bold; font-family: "Lucida Sans Unicode", Georgia; padding-bottom: 5px !important; }

h2 { font-family: "Lucida Sans Unicode", Georgia; font-size: 14px; padding-bottom: 20px; }
h3 { font-size: 12px; font-family: Arial; font-weight: bold; padding-bottom: 20px; }

.ppl-table {
    border-color:#cfe6f0;
}
.ppl-table td {
    border-color:#cfe6f0;
}
.ppl-table.full td {
    background-color:#ebf5fa;
}
.ppl-title {
    background-color:#ebf5fa;
}
.site-search table, .site-search table tr, .site-search table tr td {
    border:0;
}
a { color: #8f9f00; }
#content a:hover { text-decoration: underline; }
#navigation h1 {
   padding-bottom:5px;
}
#language {
    float:left;
}
#language li { margin: -1px 0px 0px 0px; padding: 0px 0px 0px 10px; float:left; }
#language ul { padding: 0px 0px 0px 20px !important; }
#language img:hover, #navi_left a:hover { opacity: 0.6; }
.faq h2 {
    padding:20px 0px 0px 0px;
    font-size:16px;
    float:left;
    width:100%;
}
.faq p {
    padding:0px 0px 10px 0px;
}
.title {
    float:left;
    padding:0px 0px 10px 0px;
}
.question {
    float:left;
    width:100%;
    font-family: "Lucida Sans Unicode", Georgia;
    font-size: 14px;
    padding:10px 0px 0px 0px;
    cursor:pointer;
    color:#8f9c26;
    text-decoration:none;
}
.question .title:hover {
    text-decoration:underline;
}
.question .plussign {
    font-weight:bold;
    color:#848675;
    width:20px;
    float:left;
}
.answer {
    font-size:12px;
    line-height:inherit;
    font-weight:normal;
    display:none;
    float:left;
    width:98%;
    border-radius:4px;
    padding:10px 0px 10px 0px;
    cursor:default;
    font-family:arial;
    line-height:18px;
    background-color:#f5f6ec;
    border:1px solid #edeee3;
    padding:1%;
    color:#0d0d0c;
}

#navigation a, #footer a, .contact a { color: #d2e903; font-family: "Lucida Sans Unicode", Arial; text-shadow: -1px -1px #000; }
#navigation a, .contact { font-size: 16px; }
	
#navigation a:hover, #footer a:hover, #video a:hover, .contact a:hover { color: #fff; }
.home a { color: #fff !important; }

#header_left img { padding: 0px 5px 0px 0px; }
#header_right img { padding: 0px 0px 5px 5px; }
.plus { float: left; margin: 20px 10px 0px 0px; }

#header_right img:hover, #navi_left a:hover { opacity: 0.6; }

#video p, #video h1 { color: #fff; }
#video a, #tiedot a { color: #d2e903; }
#video p, #video h1, #video a { text-shadow: -1px -1px #000; }

#footer p { font-size: 14px; color: #d2e903; text-shadow: -1px -1px #000; padding-bottom: 0px; }
#footer h2 { font-size: 16px; color: #d2e903; text-shadow: -1px -1px #000;}
#footer a { text-decoration: underline; }
small a, small { font-size: 12px !important; }

.footer_fb { margin-top: 95px; }
#contact_left p, #contact_right p { padding-bottom: 10px; }
#tiedot { color: #fff; text-shadow: -1px -1px #000; }

/* ---- ELEMENTS ---- */
ol, ul { list-style: none; padding: 10px 0px 0px 0px;	}
	
li {	display: inline; padding: 20px 15px 10px 15px; margin-left: -5px; }
	
.lista { list-style: dash; }
.tyonaytteet { font-size: 12px; padding: 0px; list-style: circle !important; }
.tyonaytteet li { display: block; list-style: circle; padding: 10px 0px 10px 5px; }

hr {	border: none; height: 1px; background: #2b393d url('http://www.ttt-aviation.fi/images/dotted.jpg') repeat-x;  clear:both; }
	
#navi_right li { background: url('http://www.ttt-aviation.fi//images/navi.jpg') left repeat-y; }
#navi_right li:hover, .active { background: #364347 url('http://www.ttt-aviation.fi//images/navi_hover.jpg') left repeat-y !important; }
.active a { color: #fff !important; }	

#navi_left li { margin: -1px 0px 0px 0px; padding: 0px 0px 0px 10px; float:left; }
#navi_left ul { padding: 0px 0px 0px 20px !important; }
.home { float:left; margin-top: 0px !important;}

#navigation form { display: inline; }

#banner { padding-top: 10px; }

.contact { background: #2b393d url('http://www.ttt-aviation.fi/images/contact.jpg') top center no-repeat; width: 361px; height: 43px; text-align: center; padding: 20px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.more { float: right; display: inline; padding: 10px 0px 0px 0px; margin: 0px 10px 0px 0px; }
.vahvimmat { float:left; padding: 0px 20px 0px 0px; clear: both; }
.kela { float:left; padding: 10px 20px 0px 0px; clear: both; }
.kela_txt { margin-top: -20px; padding: 0px 0px 0px 0px; }
.vahvimmat_txt { padding: 0px 0px 0px 0px; }	
.etaopiskelu { padding: 0px; margin: 10px 0px 0px 200px; }

.formerror { color: red; font-size: 12px; }
.formerror p { padding: 0px 0px 10px 0px; }
.formerror b { padding-left: 10px; }

table { font-size: 12px; margin-bottom: 20px; border-color: #ddd; border-width: 1px 0px 0px 1px; border-style: solid; }
td { padding: 10px; border-color: #ddd; border-width: 0px 1px 1px 0px; border-style: solid; }

/* ---- DIVS ---- */
#wrapper { margin: 0px auto; width: 927px; border-left: 1px #2b393d solid; border-right: 1px #2b393d solid; }

#navigation { height: 40px; background: #2b393d; }
#navi_left { float: left; }
#navi_right { float: right; }

#header { background: #ccc url('../images/header.jpg') top center no-repeat; height: 290px; }
#header_left { float: left; padding-top: 30px; }
#header_right { float: right; }

#content { padding: 0px 40px 0px 40px; margin-top: -20px; }
#content_left { padding: 40px 0px 40px 40px; width: 340px; float:left; }
#content_left.contact-page { width: 400px; padding-right:0; padding-left:20px; }
#content_left.right { width: 390px;}
#content_right {	 width: 391px; padding: 20px 0px 20px 0px; float:right; }
	
#content_full { 	padding: 40px 20px 40px 20px; width: 500px; float:left; }
#content_fullsize { padding: 40px 100px 0px 20px; width: 600px; float: left; }
#content_big { padding: 40px 100px 0px 20px; width: 800px; float: left; }

#content_img {  padding: 40px 20px 40px 20px; width: 220px; float:left; }
#content_img img { padding-bottom: 20px; }

#video { background: #2b393d url('http://www.ttt-aviation.fi/images/video_bg.jpg') top no-repeat; height: 325px; padding: 20px; clear: both; }
#video_right {  float: right; width: 190px; }
	
#footer { background: #182327 url('http://www.ttt-aviation.fi/images/footer.jpg') top center no-repeat; height: 320px; clear:both; }
#footer_left, #footer_right, #footer_center { width: 267px; margin: 120px 0px 0px 40px; float: left; }
#footer ul {
    margin:0;
    padding:0;
    font-size:13px;
}
#footer ul li {
    width:100%;
    float:left;
    margin:0;
    padding:0px 0px 5px 0px;
}
#contact_left { float:left; padding-right: 20px; }
#contact_right { float:left; }

#content_form {	padding: 20px 20px 20px 20px; width: 380px;	margin-top: 20px; float:left; }

#footer-lifts {
    width:927px;
    float:left;
    margin:0px 0px 0px 0px;
    padding-left:18px;
}
#footer-lifts .col {
    width:269px;
    padding:30px 15px 30px 15px;
    float:left;
}
#footer-lifts h3 {
    font-family: "Lucida Sans Unicode", Georgia;
    font-size:22px;
    font-weight:bold;
}
#form_txt, #form_input { float:left; padding-right: 20px; }
#form_txt label { padding: 5px 0px 5px 0px; display: block; }
#form { clear: both; }

#tiedot { background: #2b393d url('http://www.ttt-aviation.fi/images/tiedot.jpg') top center no-repeat; overflow: auto; padding: 20px; width: 340px; height: 160px; }	
ul.list {
    list-style:disc;
    font-size:12px;
    margin:0px;
    padding:0px 0px 20px 40px;
}
ul.list li {
    float:none;
    width:100%;
    display:list-item;
    padding:5px;
}
li.selected a {
    color:#afc207;
}

.banner {
    background:#2b393d;
    border-radius:8px;
    border:10px solid #2b393d;
    padding:15px;
    margin-bottom:20px;
    font-size:13px;
    width:100%;
    overflow:hidden;
}
.banner.image {
    padding:0;
}
.banner.link {
    background:#f2f8fa;
}

.newsitem {
    width:100%;
    float:left;
    padding:15px 0px;
    border-bottom:1px solid #DDD;
    color:#333;
}
.newsitem .newscontent {
    font-size:12px;
    float:left;
    width:100%;
    position:relative;
}
.newsitem .newscontent textarea {
    float:left;
    width:100%;
    height:auto;
}
.newsitem input[type=text], .newsitem input[type=password] {
    width:100%;
    padding:12px 0px;
    text-indent:12px;
    border:1px solid #DDD;
    box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2);
}
.newsitem button {
    background:#6d9d27;
    border-radius:2px;
    margin:5px 0px;
    border:1px solid #59831d;
    color:#FFF;
    padding:12px;
    text-align:center;
    cursor:pointer;
    float:right;
}
.newsitem button[name=delete_item], .newsitem button[name=logout] {
    float:left;
    background:#ca5454;
    border:1px solid #b94f4f;
}

.newsitem:last-child {
    border:0;
}
.newsitem h3 {
    margin:0;
    padding:0;
}
.newsitem span.date {
    font-size:11px;
    float:left;
    width:100%;
    margin:5px 0px;
}

.yt-channel-holder { width: 267px; font-size: 14px; font-family: 'PT Sans Narrow',sans-serif; font-size:16px; }
.yt-channel-holder .yt-channel-list { background-color:  #FFF; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
.yt-channel-holder .yt-channel-list .yt-channel-title { display:none; margin-bottom: 45px; background: #FFF url('yt-logo.png') scroll no-repeat 2px 2px; height: auto; padding-left: 100px; padding-top: 14px; padding-bottom: 30px; font-size: 14px; font-weight: bold; text-align: center; color: #fff; }
.yt-channel-holder .yt-channel-list .yt-channel-title a { display:none; }
.yt-channel-holder .yt-channel-list .yt-channel-title a:hover { text-shadow: 1px 1px 2px #999; }

.yt-channel-holder .yt-channel-list .yt-channel-video { padding:0; float:left; width:267px; margin-bottom:15px; border-bottom:1px solid #DDD; }
.yt-channel-holder .yt-channel-list .yt-channel-video:hover { background-color: #333; }
.yt-channel-holder .yt-channel-list .yt-channel-video a { display: block; overflow: hidden; text-decoration: none; color: #999; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .thumb-wrap { position: relative; width:100%; height:75px; overflow:hidden; float: left; margin: 0 0 0 0; padding: 0px; border: 1px solid #ddd; border-top-left-radius:6px; border-top-right-radius:6px; background-color: #DDD; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .thumb-wrap img.vid-thumb { width: 267px; position:relative; top:-50px; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .thumb-wrap span.vid-duration { position: absolute; bottom: 3px; right: 15px; font-size: 12px; padding:2px; font-weight: bold; background-color: #444; color: #eee; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .vid-details { position: relative; float: left; width: 267px; height: 59px; color: #515151; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .vid-details span.vid-title { position: absolute; top: 9px; left: 9px; font-size: 12px; width:250px; }
.yt-channel-holder .yt-channel-list .yt-channel-video a .vid-details span.vid-views { display:none; position: absolute; bottom: 9px; right: 9px; font-size: 12px; }

.yt-channel-holder .yt-channel-list .yt-channel-video:hover { background-color: #efefef; }
.yt-channel-holder .yt-channel-list .yt-channel-video:hover a .vid-details span.vid-title { text-decoration: underline; }

.yt-channel-holder .yt-channel-list .yt-channel-copy { height: 12px; line-height: 10px; font-size: 10px; text-align: right; color: #444; display:none; }