﻿.wideimagewithoutname h1, .wideimagewithoutname h1 span,
.wideimagewithoutname h2, .wideimagewithoutname h2 span,
.wideimagewithoutname h3, .wideimagewithoutname h3 span,
.wideimagewithoutname a span
{
    font-family: 'BenchNine-Bold' !important;
}

.mainimage
{
    width:964px;
    height:370px;
}

.mainimage .text {
    padding-top:0px;
}

.mainimage .text .textitem
{
    display:inline-block;
    margin-top:8px;
}

.mainimage .text .textinnercontainer 
{
    font-size:22px;
    margin:20px 16px 0px 16px;
    color:white;
}

/* REGISTER FORM STYLING */

.mainimage .text .textinnercontainer h2 {
    font-size:34px;
}

.mainimage .text .textinnercontainer h3 {
    font-size:22px;
}

.mainimage .text .textinnercontainer span.textspan {
	font-size:16px;
}

/* ---------------------- */

.mainimage .text .textinnercontainer a, .mainimage .text .textinnercontainer a span
{
    font-size:23px !important;
    background-color:transparent;
}

.lesshightopimage
{
    width:964px;
    height:239px;
}

.lesshightopimage .text
{
    width:372px;
    font-size:22px;
    margin-top:32px;
    color:white;
}

.lesshightopimagenomargin .text
{
    margin-top:0px !important;
}

.lesshightopimage .text .textitem
{
    margin:0px 16px 0px 16px;
}

.lesshightopimage .text .textitem .textspan
{
    display:block;
    margin-top: 40px;
}

.rslider
{
    margin-left:6px;
    width:964px;
    height:370px;
}

.rslideitem 
{
    cursor:pointer;
    width:964px;
    height:370px;
}

.RsliderHtml 
{
    /*float:right;*/
    margin-top:320px;
    margin-right:64px;
}

.container
{
    width:984px
}

.collapse
{
    margin:0 0 0 0;
}

.navbar-collapse
{
    padding-left:0px;
    padding-right:0px;
}

.topnavigation .csloginmenuitem
{
    display:none !important;
}

.Puff_25_Content
{
    /*margin: 14px 17px;*/
}

#smallheaderlogo
{
    display:none;
}

.footerLinks, .clubLinksHtml, .footerData, .languageLayer
{
    float: left;
    width: 25%;
    display: inline-block;
}

.YoutubeMovieParagraph {
    display:inline-block !important;
}

.orderForm
{
    width:934px;
}

.orderForm .clear
{
    display:block;
    clear:both;
    float:left;
}

.orderForm .confirmOrderConditionsPanel
{
    margin-top:20px;
}

.orderForm .orderconditions2panel
{
    margin-top:12px;
}

.orderForm .orderformparagraphtext
{
    display:block;
    clear:both;
}

.orderForm .confirmAdultAgePanel
{
    margin-top:6px;
}

.orderForm .optionalproductstext
{
    margin-top:6px;
}

.orderForm .confirmspecialnewsletterpanel
{
    margin-top:6px;
}

.orderForm .extraOrderInformationMessage 
{
    margin-top:12px;
}

.orderForm .personalcoderow
{
    width:290px;
}

.orderForm .checkboxesarea input[type=checkbox]
{
    float:left;
    width:auto;
}

.orderForm select {
    float:left;
    width:85px;
    border: 1px solid #999;
    padding:5px 4px 4px 4px;
    height:29px;
    line-height:29px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.orderForm select.severalItems
{
    width:136px;
}

.orderForm select.Gender, .orderForm select.FirstnameSelect
{
    width:288px;
    margin:0px;
    padding:4px;
}

.orderForm select.year, .orderForm select.month, .orderForm select.day
{
    width:90px;
    margin-bottom:1px;
}

.orderForm .BirthdatePanel .year
{
    width:88px;
}

.orderForm .BirthdatePanel .month, .orderForm .BirthdatePanel .day {
    margin-left:10px;
    width:91px;
}

.orderForm .rowfieldcontainer 
{
    float:left;
    margin-right:18px;
}
    
.orderForm .star {
    display:none;
    color:red;
    font-size:0.9em;
    margin-left:2px;
    vertical-align:top;
}

.orderForm input[type=text]
{
    padding-left:4px;
    width:284px;
    margin-bottom:1px;
}

.orderForm select
{
    padding-left:4px;
}

.orderForm .ConfirmButton
{
    display:block;
    float:left;
    clear:both;
    margin-top:20px;
}

.orderForm .Validation
{
    color:#990000;
    white-space:nowrap;
}

.orderForm .ValidationStar {
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    line-height: 12px;
    display: none;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: rgb(153, 0, 0);
}

.orderForm .ValidationError
{
    display:none;
    float:right;
}

.orderForm input[type=text]
{
    height:25px;
    line-height:25px;
    border:1px solid #999;
}

.orderForm .SSNFieldPanel
{
    float:left;
}

.orderForm .SSNFieldPanel input[type=text]
{
    float:left;
    width:170px;
}

.orderForm .SSNFieldPanel input[type=button], #ConfirmButton
{
    float:left;
    clear:none;
    height:29px;
    margin:0px 0px 0px 4px;
    padding:4px 0px 3px 0px;
    width:110px;
	cursor:pointer;
}

#ConfirmButton
{
    width:200px;
    margin-left:0px;
}

/* Region order confirm popup */
.DeclineOrderButton
{
    padding: 12px 6px 12px 40px;
    cursor:pointer;
    width: 154px;
    min-height: 27px;
    color: white;
    margin-top: 20px;
    /*float:left;*/
    vertical-align:middle;
    background-color:#ba0000;
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, -moz-linear-gradient(top,  #ff0000 0%, #ba0000 100%); /* FF3.6+ */
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ba0000)); /* Chrome,Safari4+ */
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, -webkit-linear-gradient(top,  #ff0000 0%,#ba0000 100%); /* Chrome10+,Safari5.1+ */
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, -o-linear-gradient(top,  #ff0000 0%,#ba0000 100%); /* Opera 11.10+ */
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, -ms-linear-gradient(top,  #ff0000 0%,#ba0000 100%); /* IE10+ */
    background: url(orderconfirm/cross.png) no-repeat 11px 14px, linear-gradient(to bottom,  #ff0000 0%,#ba0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ba0000',GradientType=0 ); /* IE6-8 */
    display:inline-block;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.DeclineOrderButtonSmall
{
    padding: 16px 6px 8px 40px;
}

.DeclineOrderButtonSmallButLargeGrantButton
{
    padding: 14px 6px 10px 40px;
}

.GrantOrderButton
{
    padding: 9px 6px 9px 54px;
    margin-left:94px;
    cursor:pointer;
    width: 140px;
    height: 36px;
    color: white;
    margin-top: 20px;
    vertical-align:middle;
    background-color:#239400;
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, -moz-linear-gradient(top,  #00cc0a 0%, #239400 100%) url(orderconfirm/yes.png); /* FF3.6+ */
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cc0a), color-stop(100%,#239400)); /* Chrome,Safari4+ */
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, -webkit-linear-gradient(top,  #00cc0a 0%,#239400 100%); /* Chrome10+,Safari5.1+ */
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, -o-linear-gradient(top,  #00cc0a 0%,#239400 100%); /* Opera 11.10+ */
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, -ms-linear-gradient(top,  #00cc0a 0%,#239400 100%); /* IE10+ */
    background: url(orderconfirm/yes.png) no-repeat 11px 11px, linear-gradient(to bottom,  #00cc0a 0%,#239400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cc0a', endColorstr='#239400',GradientType=0 ); /* IE6-8 */
    display:inline-block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.GrantOrderButtonSmall
{
    padding: 15px 6px 0px 54px;
}

.footer_wrapper_mobile {
    display:none;
}

.Puff_25_Content_Small {
    display:none;
}

.Paragraph_LoginModule {
    width:850px;
}

.imagerotation_tabletfallback {
    display:none;
}

.imagerotation_ios img
{
    padding: 12px 0px 0px 44px;
}

.Puff_25_Content_Normal, .Puff_25_Content_Small
{
    font-size:18px;
	text-align:  inherit !important;
}

.Puff_25_Content_Normal div, .Puff_25_Content_Small div
{
	text-align:  inherit !important;
}

@media (min-width:965px) {
    .mainimage .text {
          width: 308px;
    }

    .lesshightopimage .text {
        width:372px;
    }

    .RsliderHtml a, .RsliderHtml
    {
        margin-top:325px !important;
    }

    .RsliderHtml a, .RsliderHtml a span
    {
        font-size:23px !important;
    }
}

/* Tablets and very small desktop screens (if some) */
@media (min-width:768px) and (max-width:964px) 
{
    .container {
        width:750px;
    }

    .footer_wrapper {
        width:739px;
    }

    .footer 
    {
        width:100%;
    }

    .wrapper 
    {
        width:750px !important;
        max-width:768px;
    }

    .wrapper, a, input {
        font-size:14px;
    }

    .logo img 
    {
        width:250px;
    }

    .mainimage 
    {
        width: 750px !important;
        height:289px !important;
        background-size:100% 100%;
        float:left;
    }

    .mainimage .text {
        width:250px;
        padding-top: 0px;
    }

    .mainimage .text h2 {
        font-size:22px;
    }

    .mainimage .text h3 {
        font-size:22px;
    }
  	
  	/* Register form image font settings */
  	
  	.mainimage .text .textinnercontainer h2 {
	font-size:28px;
	}
  	
  	.mainimage .text .textinnercontainer h3 {
	font-size:20px;
	}
  	
  	.mainimage .text .textinnercontainer span.textspan {
	font-size:12px;
	}
  
 	 /* General textitem settings */
  	
 	.text .textitem h2 {
    	font-size:32px;
  	}
    
    .text .textitem h3 {
    	font-size:22px;
      }
    
    .text .textitem span.textspan {
    	font-size:14px;
      }
  	
  	/* --------------------------- */
  
  	.mainimage .text .textinnercontainer span.textspan a {
    	float:left;	
    	margin-top:-78px;
    	margin-left:-80px;
  	}
  
    .mainimage .text .textitem div {
        margin-top:248px !important; /* Detta fungerar inte för alla klubbar då texten ligger olika */
    }

    .mainimage .text .textitem div a {
        font-size:18px !important;
    }

    .mainimage .text .textinnercontainer {
        margin:12px 10px 0px 12px !important;
    }

    .lesshightopimage {
        height:186px !important;
    }

    .lesshightopimage .text {
       width:285px !important;
    }

    .lesshightopimage .text, .lesshightopimage .text h2 {
       margin-top:10px;
    }

    .lesshightopimagenomargin .text
    {
        margin-top:-20px !important;
    }

    .topnavigation .csloginmenuitem
    {
        display:none !important;
    }

    .rslider 
    {
        margin-left:6px;
        width:750px !important;
        height:288px !important;
    }

    .rslideitem 
    {
        cursor:pointer;
        width:750px !important;
        height:288px !important;
        background-size:750px 288px;
    }

    .RsliderHtml 
    {
        float:right;
        margin-top:254px !important;
        margin-right:64px !important;
    }

    .RsliderHtml a, .RsliderHtml a span
    {
        font-size:18px !important;
    }

    .RsliderHtml A {
        font-size:20px;
    }

    .Paragraph_66, .Paragraph_66 h1
    {
        width: 435px !important;
    }

    .Paragraph_66 h1 
    {
        white-space:initial;
        font-size:34px;
    }

    .Paragraph_100 {
        width:100% !important;
    }

    .YoutubeMovieParagraph {
        display:inline-block !important;
    }

    .YoutubeMovieParagraph object, .YoutubeMovieParagraph embed, .YoutubeMovieParagraph iframe
    {
        width:260px !important;
        height:211px !important;
    }

    .Paragraph_30_30_30 
    {
        width:260px !important;
    }

    .Paragraph_30_30_30_Rotation {
        width:250px !important;
    }

    .Paragraph_30_30_30 img {
        width:100%;
    }

    .imagerotation_tabletfallback img {
        width:260px;
    }

    .Paragraph_25_25_25_25 {
        height:305px !important;
    }

    .Paragraph_25_25_25_25>img {
        height: 210px;
    }

    .Paragraph_33 {
        width:260px;
    }

    .Paragraph_33 img {
        /*max-width:100%;*/
        max-width:100%;
        height:inherit !important;
    }

    .Paragraph_33 .imagebottomdescription {
        width:252px !important;
    }

    .topnavigation li 
    {
        padding: 3px 6px 0px 6px;
    }

    .topnavigation li a 
    {
        font-size:18px;
    }

    .Puff_25, .Puff_25 img
    {
        width:178px;
    }

    .Puff_25 
    {
        height:284px;
        margin: 34px 2px 0 4px;
    }

    .Puff_25_Content
    {
        margin: 6px 10px;
    }

    .Puff_25_Content_Normal {
        display:none;
    }
    .Puff_25_Content_Small {
        display:block;
    }

    .Puff_25_Content_Small div {
        position:relative;
        top:0px !important;
        margin-top:0px !important;
        line-height:18px;
    }

    #accordionwrapper {
        margin: 8px 0 0 4px;
        display: inline-block;
    }

    .accordionButton {
        width:400px;
    }

    .accordionText {
        width:90%;
    }

    iframe {
        max-width:750px;
    }

    .OrderTemplate {
        width:96% !important;
    }

    .CustomerServiceBigBox {
        width:724px;
    }

    .IVRBox {
        width:229px;
    }

    .orderForm
    {
        width:730px !important;
    }

    .orderForm input[type=text] 
    {
        width: 218px;
    }

    .orderForm .SSNFieldPanel input[type=text] 
    {
        width: 120px;
    }

    .orderForm .SSNFieldPanel #ssnfieldinput_button
    {
        width:94px;
    }

    .orderForm select 
    {
        width:102px;
    }

    .orderForm select.severalItems 
    {
        width: 102px;
    }

    .orderForm select.Gender, .orderForm select.FirstnameSelect 
    {
        width:223px;
    }

    .orderForm .ValidationError {
        font-size:15px;
        margin-top:14px;
    }

    .orderForm .rowfieldcontainer 
    {
        margin-right:12px;
    }

    .Paragraph_LoginModule {
        width:initial;
    }

    .imagerotation object {
        width:312px;
        height:253px;
    }

    .imagerotation_ios img
    {
        width:85%;
        margin-left:70px;
        padding: 0px 0px 0px 0px;
    }

    .imagerotationlinkcontainer {
        width:306px !important;
        display:block;
    }
}

/* För mobiler i horisontellt läge */
@media (min-width:550px) and (max-width:767px) 
{
    .container {
        /*width:533px;*/
        width:100%;
        margin:0px auto;
    }

    .footer_wrapper
    {
        width:540px;
        /*width: 100%;*/
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 0px;
    }

    /*.footer
    {
        width: 93%;
    }*/

    .footer 
    {
        /*width:100%;*/
        width: 93%;
    }

    .wrapper 
    {
        width:540px !important;
        max-width:550px;
        margin:0px auto !important;
    }

    .headerwrapper .innercontainer
    {
        width:100%;
        margin:0px auto;
    }

    .topnavigation .csloginmenuitem
    {
        display:block !important;
    }

    body
    {
        -webkit-text-size-adjust: 100%;
    }

    iframe
    {
        display:none;
    }

    .rslider 
    {
        margin-left:2px;
        margin-top:-14px;
        height:364px;
        width:540px;
    }

    .rslideitem 
    {
        cursor:pointer;
        height:364px;
        width:540px;
        background-size:540px 364px;
    }
  
  	/* General textitem settings */
  	
 	 .text .textitem h2 {
    	margin-top:20px;
    	font-size:28px !important;
  	}
    
    .text .textitem h3 {
    	font-size:20px;
      }
    
    .text .textitem span.textspan {
    	font-size:16px;
      }
  	
  	/* --------------------------- */

    .Paragraph_33
    {
        display:none;
    }

    .Paragraph_25_25_25_25, .Puff_25
    {
        display:none;
    }

    .mainimage, .wideimagewithoutname
    {
        display:none;
    }

    .orderimage
    {
        display:block;
    }

    #accordionwrapper
    {
        margin: 0px 0px 0px 0px;
    }

    .accordionButton, .accordionContent
    {
        /* Frågan är hur bred deanna ska vara */
        width: 96%;
    }

    .accordionArrow
    {
        vertical-align: top;
        display:none;

    }

    .Paragraph_Empty
    {
        width:93%;
        margin:12px;
        /*font-size:12px;*/
    }

    .Paragraph_Empty small a
    {
        display:none;
    }

    .Paragraph_LoginModule
    {
        /*margin: 0px 0px 0px 10px;*/
        -webkit-text-size-adjust: 100%;
    }

    .RegisterMailForm input, .Paragraph_LoginModule input
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height:32px !important;
    }

    .RegisterMailForm input[type=text], .RegisterMailForm input[type=password] {
        width:93%;
    }

    .RegisterMailForm #CompletedLayer {
        margin-bottom:12px;
    }

    .loginForm input[type=text], .loginForm input[type=password]
    {
        width:93%;
    }

    .loginFormSubmitContainer {
        float:initial !important;
    }

    #loginFormSubmitButton
    {
        float:none;
        display:block;
        clear:both;
        width:93%;
        margin-top:18px;
    }

    .RegisterMailForm input[type=submit] {
        width:93% !important;
    }

    .CsFormContainer
    {
        margin-top:-30px;
        margin-left:1px;
    }

    #smallheaderlogo
    {
        display:block;
        margin-left:0px;
        margin-top:8px;
        margin-bottom:8px;
        width:190px;
    }

    .Paragraph_30_30_30
    {
        display: none;
    }

    .OrderTemplate
    {
        display:block;
        margin-left:4px;
        margin-right:4px;
    }

    .RegisterEmailContent
    {
        margin-left:10px;
    }

    #loginInfoTextLinkContainer
    {
        margin-bottom:10px;
    }

    #orderForm
    {
        width:100%;
    }

    .navbar-header
    {
        width:560px;
        margin:0px auto;
    }

    .navbar-nav
    {
        padding-bottom: 10px;
    }

    .navbar-toggle {
        margin-top:16px !important;
    }

    .rhino-container
    {
        /*display: none;*/
    }

    h1, .h1
    {
        width: 90%;
        font-size: 32px;
        white-space: normal;
    }

    .wrapper
    {
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .content
    {
        width: 100%;
        margin-top: 20px;
    }

    .navbar-collapse
    {
        background-color: #444;
        /*border-top-color: #000;*/
        border-top-width:0px;
    }

    .topnavigation
    {
        float: none;
    }

    .topnavigation UL
    {
        list-style-type: initial;
        margin: 10px 0px 0px 0px;
        width: 98%;
    }

    .topnavigation LI
    {
        float: none;
    }

    .headerwrapper .logo, .headerwrapper .toppagemenu
    {
        display: none;
    }

    .Paragraph_66
    {
        display: block;
        vertical-align: top;
        width: 93%;
        margin: 12px;
    }

    .Puff_25
    {
        display: none;
    }

    .footerLinks, .languageLayer, .clubLinksHtml, .footerData
    {
        display:inline-block;
        vertical-align:top;
    }

    .languageLayer, .clubLinksHtml
    {
        display: none;
    }

    .footerLinks
    {
        width: 52%;
    }

    .footerData
    {
        width: 44%;
    }

    .footer_label
    {
        text-align: left;
        width: 540px !important;
    }

    .footer_wrapper h2
    {
        font-size:20px;
    }


    /* region customer service */
    .CustomerServiceFormContainer
    {
        margin-top:-28px;
        float:left;
    }

    .CustomerServiceBigBox {
        float: left;
        margin:0px 6px 10px 6px;
        padding: 4px;
        width: 296px;
    }

    .CustomerServiceBigBox .Header
    {
        font-size:18px;
    }

    .CustomerServiceSmallBox
    {
        /*margin:0px;*/
        margin-right:2px;
        margin-bottom:10px;
    }

    .IVRBox 
    {
        float: left;
        cursor: pointer;
        width: 141px;
        overflow-y: auto;
    }

    .IVRBox .FormItemDescriptionText
    {
        font-size:17px;
        padding: 0px 2px 4px 2px;
    }

    .IVRBox.HighBox
    {
        height:145px;
    }

    .IVRBox.HighBox .Text
    {
        height:120px;
    }

    .IVRBox.NormalBox
    {
        height: 140px;
    }

    .IVRBox.NormalBox .Text 
    {
        height: 120px;
    }

    .RegisterMailForm
    {
        margin-left:4px;
    }

    .RegisterMailForm input[type=submit]
    {
        margin-bottom:20px;
    }

    .mainimage 
    {
        /*460x368*/

        width:530px;
        height:416px;
        background-size:530px 416px;
        margin-left:5px;
        margin-top:-14px;
    }

    .mainimage .text
    {
        display:none;
    }

    .lesshightopimage 
    {
        width: 530px;
        height: 252px;
        background-size: 530px 252px;
        margin: -14px 0px 0px 5px;
    }

    .lesshightopimage .text 
    {
        margin-top:18px;
    }

    .lesshightopimage .text, .mainimage .text h2
    {
        font-size:43px;
    }

    .lesshightopimage .text
    {
        width:220px;
        margin-top: 18px;
        display:block;
    }

    .lesshightopimage .text .textitem .textspan
    {
        margin-top: inherit;
    }

    .CustomerServiceBigBox {
        width:513px;
    }

    .IVRBox {
        width:162px;
    }

    .YoutubeMovieParagraph {
        display:block !important;
    }

    .YoutubeMovieParagraph iframe {
        display:block;
    }

    .YoutubeMovieParagraph object, .YoutubeMovieParagraph embed, .YoutubeMovieParagraph iframe
    {
        width:500px !important;
        height:404px !important;
    }

    #sitemap {
        margin-bottom:12px;
    }

    .Paragraph_LoginModule {
        width:initial;
    }

    .RegisterMailForm {
        margin-left:8px;
    }
}

/* För mobiler/plattor eller webbläsare med liten storlek */
@media (max-width:549px)
{
    .container
    {
        margin-right: 0px;
        margin-left: 0px;
        width:100%;
    }

    body
    {
        -webkit-text-size-adjust: 100%;
    }

    iframe
    {
        display:none;
    }

    .rslider 
    {
        margin-left:2px;
        margin-top:-14px;
        height:232px;
        width:310px;
    }

    .topnavigation .csloginmenuitem
    {
        display:block !important;
    }

    .rslideitem 
    {
        cursor:pointer;
        height:232px;
        width:310px;
        background-size:310px 232px;
    }
	
 	/* General textitem settings */
  	
 	 .text .textitem h2 {
    	font-size:22px !important;
  	}
    
    .text .textitem h3 {
    	font-size:18px;
      }
    
    .text .textitem span.textspan {
    	font-size:12px;
      }
  	
  	/* --------------------------- */ 
  
    .Paragraph_33
    {
        display:none;
    }

    .Paragraph_25_25_25_25, .Puff_25
    {
        display:none;
    }

    .mainimage, .wideimagewithoutname
    {
        display:none;
    }

    .orderimage
    {
        display:block;
    }

    #accordionwrapper
    {
        margin: 0px 0px 0px 0px;
    }

    .accordionButton, .accordionContent
    {
        /* Frågan är hur bred deanna ska vara */
        width: 96%;
    }

    .accordionArrow
    {
        vertical-align: top;
        display:none;

    }

    .Paragraph_Empty
    {
        width:93%;
        margin:12px;
        /*font-size:12px;*/
    }

    .Paragraph_Empty small a
    {
        display:none;
    }

    .Paragraph_LoginModule
    {
        margin: 0px 0px 0px 0px;
        -webkit-text-size-adjust: 100%;
        width:100%;
        margin-left: 12px;
        margin-right:12px;
    }

    .RegisterMailForm input, .Paragraph_LoginModule input
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height:32px !important;
    }

    .RegisterMailForm input[type=text], .RegisterMailForm input[type=password]
    {
        width:100%;
    }

    .RegisterMailForm #CompletedLayer {
        margin-bottom:12px;
    }

    .loginForm input[type=text], .loginForm input[type=password]
    {
        width:100%;
    }

    .loginFormSubmitContainer {
        float:initial !important;
    }

    .loginFormSubmitContainer, #loginFormSubmitButton
    {
        float:none;
        display:block;
        clear:both;
        width:100%;
    }

    .RegisterMailForm input[type=submit] {
        width:100% !important;
    }

    .CsFormContainer
    {
        margin-top:-30px;
        margin-left:1px;
        width:100%;
    }

    #smallheaderlogo
    {
        display:block;
        margin-left:0px;
        margin-top:8px;
        margin-bottom:8px;
        width:150px;
    }

    .Paragraph_30_30_30
    {
        display: none;
    }

    .OrderTemplate
    {
        display:block;
        margin-left:4px;
        margin-right:4px;
    }

    .RegisterEmailContent
    {
        margin-left:10px;
    }

    #loginInfoTextLinkContainer
    {
        margin-bottom:10px;
    }

    #orderForm
    {
        width:100%;
    }

    .orderForm .extraOrderInformationMessage {
        margin-top: 0px;
    }

    .navbar-nav
    {
        padding-bottom: 10px;
    }

    .rhino-container
    {
        /*display: none;*/
    }

    h1, .h1
    {
        width: 90%;
        font-size: 32px;
        white-space: normal;
    }

    .wrapper
    {
        overflow: hidden;
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .content
    {
        width: 100%;
        margin-top: 20px;
    }

    .navbar-collapse
    {
        background-color: #444;
        /*border-top-color: #000;*/
        border-top-width:0px;
    }

    .topnavigation
    {
        float: none;
    }

    .topnavigation UL
    {
        list-style-type: initial;
        margin: 10px 0px 0px 0px;
        width: 98%;
    }

    .topnavigation LI
    {
        float: none;
    }

    .headerwrapper .logo, .headerwrapper .toppagemenu
    {
        display: none;
    }

    .Paragraph_66
    {
        display: block;
        vertical-align: top;
        width: 93%;
        margin: 12px;
    }

    .Puff_25
    {
        display: none;
    }

    .footer_wrapper
    {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 8px 0px;
    }

    .footer
    {
        width: 93%;
    }

    .footerLinks, .languageLayer, .clubLinksHtml, .footerData
    {
        display:inline-block;
        vertical-align:top;
    }

    .languageLayer, .clubLinksHtml
    {
        display: none;
    }

    .footerLinks
    {
        width: 52%;
    }

    .footerData
    {
        width: 44%;
    }

    .footer_label
    {
        text-align: left;
        width: 90%;
    }

    .footer_wrapper h2
    {
        font-size:20px;
    }


    /* region customer service */
    .CustomerServiceFormContainer
    {
        margin-top:-28px;
        float:left;
    }

    .CustomerServiceBigBox {
        float: left;
        margin:0px 6px 10px 6px;
        padding: 4px;
        /*width: 296px;*/
        width:97%;
    }

    .CustomerServiceBigBox .Header
    {
        font-size:18px;
    }

    .CustomerServiceSmallBox
    {
        /*margin:0px;*/
        margin-right:2px;
        margin-bottom:10px;
    }

    .IVRBox 
    {
        float: left;
        cursor: pointer;
        width: 141px;
        overflow-y: auto;
    }

    .IVRBox .FormItemDescriptionText
    {
        font-size:17px;
        padding: 0px 2px 4px 2px;
    }

    .IVRBox.HighBox
    {
        height:145px;
    }

    .IVRBox.HighBox .Text
    {
        height:120px;
    }

    .IVRBox.NormalBox
    {
        height: 140px;
    }

    .IVRBox.NormalBox .Text 
    {
        height: 120px;
    }

    .RegisterMailForm
    {
        margin-left:8px;
    }

    .RegisterMailForm input[type=submit]
    {
        margin-bottom:20px;
    }

    .mainimage 
    {
        width:310px;
        height:232px;
        background-size:310px 232px;
        margin-left:5px;
        margin-top:-14px;
    }

    .mainimage .text
    {
        display:none;
    }

    .lesshightopimage
    {
        width:320px;
        height:152px;
        background-size:300px 152px;
        /*margin-left:-10px;
        margin-top:28px;*/
    }

    .lesshightopimage .text .textitem {
        margin:0px 6px 0px 6px;
    }

    .lesshightopimage .text, .mainimage .text h2
    {
        font-size:22px;
    }

    .lesshightopimage .text
    {
        width:42%;
        margin-top: 18px;
        display:block;
    }

    .lesshightopimage .text .textitem .textspan
    {
        margin-top: inherit;
    }

    .YoutubeMovieParagraph {
        display:block !important;
    }

    .YoutubeMovieParagraph iframe {
        display:block;
    }

    .YoutubeMovieParagraph object, .YoutubeMovieParagraph embed, .YoutubeMovieParagraph iframe
    {
        width:298px !important;
        height:242px !important;
    }

    #sitemap {
        margin-bottom:12px;
    }

    .footer_wrapper_mobile, .footer_mobile .clubLinksHtml {
        display:inline-block;
    }

    .footer_wrapper_mobile
    {
        background: #f2f2f2;
        background: -moz-linear-gradient(top, #f2f2f2 1%, #AFAEAE 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f2f2), color-stop(100%,#AFAEAE));
        background: -webkit-linear-gradient(top, #f2f2f2 1%,#AFAEAE 100%);
        background: -o-linear-gradient(top, #f2f2f2 1%,#AFAEAE 100%);
        background: -ms-linear-gradient(top, #f2f2f2 1%,#AFAEAE 100%);
        background: linear-gradient(to bottom, #f2f2f2 1%,#AFAEAE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#AFAEAE',GradientType=0 );
    }

    .footer_wrapper_mobile h2 {
        color:black;
    }

    .footer_wrapper_mobile a, .footer_wrapper_mobile a:visited, .footer_wrapper_mobile a:link {
        color:black;
    }

    .footer_mobile .clubLinksHtml {
        width:97%;
    }

    .Paragraph_LoginModule {
        width:initial;
    }
}

@media (max-width:300px) {
    .lesshightopimage .text, .mainimage .text h2
    {
        font-size:16px !important;
    }

    .lesshightopimage .textitem, .lesshightopimage .textitem .textspan {
        font-size:10px !important;
        margin-top:-10px !important;
    }
}

/* Hantering av orderformulär i mobilläge */
@media (max-width:767px) 
{
    .Paragraph_30_30_30_Container
	{
		display:inline-block !important;
		width:95% !important;
	}
		
	.Paragraph_30_30_30_Container div
	{
		display:none;
	}
		
	.Paragraph_30_30_30_Container .ErrorMessage, .Paragraph_30_30_30_Container .ErrorMessage div, .YoutubeMovieParagraph div
	{
		display:inherit;
	}

	.ErrorMessage
	{
		width:100%;
	}

    .orderForm
    {
        width: 98%;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .orderForm .checkboxinputfieldpanel
    {
        display:inline-block;
        vertical-align: top;
    }

    .orderForm .checkboxesarea input[type=checkbox]
    {
        float:initial;
        width:auto;
    }

    .orderForm .OrderValidationPanel
    {
        display:inline-block;
        width:90%;
    }

    .orderForm .orderconditions2panel
    {
        margin-top:12px;
    }

    .orderForm .optionalproductstext
    {
        margin-top:6px;
    }

    .orderForm .extraOrderInformationMessage 
    {
        display: block;
        clear: both;
    }

    .orderForm .confirmspecialnewsletterpanel
    {
        margin-top:6px;
        display:none !important;
    }

    .orderForm .confirmAdultAgePanel
    {
        clear:both;
        float:left;
        margin-top:6px;
        margin-bottom:16px;
    }

    .orderForm .Validation
    {
        margin: 0px 0px 6px 0px;
        padding:0px;
        font-size:12px;
        font:inherit;
        color:#444;
    }

    .orderForm .ValidationError
    {
        display:none !important;
    }

    .orderForm .ValidationStar 
    {
        font-size: 22px;
        margin: 0px;
        padding: 0px;
        line-height: 12px;
        display: none;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        color: rgb(153, 0, 0);
    }

    .checkboxesarea
    {
        display: inline-block;
        width: 100%;
        font-weight: bold;
        padding-left: 12px;
        font-size: 12px;
        margin-top: 0px;
    }
    
    .orderForm .confirmOrderConditionsPanel 
    {
        margin-top: 0px;
    }

    .orderForm .confirmOrderConditionsPanel input[type=checkbox], .orderForm .orderconditions2panel input[type=checkbox], .orderForm .optionalproductstext input[type=checkbox]
    {
        display:inline-block;
        vertical-align:top;
    }

    .orderForm .confirmOrderConditionsPanel label, .orderForm .orderconditions2panel label,  .orderForm .optionalproductstext label 
    {
        width:85%;
        display:inline-block;
    }

    .orderForm .row
    {
        clear:both;
    }

    .orderForm .rowfieldcontainer 
    {
        float:initial;
        margin-right:inherit;
        width:100%;
    }

    .orderForm .personalcoderow
    {
        width:100%;
    }

    .orderForm .PersonalCodeTextValidation
    {
        display:none !important;
        float:right;
    }

    .orderForm .SSNFieldPanel
    {
        margin-bottom: 0px;
        display: block;
    }

    #ssnfieldinput, .orderForm .SSNFieldPanel input[type=button]
    {
	    display:inline-block;
        margin-left: 0px;
    }

    .orderForm input[type=button]
    {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }

    .orderForm input[type=button]
    {
        border-radius:0px;
    }

    .orderForm .SSNFieldPanel
    {
        width:100%;
    }

    .orderForm .SSNFieldPanel input[type=text]
    {
        width: 60%;
        display:inline-block;
    }

    #ssnfieldinput_button
    {
        width:38%;
        margin-left:2%;
        display:inline-block;
    }

    input, select, textarea 
    {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height:30px !important;
    }

    #confirmAdultAge {
        height:auto !important;
    }

    input[type=text], select, textarea 
    {
        padding:0px 0px 0px 0px !important;
        padding-left:4px !important;
    }

    .orderForm input[type=text], .orderForm select, .orderForm select.FirstnameSelect
    {
        margin-bottom:10px;
        font-size:12px;
    }

    .orderForm select, .orderForm input[type=text], .orderForm select.FirstnameSelect
    {
        width:100%;
    }

    .orderForm select.severalItems 
    {
        width:100%;
    }

    .orderForm select 
    {
        width:100%;
        padding-left:0px;
    }

    .orderForm input[disabled=disabled] 
    {
        background-color:#fafafa;
    }

    .orderfieldsarea
    {
        display: inline-block;
        padding: 12px;
        font-size:12px;
        width:95%;
    }

    .orderfieldsarea .orderformparagraphtext
    {
        display:block;
        clear:both;
        margin-bottom:12px;
    }

    .orderForm .ConfirmButton 
    {
        margin-top: 0px;
    }

    #ConfirmButton
    {
        width: auto;
        margin-top: 0px;
        margin-left: 12px;
        padding: 0px 12px 0px 12px;
        margin-bottom:10px;
    }

    .form span
    {
        margin:0px;
    }

    .loginForm span
    {
        margin: 11px 0 11px 0;
    }

    .orderForm input[type=button]
    {
        color: white;
        border-width: 0px;
    }

    .orderForm .SSNFieldPanel input[type=button] {
        padding: 0px 0px 0px 0px;
	    margin:0px 0px 0px 0px;
    }

    .orderForm .row input[type=text].Error, .sizeSelect.Error, .BirthdatePanel .year.Error, .BirthdatePanel .month.Error, .BirthdatePanel .day.Error, .orderForm #campaignName.Error, .orderForm .modelSelectAsSelect.Error {
        border:2px solid #aa0000;
    }

    .sizeSelect.Error, .BirthdatePanel .year.Error, .BirthdatePanel .month.Error, .BirthdatePanel .day.Error
    {
        margin-top: 6px;
    }

    .orderForm .BirthdatePanel
    {
        margin-bottom:12px;
    }

    .orderForm .BirthdatePanel .year, .orderForm .BirthdatePanel .month, .orderForm .BirthdatePanel .day
    {
        width:85px;
        margin-bottom:12px;
    }

    .orderForm .orderfieldsarea .orderformparagraphtext {
        margin-top: -12px;
    }

    .orderForm .rowfieldcontainer .validationContainer .rowFieldName 
    {
        display:none;
    }

    .orderForm .modelSelectAsSelect {
        width:100% !important;
    }
}

/* Safari hack för selectrutor - finns bugg som inte tillåter padding */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .orderForm select
    {
        line-height:23px;
    }

    .orderForm select.severalItems
    {
        position:relative;
        top:-2px;
    }
    .orderForm .SSNFieldPanel input[type=button]
    {
        padding:6px 0px 5px 0px;
    }

    #ssnfieldinput
    {
        line-height:100%;
    }

    .orderForm .rowfieldcontainer 
    {
        margin-right:12px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{
    .orderForm .SSNFieldPanel input[type=button]
    {
        height:31px;
    }

    .orderForm  select.FirstnameSelect
    {
        -webkit-border-radius: 0;
    }
}

@media (min-width:480px) and (max-width:767px)
{
    .languageLayer
    {
        display:none;
        width:0px;
    }

    .footerLinks
    {
        display:inline-block;
        width:25%;
    }

    .clubLinksHtml
    {
        display:inline-block;
        width:40%;
    }

    .footerData
    {
        display:inline-block;
        width:25%;
    }
}

/** Överlagrad hantering för navbar **/
.navbar-toggle
{
    margin-top:10px;
}

.navbar-inverse .navbar-toggle, .navbar-toggle:focus
{
    border-color:transparent;
}

.navbar-inverse .navbar-nav>li>a {
    color:inherit;
}
.navbar
{
    margin-bottom:0px;
}

.container
{
    padding-left: 0px; 
}

.navbar-inverse
{
    border-width:0px;
}

.navbar
{
    border-radius:0px;
}

.nav>li>a
{
    padding:0px 0px 0px 0px;
}

@media (max-width:768px)
{
    .footer_label
    {
        padding:10px 10px 0px 10px;
    }
}
