@charset "utf-8";
/* CSS Document */

body
{
background-image:url(bilder/body_bg.jpg);
background-repeat: repeat-x;
background-color: #f2f7fb;
font-family:Verdana;
}
/*{background-image:url(http://bilder.gapyear.se/grad.jpg);background-repeat:repeat-y;font-family:Verdana;}*/

.topA
{position:absolute;top:0;}
.maintab
{background-color:white;width:100%;}
#mainwrapper
{width:100%;margin:0 auto;}
.menucell
{min-width:202px;width:202px;z-index:100;}
.maintext
{padding:15px;}
.teaser
{width:200px;padding:9px;float:right;}
.reseb
{background-repeat:repeat;padding:5px;}
.reseber
{font-style:italic;margin:5px;}
.footer
{border-top:solid 1px gray;clear:both;}
.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;}
.products
{position:relative;padding:5px;background-image:url('http://bilder.gapyear.se/grad2.jpg');background-repeat:repeat-y;min-height:300px;margin:0 auto;}
.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
{display:none;}
#smallermenu:hover, #mobilecurrent:hover
{text-decoration:underline;}
.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;}
.productcenter
{margin:0 auto;}


/*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;}
.starttext2, .starttext
{font-size:17px; padding-left:55px;padding-right:16px;}
.starttext2
{padding-bottom:20px; margin-top:0;}
.starttext
{margin-bottom:0;}
.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, .prodtext, .prodtexttitle,.teaser
{text-decoration:none;}


@media handheld, screen and (min-width:951px){
  /* Target desktops  */
#mainwrapper
{max-width:1060px;background:white;}
.maintab
{border:solid #A9A9A9 1px;}
.prodtext, .prodtexttitle,.teaser
{display:block;}
.teaser
{float:right;margin-left:-225px;}
.maintext
{border-left:1px solid gray;border-right:1px solid gray;margin-left:202px;margin-right:220px;float:left;}
#smallmenu
{display:none;}
.products
{margin-left:10px;margin-right:10px;min-width:790px;}
.logodefault
{background-image:url('bilder/startsida.jpg');background-repeat:no-repeat;}
.starttext
{margin-top:200px;}
.startbtn
{margin:2%;width:46%;height:60px;}
.menutable
{position:fixed;}
.menutextlink,.mobilebtn
{display:none;}
.vald .menubild
{margin-top:0px;}
.products
{max-width:990px;margin:0 auto;}
.productcenter
{max-width:880px;}
}/*/mediaquery*/

@media handheld, screen and (max-width:515px){
  /* Target portrait smartphones */
.products
{margin-left:10px;margin-right:10px;padding-bottom:20px;min-height:400px;}
.productcenter
{max-width:300px;margin:0 auto;}
.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,.teaser
{display:none;}
.logodefault
{background-image:url('bilder/startsida3.jpg');background-repeat:no-repeat;}
.teasercontainer
{display:block;height:400px;width:50%;min-width:200px;}
.teaserbildcontainer
{float:left;clear:both;margin:0 auto;width:200px;}
.teaserbildliten
{max-width:200px;}
.teasercontainerfinansiering
{height:565px;}
.reseber
{width:190px;}
.teasercontainerarbeta
{height:430px;width:190px;}
.teasercontaineraeventyr1
{height:400px;}
.teasercontaineraeventyr2
{height:405px;}
.teasercontaineraeventyr3
{height:425px;}
.teasercontaineraeventyr4
{height:140px;}
.teasercontainersprak1
{height:410px;}
.teasercontainersprak2
{height:475px;}
.teasercontainersprak3
{height:600px;}
.teasercontainercollege
{height:480px;}
.teasercontaineryrke1
{height:190px;}
.teasercontaineryrke2
{height:285px;}
.teasercontaineryrke3
{height:215px;}
.teasercontaineryrke4
{height:135px;}
.teasercontaineryrke5
{height:250px;}
.teasercontaineryrke6
{height:285px;}
.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;padding-right:68px;background-image:url('bilder/meny.jpg');background-position:right center;background-repeat:no-repeat;}
#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%;}
.yrkestartprod
{color:#de7f96;}
.sprakstartprod
{color:#F37839;}
.aventyrstartprod
{color:#69BC45;}
.volontarstartprod
{color:#8CC541;}
.jobbastartprod
{color:#5253A3;}
.collegestartprod
{color:#EF515E;}
}/*/mediaquery*/

@media handheld, screen and (max-width : 480px) {
/* 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:16px;right:16px;background-image:url('bilder/meny-mobil.jpg');background-position:right center;background-repeat:no-repeat;padding:5px 68px 5px 0;}
#smallermenu:hover
{background-image:url('bilder/meny-mobil-hover.jpg');}
#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%;}
.productcenter
{max-width:260px;}
.products
{min-height:80px;}
.product
{margin-left:0px;margin-right:0px;}
}/*/mediaquery*/
@media handheld, screen and (max-width:375px){
/* Target small smartphones */
.productcenter
{max-width:260px;}
.products
{min-height:80px;}
.prodtexttitle
{display:block;margin-top:12px;}
.products img
{display:none;}
.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:16px;right:16px;background-image:url('bilder/meny-mobil.jpg');background-position:right center;background-repeat:no-repeat;padding:5px 68px 5px 0;}
#smallermenu:hover
{background-image:url('bilder/meny-mobil-hover.jpg');}
#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%;}
}/*/mediaquery*/

@media handheld, screen and (max-width:320px){
/* When one column link text are needed */
.productcenter
{max-width:130px;}
.products
{min-height:150px;}
.product
{margin-left:0px;margin-right:0px;}
}/*/mediaquery*/

@media handheld, screen and (max-width:950px){
.menubild, .starttext2
{display:none;}
.mainwrapper
{border:none;}
}/*/mediaquery*/
@media handheld, screen and (max-width:650px){
.menutextlink
{display:none;}
}/*/mediaquery*/

@media handheld, screen and (min-width:651px){
#current
{display:none;}
}/*/mediaquery*/
@media handheld, screen and (max-width:515px){
#current
{display:none;}
}/*/mediaquery*/

@media handheld, screen and (min-width:651px) and (max-width:950px){
 /* Target landscape smartphones, portrait tablets, narrow desktops  */
.teaser
{float:right;margin-left:-225px;}
.maintext
{border-left:1px solid gray;margin-right:220px;float:left;border-right:1px solid gray;}
body, html
{margin:0;padding:0;background:white;}
.menucell
{position:fixed;width:100%;height:115px;background:white;position:fixed;top:0;left:0;border-bottom:1px solid #A9A9A9;}
#topback
{height:115px;width:100%;}
.products
{margin-left:10px;margin-right:10px;min-height:300px;}
.product
{height:150px;}
.productcenter
{max-width:440px;}
.prodtext, .prodtexttitle
{display:none;}
.fourthprod
{clear:left;}
.logodefault
{background-image:url('bilder/startsida2.jpg');background-repeat:no-repeat;}
.starttext
{margin-top:150px;}
.startbtn
{margin:2%;width:46%;height:60px;}
.maintext img
{width:100%;max-width:460px;}
.menutextlink
{display:block;width:140px;font-size:0.8em;padding:5px 0;-webkit-border-radius: 20px 0 20px 0;-moz-border-radius: 20px 0 20px 0;border-radius: 20px 0 20px 0;font-weight:bold;cursor:pointer;border:none;position:absolute;}
.valdmenutextlink
{-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;border-color:gray;border-bottom:1px solid black;border-right:1px solid black;}
.menutextlink0, .menutextlink3, .menutextlink6
{top:8px;}
.menutextlink1, .menutextlink4, .menutextlink7
{top:42px;}
.menutextlink2, .menutextlink5, .menutextlink8
{top:76px;}
.menutextlink0, .menutextlink1, .menutextlink2
{right:298px;}
.menutextlink3, .menutextlink4, .menutextlink5
{right:153px;}
.menutextlink6, .menutextlink7, .menutextlink8
{right:8px;}
.menutextlink0
{background:#f6921e;top:8px;right:298px;}
.menutextlink0:hover
{background:#ffb23e;}
.menutextlink0:active
{background:#d67200;}
.menutextlink1
{background:#fff100;}
.menutextlink1:hover
{background:#ffff20;}
.menutextlink1:active
{background:#dfd100;}
.menutextlink2
{background:#00adee;}
.menutextlink2:hover
{background:#20cdff;}
.menutextlink2:active
{background:#008dce;}
.menutextlink3
{background:#5253a3;}
.menutextlink3:hover
{background:#7273c3;}
.menutextlink3:active
{background:#323383;}
.menutextlink4
{background:#8cc541;}
.menutextlink4:hover
{background:#ace561;}
.menutextlink4:active
{background:#6ca521;}
.menutextlink5
{background:#69bc45;}
.menutextlink5:hover
{background:#89dc65;}
.menutextlink5:active
{background:#499c25;}
.menutextlink6
{background:#f37839;}
.menutextlink6:hover
{background:#ff9859;}
.menutextlink6:active
{background:#d35829;}
.menutextlink7
{background:#ef515e;}
.menutextlink7:hover
{background:#ff717e;}
.menutextlink7:active
{background:#cf313e;}
.menutextlink8
{background:#ffb5c7;}
.menutextlink8:hover
{background:#ffd5d7;}
.menutextlink8:active
{background:#df95a7;}
.menutextlink0,.menutextlink2,.menutextlink3,.menutextlink5,.menutextlink6
{color:white;}
}/*/mediaquery*/

@media handheld, screen and (min-width:516px) and (max-width:650px){
/* Target small tablets */
#smallmenu
{display:none;}
.products
{margin-left:10px;margin-right:10px;min-height:300px;}
.product
{height:150px;}
.prodtext, .prodtexttitle
{display:none;}
.productcenter
{max-width:440px;}
.logodefault
{background-image:url('bilder/startsida3.jpg');background-repeat:no-repeat;}
.starttext
{margin-top:150px;padding-left:16px;padding-right:16px}
.startbtn
{margin:2%;width:46%;height:60px;}
.teaser
{display:none;}
.teasercontainer
{display:block;}
.teaserbildcontainer
{width:48%;}
.teasercontainerfinansiering
{height:345px;}
.teasercontainerarbeta
{height:250px;}
.teasercontaineraeventyr1
{height:200px;}
.teasercontaineraeventyr2
{height:210px;}
.teasercontaineraeventyr3
{height:230px;}
.teasercontaineraeventyr4
{height:140px;}
.teasercontainersprak1
{height:230px;}
.teasercontainersprak2
{height:300px;}
.teasercontainersprak3
{height:300px;}
.teasercontainercollege
{height:275px;}
.teasercontaineryrke1
{height:190px;}
.teasercontaineryrke2
{height:285px;}
.teasercontaineryrke3
{height:215px;}
.teasercontaineryrke4
{height:135px;}
.teasercontaineryrke5
{height:250px;}
.teasercontaineryrke6
{height:285px;}
.teasercontaineryrke1 .teaserbildcontainer, .teasercontaineryrke2 .teaserbildcontainer, .teasercontaineryrke3 .teaserbildcontainer, .teasercontaineryrke4 .teaserbildcontainer, .teasercontaineryrke5 .teaserbildcontainer, .teasercontaineryrke6 .teaserbildcontainer
{margin:0 auto;}
.reseber
{max-width:190px;}
.righty
{margin-left:5px;float:right;}
.righty img
{float:left;}
.lefty img
{float:right;}
.lefty
{margin-right:5px;float:left;}
body, html
{margin:0;padding:0;background:white;}
.menucell
{position:fixed;width:100%;height:115px;background:white;position:fixed;top:0;left:0;border-bottom:1px solid #A9A9A9;}
#topback
{height:115px;width:100%;}
#smallermenu
{display:block;position:absolute;top:30px;right:16px;cursor:pointer;padding-right:68px;background-image:url('bilder/meny.jpg');background-position:right center;background-repeat:no-repeat;}
#smallermenu p
{font-size:1.2em;font-weight:bold;}
#smallermenu:hover
{background-image:url('bilder/meny-hover.jpg');}
#smallmenu
{top:116px;left:0; width:100%;}
}/*/mediaquery*/

/* Får faktarutan att hoppa upp innan de andra elementen då rubiken Äventyrsspråkresor är lång */
@media handheld, screen and (min-width:542px) and (max-width:650px){
.faktasmall
{display:block;float:right; margin-left:10px;}
}/*/mediaquery*/
@media handheld, screen and (max-width:541px){
.faktasmall
{display:block;margin:0 auto;}
}/*/mediaquery*/
/* Below is only for scaling the iFrame */
@media handheld, screen and (min-width:1001px) and (max-width:1081px) {
.test
{ -ms-zoom: 0.9; -moz-transform: scale(0.9); -moz-transform-origin: 0px 0; -o-transform: scale(0.9); -o-transform-origin: 0 0; -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:729px;
height:743px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:951px) and (max-width:1000px){
.test
{ -ms-zoom: 0.8; -moz-transform: scale(0.8); -moz-transform-origin: 0px 0; -o-transform: scale(0.8); -o-transform-origin: 0 0; -webkit-transform: scale(0.8); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:648px;
height:660px;
margin:-15px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:788px) and (max-width:869px){
.test
{ -ms-zoom: 0.9; -moz-transform: scale(0.9); -moz-transform-origin: 0px 0; -o-transform: scale(0.9); -o-transform-origin: 0 0; -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:729px;
height:743px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:657px) and (max-width:787px){
.test
{ -ms-zoom: 0.8; -moz-transform: scale(0.8); -moz-transform-origin: 0px 0; -o-transform: scale(0.8); -o-transform-origin: 0 0; -webkit-transform: scale(0.8); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:648px;
height:660px;
margin:-15px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:576px) and (max-width:656px){
.test
{ -ms-zoom: 0.7; -moz-transform: scale(0.7); -moz-transform-origin: 0px 0; -o-transform: scale(0.7); -o-transform-origin: 0 0; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:567px;
height:578px;
margin:-15px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:496px) and (max-width:575px){
.test
{ -ms-zoom: 0.6; -moz-transform: scale(0.6); -moz-transform-origin: 0px 0; -o-transform: scale(0.6); -o-transform-origin: 0 0; -webkit-transform: scale(0.6); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:486px;
height:495px;
margin:-15px;
}
}/*/mediaquery*/
@media handheld, screen and (min-width:414px) and (max-width:495px){
.test
{ -ms-zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0px 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0;}
.iframe-rwd  {
width:405px;
height:413px;
margin:-15px;
}
}/*/mediaquery*/
@media handheld, screen and (max-width:413px){
.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;
}
}/*/mediaquery*/