body {background: #fff url(/Content/Images/body-bg.png); font:62.5%/1.5 "lucida grande", "lucida sans", Trebuchet, Verdana, Arial, sans-serif;}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {}

h1 { color: #00529F; font-size: 28px; margin: 0 0 5px 0;}
h2 { color: #00529F; font-size: 17px; margin: 0 0 5px 0; line-height: 100%}
h3 { color: #00529F; font-size: 15px; margin: 0 0 5px 0; line-height: 100%}
h4 { font-weight: bold; }
h5 {}
h6 {}


/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom:1em;}
blockquote {margin-bottom:1em;}
code {}
del {}
dfn {}
dfn {}
em {}
p { margin-top: 1em; margin-bottom: 1.5em; line-height: 150%;}
pre {}
strong {}

p.model {margin: 0; font-weight: bold;}

/* Link elements 
-------------------------------------------------------------- */
a, a:visited { color: #344692; text-decoration:none; }
a:active, a:hover { text-decoration:underline; }

.produkt-box a, a.read-more {position: absolute; bottom: -12px; right: 10px; width: 78px; height: 18px; background: url(../Images/button-short.png) no-repeat; display: block; color: #fff !important; padding: 5px; text-transform: uppercase; text-align: center; text-decoration: none; z-index: 999;}

.produkt-box a:hover, a.read-more:hover { background: url(../Images/button-short-hover.png) no-repeat; }

a.english-tab {position: absolute; width: 17px; height: 58px; background: url(../Images/uk-tab.png) no-repeat; top: 10px; right: -16px; text-indent: -999em; display: block;  }
a.english-tab.en {background: url(../Images/se-tab.png) no-repeat;}



/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom:1em; margin-left: 3em;}
ul li {}
ol {margin-bottom:1em; margin-left: 3em; }

ol li { color: #00529F; font-size: 24px; }
ol li p{ color: #000; font-size: 12px;}


dl {margin:1em 0;}
dl dt {}
dl dd {}

/* Tables
-------------------------------------------------------------- */
table {margin-bottom: 1em;}
caption {}
thead {}
tfoot {}
tbody {}
tr {}
th {}
td {}


/* Some general classes
-------------------------------------------------------------- */
.align-left {float:left;}
.align-right {float:right;}
.text-align-right { text-align: right}
.text-align-left { text-align: left}
.bottom {margin-bottom:0; padding-bottom:0;}
.hide {display:none;}
.highlight {}
.large {}
.big { font-size: 1.3em; }
.small { font-size: 0.5em;}
.reg { font-size: 0.8em; vertical-align: top; }
.off-screen {position:absolute; left:-999em;}
.top {margin-top:0; padding-top:0;}
.last {margin-right: 0 !important;}

.phone-tab { position: absolute; width: 18px; height: 62px; background: url(../Images/phone-tab.png) no-repeat; top: 15px; left: -16px; text-indent: -999em; display: block; }
.phone-tab.en { background: url(../Images/phone-tab-en.png) no-repeat; }
.huge {background: url(../Images/0771-11-11-11.png) no-repeat; text-indent: -999em; width: 300px; display: block; height: 33px; margin: 0; padding: 0;}

.top-text {position: absolute; width: 304px; height: 24px; width: 304px; text-indent: -999em; display: block; right: 10px; bottom: 42px;  background: url(../Images/professionell-bild-och-ljudteknik.png)}
.top-text.en {background: url(../Images/audiovisual-equipment-rentals.png) no-repeat; width: 308px;}

/*  Forms
-------------------------------------------------------------- */
form {}
fieldset {margin-bottom:1em;}
legend { display: none;}
label {}
input[type="text"] {width: 18em;}
textarea {width: 100%; max-width: 32em;}

/*  Forms-validation
-------------------------------------------------------------- */
.field-validation-error { color:red; }
.input-validation-error { border: 1px solid red; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: red;}

/* Navigation
---------------------------------------------------------------*/
#nav {background-color: #333333; background: -webkit-gradient(linear, left top, left bottom, from(#7A7B7A), to(#101010)); background: -moz-linear-gradient(top,  #7A7B7A,  #101010); -pie-background: linear-gradient(top,  #7A7B7A,  #101010); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 10px 20px #E3E3E3; -webkit-box-shadow: 0 10px 20px #E3E3E3; box-shadow: 0 10px 20px #E3E3E3; width: 907px; height: 75px; margin-bottom: 20px; clear: both; position: relative; }
#sub-nav { background: #ededed url(../Images/footer-bg.png) repeat-x bottom; background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC)); background: -moz-linear-gradient(top,  #EEE,  #CCC); -pie-background: linear-gradient(top,  #EEE,  #CCC); width: 190px; margin: 5px 0 20px 0; padding-bottom: 15px; float: left; }
.breadcrumbs {position: absolute; top: 187px; left:0;}

/* Layout containers
-------------------------------------------------------------- */
#skip {position:absolute; top:-999em; left:-999em;}
#skip a:focus,
#skip a:active {display:block; padding:1em; position:absolute; left:999em; top:999em; width:10em; text-align:center; background:#ededee; color:#000;}
#wrapper { background: #fff;  margin: 0 auto; width: 912px; font-size: 1.2em; /*position: absolute; min-height: 100%; left: 50%; margin-left: -496px;*/ margin: 0 auto; position: relative; padding: 0 40px;}
#wrapper:after {content: ""; display: block; height: 0; clear: both;}

#header {height: 110px; position: relative; clear: both;}
#logo { position: absolute; top: 25px; left: 0;}

#content {width: 613px; float: left; margin: 5px 10px 20px 0; }

#start-content { width: 616px; float: left; margin: 0 0 15px 0; height: 310px; background: url(/Content/Images/main-bg.jpg) bottom no-repeat;}
p.main-page {font-size: 16px; }

#box-container {clear: both; margin-bottom: 30px;}
#box-container:after {content: ""; display: block; height: 0; clear: both;}

.produkt-box, .about-box {position: relative; width: 267px; height: 130px; border: 1px #ccc solid; background: #eee; float: left; padding: 10px; position: relative; margin-bottom: 26px;}
.produkt-box:empty, .about-box:empty {display: none;} 
.produkt-box {margin-right: 25px; padding-right: 115px;  width: 157px;}
.produkt-box:hover, .about-box:hover {background: #e3e3e3; }
.produkt-box img{ top: 10px; right: 10px; position: absolute; padding: 5px; background: #fff; border: 1px #ccc solid; }


#side-content { width: 287px; min-height: 310px; border: 1px #ccc solid; float: left; margin: 0 0 15px 0; }
#side-content p, #sub-nav p, #side-content h2, #sub-nav h2, #side-content h3, #sub-nav h3, #side-content h4, #sub-nav h4{ padding-left: 15px; padding-right: 15px;}
#side-content h2, #sub-nav h2 { color: #fff; background: url(../Images/black-bg.png); background: -webkit-gradient(linear, left top, left bottom, from(#7A7B7A), to(#101010)); background: -moz-linear-gradient(top,  #7A7B7A,  #101010); -pie-background: linear-gradient(top,  #7A7B7A,  #101010); padding-top: 8px; padding-bottom: 5px; margin-bottom: 15px;  }

#product-list-content, #main-content {float: left; width: 405px; margin: 0 10px 20px 20px; }
.headers h1,
.headers h2,
.headers h3 {display: inline; margin-right: .5em;}
.headers h2:before {content: " / ";}
.headers h3:before {content: " / ";}

#main-content img { margin: 15px 0;}
#main-content dl, #main-content dl.product-info { list-style: none; background: #eee; border: 1px #ccc solid; padding: 15px; font-size: 0.9em;  }
#main-content dl:after, #main-content dl.product-info:after {content: ""; display: block; height: 0; clear: both;}
#main-content dl.product-info dt { padding: 3px 0; font-weight: bold; text-transform: uppercase; width: 375px; margin-right: 10px; }
#main-content dl.product-info dd { padding: 3px 0; }
#main-content dl dt { padding: 3px 0; font-weight: bold; text-transform: uppercase; width: 50%; margin-right: 10px;  }
#main-content dl dd { padding: 3px 0; }

#product-side-content {  width: 268px; float: left; margin: 5px 0 20pxpx 0; padding: 0 0 0 15px;}
#product-side-content ul { list-style: none; margin:0; }
#product-side-content ul li { border-bottom: 2px #ccc dashed; position: relative; background: #fefefe; padding: 0 115px 0 0; width: 153px; margin: 20px 0; }
#product-side-content ul li:hover { background: #f4f4f4; }
#product-side-content ul li a.read-more { position: absolute; right: 0; bottom: -15px; z-index: 1; }

#product-list-content ul { list-style: none; margin: 0 0 25px 0;}
#product-list-content ul li { background-color: #eee;  padding: 10px 115px 35px 10px; border: 1px #ccc solid; margin-bottom: 18px; font-size: 0.9em; position: relative; }
#product-list-content ul li:after, #product-side-content ul li:after {content: ""; display: block; height: 0; clear: both;}
#product-list-content ul li:hover { background-color: #e3e3e3; }
#product-list-content ul li img { background: #fff; border: 1px #ccc solid; padding: 5px; float: right; margin-right: -108px; }
#product-side-content ul li img { background: #fff; border: 1px #ccc solid; padding: 5px; float: right; margin-right: -115px; }

.eyecatcher {padding: 5px; background: #344692; margin: 15px 0; color: #e3ebf4; font-size: 13px;  }

#footer {width: 875px; background: #ededed url(../Images/footer-bg.png) repeat-x bottom; background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC)); background: -moz-linear-gradient(top,  #EEE,  #CCC); -pie-background: linear-gradient(top,  #EEE,  #CCC); height: 110px; clear: both; padding: 15px; position: relative;}

#Booking label {display: block;}
#Booking fieldset p {float: left; margin-right: 1em;}
#Booking fieldset p input[type="text"] {width: 11em;}
#Booking .description {display: block; padding: 0 0 .5em 0; font-style: italic; font-size: .8em;}

#mobileswitchOn {display:none; position:absolute; right: 10px; top:10px; background: url(../Images/contract-view.gif) no-repeat center top; padding-top: 15px; text-align: center; font-size: 9px; height: 30px;}
#mobileswitchOff {display:none; position:absolute; right: 10px; top:25px; background: url(../Images/expand-view.gif) no-repeat center top; padding-top: 15px; text-align: center; font-size: 9px; height: 30px;}

@media handheld, only screen and (max-device-width: 640px)   { 

html { -webkit-text-size-adjust: none; }
body { font-size: 0.8em;}
html, body {  background: #fff;  }
body {width: 96%; padding:10px;  }
#mobileswitchOn {display:block;}
#mobileswitchOff {display:none;}
}