@charset "utf-8";
/* CSS Document */

body
{background-image:url(http://bilder.gapyear.se/grad.jpg);background-repeat:repeat-y;font-family:Verdana;}

#mainwrapper
{background:white;}
.menucell
{min-width:202px;width:202px;z-index:100;}
.maintext
{padding:15px;}
.teaser
{border-left:solid 1px gray;width:200px;padding:9px;}
.reseb
{background-repeat:repeat;padding:5px;}
.reseber
{font-style:italic;margin:5px;}
.footer
{border-top:solid 1px gray;}
.footerbild
{border:none;margin-top:2px;}
.fakta
{background-image:url(http://bilder.gapyear.se/black.png);width:207px;height:264px;background-repeat:no-repeat;}
.faktalista
{margin-right:15px;font-size:12px;color:white;}
.examples
{padding-bottom:4px;}
.tipsruta
{background-color:Azure;border:solid 1px black;padding:5px;width:100%;margin-top:8px;}
.prodtext
{margin:8px;text-align:left;}
.productcenter
{position:relative;margin:0 auto;max-width:880px;}
.products
{position:relative;padding:5px;background-image:url('http://bilder.gapyear.se/grad2.jpg');background-repeat:repeat-y;min-height:300px;}
.product
{position:relative;float:left;width:130px;height:325px;margin-left:8px;margin-right:8px;}
.prodtexttitle, .prodtext
{margin:0;padding:0;text-align:left;}
.footercenter
{margin:0 auto;padding-top:5px;text-align:center;}
#smallmenu
{background:white;border-top:1px solid gray;position:absolute;display:none;}
#smallermenu:hover, #mobilecurrent:hover
{text-decoration:underline;}
#smallermenu:hover
{background-image:url('bilder/meny-mobil-hover.jpg');}
.menulink p
{font-size:0.8em;border-bottom:1px solid gray;margin:0;padding:5px 0;text-align:center;}
.currentmobilemenu
{font-weight:bold;}
#push
{width:100%;height:235px;display:none;}
.teasercontainer
{width:100%;margin-bottom:8px;margin-top:8px;display:none;clear:both;margin:0 auto;position:relative;height:210px;}
.teaserbildcontainer img
{max-width:200px;}
.teasercontainerfinansiering img
{max-width:190px;}
.faktasmall
{display:none;}
.volonimg
{width:100%;}
#smallmenu p:hover
{background:lightgray;}
#smallmenu p:active
{background:gray;}
.teaserbildliten
{margin:0}
.iframe-rwd  {
position: relative;overflow: hidden;width:810px;height:825px;}
.iframe-rwd iframe {
position: absolute;top:0;left:0;width:810px;height:825px; }
.footercenter img
{margin-top:6px;}
.fb-share-button iframe
{margin-top:-6px;}
.logodefault
{padding-top:1px;}


/*Styles frontpage button*/
.startbtn {
   border-top: 1px solid #b0e1ff;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#ececee), to(#c0c0c2));
   background: -webkit-linear-gradient(top, #ececee, #c0c0c2);
   background: -moz-linear-gradient(top, #ececee, #c0c0c2);
   background: -ms-linear-gradient(top, #ececee, #c0c0c2);
   background: -o-linear-gradient(top, #ececee, #c0c0c2);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: black;
   font-size: 1.1em;
   font-family: Verdana, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.startbtn:hover {
   border-top-color: #454545;
   background: #d5d5d5;
   color: black;
   }
.startbtn:active {
   border-top-color: #1b435e;
   background: #a0a0a2;
   }
   
   
h1, h2, h3, h4
{color:Firebrick;margin-bottom:8px;}

p, ul, .testtab
{font-size:11px;}
.ingress
{font-style:italic;font-size:12px;}
.vald
{font-weight:bold;}
.menutext
{margin-top:15px;font-family:Arial;}
.menubild
{padding-right:5px;float:left;border:0;}
.starttext
{font-size:17px; padding-left:55px;padding-bottom:10px;padding-right:16px;}
.testknapp
{margin-top:10px;}
table.testtab 
td{ padding:3px; }

.long
{width:250px;}

a.menulink:link, a.menulink:active, a.menulink:visited
{text-decoration:none;color:black;}
a.menulink:hover
{text-decoration:underline;color:black;}

a.startlink:link, a.startlink:visited, a.startlink:active
{text-decoration:none;color:black;}
a.startlink:hover
{text-decoration:underline;color:black;}


.menucell a, .menucell a:hover
{text-decoration:none;}


  /* Target portrait smartphones */
.products
{margin-left:10px;margin-right:10px;padding-bottom:20px;min-height:400px;}
.productcenter
{max-width:300px;}
.product
{height:130px;}
.starttext
{margin-top:100px;padding-left:16px;padding-right:16px;}
.startbtn
{margin:1%;width:96%;height:44px;}
.morebtn
{margin-bottom:10px;}
.prodtext, .prodtexttitle
{display:none;}
.logodefault
{background-image:url('bilder/startsida3.jpg');background-repeat:no-repeat;}
.teaser
{display:none;}
.teasercontainer
{display:block;height:400px;width:50%;min-width:200px;}
.teaserbildcontainer
{float:left;clear:both;margin:0 auto;width:200px;}
.teaserbildliten
{max-width:200px;}
.reseber
{width:190px;}
.teasercontainerarbeta
{height:430px;width:190px;}
.teasercontaineryrke1 .teaserbildcontainer, .teasercontaineryrke2 .teaserbildcontainer, .teasercontaineryrke3 .teaserbildcontainer, .teasercontaineryrke4 .teaserbildcontainer, .teasercontaineryrke5 .teaserbildcontainer, .teasercontaineryrke6 .teaserbildcontainer
{margin:0 auto;}
.lefty
{margin-bottom:8px;}
.smallres
{max-width:180px;width:180px;padding-left:10px;}
body, html
{margin:0;padding:0;background:white;}
.menucell
{position:fixed;width:100%;height:85px;background:white;position:fixed;top:0;left:0;border-bottom:1px solid #A9A9A9;}
#topback
{height:85px;width:100%;}
#smallermenu
{display:block;position:absolute;top:16px;right:16px;cursor:pointer;background-image:url('bilder/meny-mobil.jpg');background-position:right center;background-repeat:no-repeat;padding:5px 68px 5px 0;}
#smallermenu p
{font-size:1.2em;font-weight:bold;}
.currentmobilemenu
{font-weight:bold;}
#smallmenu
{top:86px;left:0; width:100%;}
.menucell img
{width:150px;}
.minicollege
{width:100%;}

/* Target small smartphones */
.productcenter
{max-width:260px;}
.products img
{display:none;}
.products
{min-height:80px;}
.prodtexttitle
{display:block;margin-top:12px;}
.prodtext
{display:none;}
.startbtn
{font-size:1em;}
.product
{height:auto;margin-left:0px;margin-right:0px;}
.logodefault
{background-image:url('bilder/logga2.jpg');background-repeat:no-repeat;background-position:center top;}
h2
{font-size:1em;}
h4
{font-size:0.8em;}
h2, h4
{margin-bottom:4px;}
.maintext p
{margin-top:4px;}
.menucell img
{width:100px;}
#topback
{height:55px;width:100%;}
#smallermenu
{top:20px;right:16px;}
#smallermenu p
{font-size:1.1em;font-weight:bold;margin:0;padding:0;}
.menucell
{height:55px;}
#smallmenu
{top:56px;}
.righty
{display:none;}
.lefty
{width:100%;}
.teasercontainer
{height:192px;}
.teasercontainerfinansiering
{height:200px;margin-bottom:10px;}
.teasercontainerarbeta
{height:145px;}
.teasercontaineraeventyr1
{height:200px;}
.teasercontaineraeventyr2
{height:210px;}
.teasercontaineraeventyr3
{height:230px;}
.teasercontaineraeventyr4
{height:140px;}
.teasercontainersprak1
{height:175px;}
.teasercontainersprak2
{height:195px;}
.teasercontainersprak3
{height:300px;}
.teasercontainercollege
{height:275px;}
.teasercontaineryrke1
{height:190px;}
.teasercontaineryrke2
{height:285px;}
.teasercontaineryrke3
{height:215px;}
.teasercontaineryrke4
{height:135px;}
.teasercontaineryrke5
{height:250px;}
.teasercontaineryrke6
{height:285px;}
.minicollege
{width:100%;}
.yrkestartprod
{color:#de7f96;}
.sprakstartprod
{color:#F37839;}
.aventyrstartprod
{color:#69BC45;}
.volontarstartprod
{color:#8CC541;}
.jobbastartprod
{color:#5253A3;}
.collegestartprod
{color:#EF515E;}

/* When one column link text are needed */
.productcenter
{width:130px;}
.products
{height:150px;}
.product
{margin-left:0px;margin-right:0px;}


.menubild
{display:none;}
.menutextlink
{display:none;}
.starttext2
{display:none;}
#current
{display:none;}


.faktasmall
{display:block;margin:0 auto;}

.test
{ -ms-zoom: 0.4; -moz-transform: scale(0.4); -moz-transform-origin: 0px 0; -o-transform: scale(0.4); -o-transform-origin: 0 0; -webkit-transform: scale(0.4); -webkit-transform-origin: 0 0;}
.iframe-rwd  {width:324px;height:330px;margin:-15px;}