/* -------------------------------------------------------------------------
   Screen CSS for fustra.net
   (c) 2008 Christofer Sandin, Sandin Design <www.sandindesign.se>
-------------------------------------------------------------------------- */

body { background: #A3DD50 url(/images/bg.gif) repeat-x center top; margin: 10px 0 0 0;}

a       { color: #6F9C19; text-decoration: none; }
a:hover { color: #85BA1F; text-decoration: underline; }

/* 
a       { color: #1F67A7; text-decoration: none; }
a:hover { color: #1F67A7; text-decoration: underline; }
*/

h1 a { color: #000; }
p { line-height: 170%; }
img.right { float: right; margin-top: 15px; padding-left: 10px;}

.newsitem {clear: both; margin-bottom: 70px;}
.newsitem img.right { margin-top: -50px; }

sup {line-height: 90%;}

h3 { font: normal 20px/25px arial; margin: 0; padding: 0;}

.container { background: #fff; }

#header { position: relative; background: url(/images/start-top.jpg) top left no-repeat; height: 220px;}
#header-wrapper { position: relative; }
#header-wrapper #logo { position: absolute; top: 0px; left: 0px; }
#header-wrapper #logo img { margin: 0; }
#header-wrapper #sub { position: absolute; right: 25px; top: 24px; background: #fff; 
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */    
}
#header-wrapper #sub .simple-translator { margin: 0; padding: 10px; }
#header-wrapper #sub .second-nav { margin: 0; padding: 10px; width: 180px; }
#header-wrapper #sub .second-nav li { padding: 0 0 0 10px; }
#header-wrapper #sub li a:hover { text-decoration: underline; }
#header-wrapper #sub li.shop a { color: #89141E };
#header  { border: 0; height: 220px; width: 950px; overflow: hidden; background: none}
#header img { position: absolute; margin: 0; padding: 0; left:0; top: 0; }    

#date        { float: right; width: 60px; background: #CBCBCB; color: #fff; padding: 5px; margin: 0 0 20px 20px; text-align: center; }
#date .day   { font: bold 40px/40px arial; }
#date .month { font: normal 10px/10px arial; }
#date .year  { font: normal 20px/20px arial; }

.contactfield { margin-bottom: 5px; }
.validation-advice { color: #900; margin-bottom: 3px; }

/* =language */

ul.simple-translator { float: left; margin: 45px 0 0 20px; padding: 0; }
ul.simple-translator li { display: inline; margin: 0; padding: 0 0 0 20px; }
ul.simple-translator li a { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; text-decoration: none; color: #000; margin: 20px 0 0 0px; }

ul.simple-translator li  { background: url(/images/icon-en.gif) no-repeat 0 1px; padding-right: 15px;}
ul.simple-translator li.first { background: url(/images/icon-sv.gif) no-repeat 0 1px; padding-right: 15px;}
ul.simple-translator li.last  { background: url(/images/icon-fi.gif) no-repeat 0 1px; }
/* ul.simple-translator li.selected a { text-decoration: underline; } */

ul.second-nav {float: left; margin: 45px 0 0 0px; padding: 0; width: 230px;}
ul.second-nav li { display: inline; margin: 0; padding: 0 0 0 5px; }
ul.second-nav li a { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; text-decoration: none; color: #000; margin: 20px 0 0 0px; }
ul.second-nav li.selected a { text-decoration: underline; }


/* =navigation */

#navigation { background: #fff url(/images/bg-nav.gif) repeat-x 0 0; height: 38px; margin: 0 0 0 0; }
#navigation ul { height: 39px; margin: 0; padding: 0;}
#navigation li { height: 39px; line-height: 22px; float: left; list-style-type: none; margin: 0;}
#navigation li a { display: block; color: #ccc; text-decoration: none; text-transform: uppercase; font-weight: bold; font: 10px arial; padding: 12px 7px 12px 7px;}
#navigation li:hover { background: url(/images/bg-nav-active.gif) repeat-x; color: #fff;}
#navigation li.active { background: url(/images/bg-nav-active.gif) repeat-x; }
#navigation li.active a {color: #eee; text-decoration: none; }

/* =subnav */

#subnav { background: #fff url(/images/bg-subnav.gif) repeat-x 0 0; height: 38px; margin: 1px 0 0 0; }
#subnav ul { height: 40px; margin: 0; padding: 0;}
#subnav li { height: 40px; line-height: 22px; float: left; list-style-type: none; margin: 0; }
#subnav li a { display: block; color: #333; text-decoration: none; font-weight: bold; font: 10px arial; padding: 12px 7px 12px 7px;}
#subnav li:hover { background: url(/images/bg-subnav-active.gif) repeat-x; color: #fff;}
/* #subnav li.active { background: url(/images/bg-subnav-active.gif) repeat-x; } */
#subnav li.active a {color: #000; text-decoration: underline; }


/* =start */

#start { background: #dadada url(/images/bg-start.gif) repeat-x 0 0; width: 950px; margin: 0 0 30px 0; padding: 20px 0 0 0; }
#start #margin { background: none; }
#start img       { margin: 0; padding: 0; }
#start img.first { margin: 0 0 0 20px; padding: 0;}

#margin { background: #fff url(../images/bg-sidebar.gif) repeat-x; padding-top: 15px; padding-bottom: 20px; }
.press #margin { background: none; }

.highlights { position: relative; height: 290px; width: 222px; float: left; margin: 10px 0 0px 0;}
.highlights img.clip { position: absolute; clip:rect(0 200px 200px 0); }
.highlights p { position: relative; width: 180px; margin-top: 210px; font-weight: bold; font-size: 10px; line-height: 1.5; color: #000;}
.highlights p a { font-size: 150%; line-height: 1.2; }

#more { padding-bottom: 20px;}

#flash { margin: 20px 0 20px 75px; }
#flash #flash-elite { margin: 0 20px 0 0;}
#flash #flash-fatloss { margin: 0 20px 0 0;}



/* text */
#text {padding-top: 20px;}
#text p.intro { margin: 16px 0 16px; padding: 0; font-weight: bold;}
.news #text p.intro { margin: 16px 0 32px;}
#text p img { margin-right: 5px;}


.read_more { background: url(/images/icon_more.gif) no-repeat center left; padding: 4px 0 7px 30px; font-size: 120%; font-weight: bold;}


/* main pages */

.profile { width: 250px; float: left; text-align: center; padding: 15px 15px 30px 15px; margin: 10px 5px; height: 400px; background: url(../images/bg-sidebar.gif) repeat-x;}
.profile img { margin: 0 0 10px 0; padding: 0;}
.profile p { font-size: 90%;}
.profile strong { font-weight: normal;}
.profile a strong { font-weight: bold; font-size: 150%;}


#profiles { margin: 0 0 30px -2px; padding: 0; float:  left}
#profiles li { list-style-type: none; float: left; width: 284px; height: 40px; line-height: 40px; background: #eee url('/images/bg-profiles-li.gif') no-repeat top left; margin: 2px; padding:  0;}
#profiles li a {  padding-left: 15px;  }


#teamfustra .cv p { margin: 0; padding: 0;}
#teamfustra .cv ul { margin-top: 5px; padding: 0;}

.program { width: 250px; float: left; text-align: center; padding: 15px 15px 30px 15px; margin: 10px 5px; height: 400px; background: url(../images/bg-sidebar.gif) repeat-x;}
.program img { margin: 0 0 10px 0; padding: 0;}
.program p { font-size: 90%;}
.program strong { font-weight: normal;}
.program a strong { font-weight: bold; font-size: 150%;}


.education { width: 250px; float: left; text-align: center; padding: 15px 15px 30px 15px; margin: 10px 5px; height: 460px; background: url(../images/bg-sidebar.gif) repeat-x;}
.education img { margin: 0 0 10px 0; padding: 0;}
.education p { font-size: 90%;}
.education strong { font-weight: normal;}
.education a strong { font-weight: bold; font-size: 150%;}



/* =highlight */

.news { position: relative; background: url(/images/bg-news.gif) no-repeat 0 0; width: 370px; height: 250px; margin: 50px 0 0 -10px; }

/* blue 
.news h3 { position: absolute; top: 20px; left: 30px; color: #69A5DE; font-size: 25px; display: inline; }
.news p  { position: absolute; top: 50px; left: 30px; margin-right: 30px; color: #eee; display: inline; }
.news a  { color: #69A5DE; text-decoration: none; }
.news a:hover { color: #69A5DE; text-decoration: underline; }
*/
.news h3 { position: absolute; top: 20px; left: 30px; color: #ABD429; font-size: 25px; display: inline; }
.news p  { position: absolute; top: 50px; left: 30px; margin-right: 30px; color: #eee; display: inline; }
.news.finnish p  { position: absolute; top: 80px; left: 30px; margin-right: 30px; color: #eee; display: inline; }
.news a  { color: #ABD429; text-decoration: none; }
.news a:hover { color: #95B723; text-decoration: underline; }


#index .news { margin-top: 0px; }


/* margin */

#margin>img {margin-top: 15px; margin-bottom: 15px;}
#marginimage {margin-top: 15px; margin-bottom: 15px;}


/* =tables */

table { margin: 20px 0 50px 30px; width: 80%; }
td { border-bottom: 1px solid #eee; font-size: 90%;}
td.title { font-weight: normal;}
td.hours { text-align: left;}
td.price { text-align: right;}


table#events    { width: 890px }
table#events td.calendarHeader { background: #fff; padding: 5px; width: 150px; height: 20px; font-size: 15px; font-weight: bold; text-align: center }
table#events td.calendarHeader a { font-size: 12px; }
table#events th.calendarDayHeading { text-align: center; }
table#events td { background: #f5f5f5; padding: 5px; width: 150px; height: 80px; border: 1px solid #fff; }
table#events td .title { background: #ddd; padding: 5px; margin-top: 3px; font-weight: bold; font-size: 11px; display: block; }



/* =footer */

#footer { border-top: 1px solid #ddd; margin: 0px 0 20px 0; text-align: center;}
#footer p { font: 10px/16px "Lucida Grande", verdana, arial, sans-serif; margin: 16px 0 0px 0; }