@font-face {
    font-family: 'Playtime';
    src: url('/fonts/Playtime/playtime-webfont.eot');
    src: url('/fonts/Playtime/playtime-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Playtime/playtime-webfont.woff') format('woff'),
        url('/fonts/Playtime/playtime-webfont.ttf') format('truetype'),
        url('/fonts/Playtime/playtime-webfont.svg#Playtime') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    height:100%;
}

body {
    background:url(../img/bg.jpg) center top repeat-x #024e23;
    background-attachment: fixed;
}

#wrapper {
    width:961px;
    margin:0px auto;
    min-height:100%;
    box-shadow:10px 0px 30px black, -10px 0px 30px black;
}

/*  Header
    ======  */
#header {
    width: 961px;
    height: 289px;
    background: url(../img/header.png) center top no-repeat;
    position: relative;
}

#bordtekst{
    padding-left: 20px;
    padding-top: 30px;
    width:430px;
    height:70%;
    font-size: 2.0em; 
    color: #fff;"
    position: relative;
    float:right;
    background: #ff00ff;
} 
/*@media (max-width: 480px) {  */
#bordtekst{
  position: absolute;
  top:0;
  right: 0;
  padding-top: 10px;
  font-size: 0.6em;
  width:160px;
  height:60%;
  
  /*position: relative;
  float:right;*/ 
  /*background: #ff00ff;*/ 
} 

.bordtekst1{
    width:55%;
    height:70%;
    position:absolute;
    top:10px;
    left:0%;
    /*background: #ff00ff;*/
    content:'kutje';
}
.bordtekst2{
    width:45%;
    height:70%;
    margin-right:60px;
    position:absolute;
    top:20px;
    left:55%;
    font-size: 1.5em;
    color: #fff;
    /*background: #ff0000;*/
}
@media (max-width: 880px) {
  .bordtekst2{
    top:10px;
    font-size: 1.0em; 
  }
}

/*  Nav
    ===  */
#nav {
    float: left;
    width: 231px;
    padding: 6px 21px 5px 11px;
    position: relative;

}

#nav ul {
    list-style: none;
    margin: 0;
}

#nav ul li {
    line-height: 49px;
    margin-bottom: 2px;
    font-size:1.2em;
    position:relative;
    color: #111;
    background: url(../img/m1.png) no-repeat;
}

#nav ul li.item2,
#nav ul li.item11,
#nav ul li.item20,
#nav ul li.item29,
#nav ul li.item38,
#nav ul li.item47,
#nav ul li.item56,
#nav ul li.item65,
#nav ul li.item74,
#nav ul li.item83
{
    background: url(../img/m2.png) no-repeat;
}

#nav ul li.item3,
#nav ul li.item12,
#nav ul li.item21,
#nav ul li.item30,
#nav ul li.item39,
#nav ul li.item48,
#nav ul li.item57,
#nav ul li.item66,
#nav ul li.item75,
#nav ul li.item84
{
    background: url(../img/m3.png) no-repeat;
}

#nav ul li.item4,
#nav ul li.item13,
#nav ul li.item22,
#nav ul li.item31,
#nav ul li.item40,
#nav ul li.item49,
#nav ul li.item58,
#nav ul li.item67,
#nav ul li.item76,
#nav ul li.item85
{
    background: url(../img/m4.png) no-repeat;
}

#nav ul li.item5,
#nav ul li.item14,
#nav ul li.item23,
#nav ul li.item32,
#nav ul li.item41,
#nav ul li.item50,
#nav ul li.item59,
#nav ul li.item68,
#nav ul li.item77,
#nav ul li.item86
{
    background: url(../img/m5.png) no-repeat;
}

#nav ul li.item6,
#nav ul li.item15,
#nav ul li.item24,
#nav ul li.item33,
#nav ul li.item42,
#nav ul li.item51,
#nav ul li.item60,
#nav ul li.item69,
#nav ul li.item78,
#nav ul li.item87
{
    background: url(../img/m6.png) no-repeat;
}

#nav ul li.item7,
#nav ul li.item16,
#nav ul li.item25,
#nav ul li.item34,
#nav ul li.item43,
#nav ul li.item52,
#nav ul li.item61,
#nav ul li.item70,
#nav ul li.item79,
#nav ul li.item88
{
    background: url(../img/m7.png) no-repeat;
}

#nav ul li.item8,
#nav ul li.item17,
#nav ul li.item26,
#nav ul li.item35,
#nav ul li.item44,
#nav ul li.item53,
#nav ul li.item62,
#nav ul li.item71,
#nav ul li.item80,
#nav ul li.item89
{
    background: url(../img/m8.png) no-repeat;
}

#nav ul li.item9,
#nav ul li.item18,
#nav ul li.item27,
#nav ul li.item36,
#nav ul li.item45,
#nav ul li.item54,
#nav ul li.item63,
#nav ul li.item72,
#nav ul li.item81,
#nav ul li.item90
{
    background: url(../img/m9.png) no-repeat;
}

#nav ul li a {
    font-size:18px;
    color: #c9f402;
    display: block;
    padding-left: 59px;
    position: relative;
    height:32px;
    padding-top:5px;
    padding-bottom:5px;
    line-height: 35px;
    font-family: 'Playtime';
    text-shadow:0px 0px 5px black;
    overflow:hidden;	
}

#nav ul li a:hover{
    color:white;
    text-decoration:none;
}

#nav ul li ul {
    width: 175px;
    left:230px;
    top:0;
    position: absolute;
    display:none;
    padding:0px;
    background:#64b231;
    z-index:99;
    border-radius:6px;
    border:2px solid #218f19;
    box-shadow: inset 0px 0px 10px #44a039;
}


#nav ul li ul li {
    background:none !important;
    line-height: 2em;
    font-size: 14px;
    position: relative;
    margin: 0;
    text-align:center;
}

#nav ul li ul li a {
    background: none !important;
    padding: 5px 0px 5px 10px;
    padding-left:0px;
    text-shadow: none;
    font-size:17px;
    height:auto;
    line-height: 22px;
    filter:none;
    text-shadow:0px 0px 5px black;
}

#nav ul li ul li ul {
    padding: 0;
    top: 0;
    margin: 0;
    left:175px;
    border-radius: none;
}		


/*  Content
    =======  */
#content-wr{
    width: 961px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
    background: white;
    min-height:650px;

}
#content-inner{
    width: 961px;
    margin-left: auto;
    margin-right: auto;
    height:100%;
    padding-bottom:130px;
    background:url(../img/backgroundbottom.png) center bottom no-repeat;
    min-height:650px;
}

#content {
    float: left;
    width:690px;
    margin-left:1px;
    padding: 10px 0px;
    font-family:myriad pro;
}

#content a {
    color: #0c5906;
}

/*  Footer
    ======  */
#footer {
    position:relative;
    width:961px;
    height:20px;
    /*position: relative; */
    /*text-align: center;*/
    /*width: 97%; */
    /*padding-top:15px;*/
    /*padding-bottom:20px;*/
    /*padding-left:3%;*/
    /*margin: 0 auto;*/
    /*font-weight: bold;*/
    /*background: #003316; */
    background: url(../img/footer.png) ;
}

p1 {
    color: #c9f402;
    font-size: 0.73em;
    padding-left:3%;
}

#footer a {
    color: #c9f402;
}

#address{
    width:400px;
    float:right;
    margin-right:20px;
    text-align:right;
    font-size: 1.1em;	
    color:white;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #0c5906;
    font-size: 1.9em;
    font-family: 'Playtime';
}

#content h1 { font-size: 1.5em; margin: .5em 0; }
#content h2 { font-size: 1.4em; margin: .5em 0; }
#content h3 { font-size: 1.3em; margin: .5em 0; }
#content h4 { font-size: 1.2em; margin: .5em 0; }
#content h5 { font-size: 1.1em; margin: .5em 0; }
#content h6 { font-size: 1.0em; margin: .5em 0; }  

/*#content, #content p, #content li, #content dt, #content dd, #content label {
    font-size: 15px; 
    line-height: 21px; 
}*/ 

#tekst, #tekst p, #tekst li, #tekst dt, #tekst dd, #tekst label {
    font-size: 15px; 
    line-height: 21px; 
} 


#content small {
    color:black;
}

/* Columns - submenu two_column_left */
.page-home .column-2col-1 {
    width:370px;
}
.page-home  .column-2col-2 {
    width:290px;
    margin-right:0;
}

.page-home #frame1:before{
    display:block;
    content:'';
    position:absolute;
    width:323px;
    height:52px;
    background: url(/img/grosbecks/qlinks.png) center top no-repeat;
    left:-1px;
    top:-20px;

}
.page-home .element-events:before{
    display:block;
    content:'';
    position:absolute;
    width:323px;
    height:52px;
    background: url(../img/topevents.png) center top no-repeat;
    left:-20px;
    top:-20px;
}

.page-home .element{
    overflow:visible;
}
.page-home .element-events h3, .page-home  .element-news h3{
    display:none;
}

.page-home .element-events{
    padding:5px;
    padding-top:40px;
    margin:25px 0px;
    background: url(../img/bgevents.png) center top repeat;
    width:260px;
    position:relative;
    margin-left:5px;
    left:14px;
}

#nav-mobile {
    position: relative;
    width: auto;
    margin: 0 auto;
    height: 69px;
    z-index: 3;
    display:none;
    background: green;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border: solid 1px #fff;
    box-shadow: inset 0px 0px 25px black; }

#nav-mobile #nav-more{
    font-size: 18px;
    color: #ffffff;
    width:auto;
    height:50px;
    padding:0 20px;
    line-height:50px;
    text-align:left;
    cursor:pointer;
    background: url(../img/dropdown-white.png) no-repeat top right; }


#nav-mobile ul {
    margin: 0;
    list-style: none;
    height: auto;
    position: relative;
    z-index: 4;
    padding: 0px;
}


#nav-mobile ul li {
    position: relative;
    float: left;
    height: 100%;
    line-height: 58px;
    display: block;
    color: #ffffff;
    font-size: 15px;
    text-shadow: 1px 1px 0 #222;
    font-weight: bold;
    z-index: 4;
    
}

#nav-mobile ul li:last-child {
    background: none;
}

#nav-mobile ul li a {
    text-decoration: none;
    color:#ffffff !important;
    display: block;
    padding: 0 22px;
    z-index: 4;
    position: relative;
    font-family: 'Playtime';
}

#nav-mobile > ul > li > a {
    height: 60px;
}

#nav-mobile ul.dropdown ul {
    position:absolute;
    width: 175px;
    display: none;
    height: auto;
    margin:0;
    background-image: none;
    background-color: #533EA6;
    border: 1px solid #B28939;
    margin-top: -1px;
    padding:0;
}

#nav-mobile ul.dropdown li.extra.more ul {
    margin-left:-90px;
}

#nav-mobile ul.dropdown ul li {
    display: block;
    float: none;
    margin: 0;
    border: none;
    background-image: none;

}

#nav-mobile ul.dropdown ul ul {
    left: 100%;
    top: 0;
}

#nav-mobile ul.dropdown ul ul.left, #nav-mobile ul.dropdown ul ul.left ul {
    left: -100%;
}

#nav-mobile ul.dropdown li {
    display: inline-block;
    line-height:56px;
    position: relative;
}

#nav-mobile ul.dropdown li.more {
    padding-right: 36px;
}

#nav-mobile ul.dropdown li.more span {
    display: block;
    padding-top: 46px;
    height: 0;
    width: 56px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    cursor: pointer;
    background: url(../img/dropdown-white.png) no-repeat 15px 0;
}

#nav-mobile ul.dropdown li li.more span {
    background-position: 15px -66px;
}

#nav-mobile ul.dropdown li li {
    clear: both;
    display: block;
    line-height: 40px;
}

#nav-mobile ul.dropdown li a {
    display:block;
    padding: 0 10px;

}

#nav-mobile ul.dropdown li li a {
    font-weight: normal;

}

@media (max-width: 767px) {
    #nav-mobile ul.dropdown, #nav-mobile ul.dropdown ul {
        width:100%;
        position: relative;
    }
    #nav-mobile ul.dropdown li {
        width: 100%;
        padding-right: 0 !important;
        position: relative;

    }

    #nav-mobile ul.dropdown ul {
        left: 0 !important;
        text-indent: 14px;
    }

    #nav-mobile ul.dropdown ul { text-indent:20px; }
    #nav-mobile ul.dropdown ul ul { text-indent:40px; }


    #nav-mobile ul.dropdown ul ul ul { text-indent:60px; }
    #nav-mobile ul.dropdown ul ul ul ul { text-indent:80px; }

    #nav-mobile ul.dropdown ul li.more span {
        background-position: 4px -64px !important;
        width:45px;
        padding-top: 40px;
        z-index: 5;
        border-left: 1px solid #B28939;
    }

    #nav-mobile ul.dropdown ul li.down > span {
        background-position: 4px -8px !important;
    }

    #nav-mobile .extra {
        cursor: pointer;
    }
    #nav-mobile .extra > a {
        display:none !important;
    }

    #nav-mobile .extra:before {
        content: 'Menu';
        padding-left:10px;
    }
}

/* Mobile theme
   ============ */

@media (max-width: 767px) {

    #wrapper {
        width: auto;
        background-size:150%;
        background:none;
    }

    #header {
        width: 100%;
        padding: 0;
        padding-top: 190px;
        height: auto;
        background-position:center bottom;
        background-size:130%;
    }

    #footer {
        width: 100%;
        padding: 0;
        padding-top: 28px;

        height: auto;
        background-position:center top;
        background-size:130%;

        color:white;
    }

    #header #search {
        right: 10px;
    }

    #nav{
        display:none;
    }
    #nav-mobile {

        display:block;
    }

    #nav-mobile {
        height: auto;
        margin:0px;
    }

    #nav-mobile > ul {
        display:none;
        width: auto;
        float: none;
        height: auto;
        position: relative;
        padding:0;

    }

    #nav-mobile ul ul {
        position: relative;
        width: auto;
        margin: 0 !important;
        border-top:0;
    }

    #nav-mobile ul ul ul {
        border: none;

    }

    #nav-mobile ul li {
        display:block;
        width: auto;
        float: none;
        height: auto;
        margin:0;
        background:none;
    }

    #nav-mobile > ul > li {

    }

    #nav-mobile ul ul li {
        text-indent:20px;
        color:#FEDD7A;
    }

    #nav-mobile ul ul ul li {
        text-indent:40px;
    }

    #nav-mobile ul ul ul ul li {
        text-indent:60px;
    } 

    #footer-a{
        width:auto;
    }



    #content-wr{
        width:auto;
        box-shadow:none;
        background:url(../img/tile.png) center top repeat-y;

    }

    #nav ul li ul li a { height:auto;  background: url(/img/grosbecks/arrow.png) no-repeat 0px 8px !important; }
    #nav ul li li li a {  background: url(/img/grosbecks/arrow.png) no-repeat 16px 8px !important; }
    #nav ul li li li li a {  background: url(/img/grosbecks/arrow.png) no-repeat 32px 8px !important; }
    #nav ul li li li li li a {  background: url(/img/grosbecks/arrow.png) no-repeat 48px 8px !important; }


    #content {
        width: 100% ;
        padding: 0px;
        margin: 0px;
        min-height: 200px;
    }
    .element{
        padding:10px;
        marign:10px;
    }

    #content .column {
        width: 100%;
    }
    .sj_element_slideshow ul.roundabout, .sj_element_slideshow ul.roundabout2 {
        width:100% !important;
    }

    .sj_element_slideshow ul.roundabout li.roundabout-in-focus {
        left:0% !important;
        width:100% !important;
        height:auto;
    }

    #content .sj_element_slideshow , #content .sj_element_slideshow img {
        width:100% !important;
        height:auto !important;
    }
    #content .sj_element_slideshow div.cycle div {
        width: 100% !important;
        text-align: center;

    }
    #content .element-text table td{
        padding:0px;
    }
    #content .element-text table tr td {
        display:block;
        width: 100% !important;
    }
    #content .element-text table {
        width:100% !important;
    }
    #content .element-slideshow .slideshow img {
        width:100% !important;
        height:auto !important;
    }
    #content .element-slideshow {
        width:90% !important;
        padding:10px;
    }
    #content .element-slideshow .slideshow {
        width:90% !important;
    }

    #content .element-image img{
        width:90% !important;
        height:auto;
    }

    #content .element object {
        width: 100% !important;
    }

    #content .element object embed {
        width: 100% !important;
    }
    #content .element .form {
        width: 100% !important;
    }

    #content .media-grid li.small {
        width: auto;
    }

    #content .media-grid img {
        width: auto;
    }

    #content .media-grid li.small div {
        width:auto;
    }

    #content .element-media {
        width:auto;
    }
    #content .media {
        width:auto !important;
    }

    #content-inner{
        width:auto;
    }

}

@media (max-width: 480px) {
    #header {
        padding-top: 140px;
    }
}

#header #search {
    display: none;
    position: absolute;
    bottom: -100px;
    right: 0;
    height: 28px;
    padding: 7px 8px;
    }

    #header #search form {
            padding: 0;
            margin: 0;
        }

        #header #search input {
            -webkit-border-top-right-radius: 0;
            -webkit-border-radius-topright: 0;
            border-top-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-radius-topleft: 5px;
            border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px;
        }

        #header #search .btn {
            padding-left: 15px;
            padding-right: 15px;
            -webkit-border-top-left-radius: 0;
            -webkit-border-radius-topleft: 0;
            border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -webkit-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-radius-topright: 5px;
            border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px;
            margin:0;
            height:28px;
        }

.page-home #content {
    margin-top: 10px;
}

.page-home #header #search {
    display: block;
}

/******************************************* Scroller controls */

.scrup,
.scrdn {
	position:absolute;
	right:0;
	width:20px;
	height:20px;
	line-height:20px;
	background-repeat:no-repeat;
	background-image:url(../img/pg.png);
}
.scrup {
	top:0;
	z-index:990;1
	background-position:0 -20px;
}
.scrdn {
	bottom:0;
	z-index:991;
	background-position:0 -40px;
}
.scrup:hover {
	background-position:-20px -20px;
}
.scrdn:hover {
	background-position:-20px -40px;
}
.scrbar {
	position:absolute;
	right:3px;
	width:14px;
	top:20px;
	bottom:20px;
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:rgba(255,255,255,0.3);
	-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.no-rgba .scrbar {
	background-color:transparent;
	background-image:url(../images/w40.png);
}
.scrbar div {
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	height:5px;
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:#222222;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.scrbar div img {
	width:100%;
	height:100%;
}

/******************************************* Scroller controls */