@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px; 
	line-height: 18px;
	font-family: 'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #777777;
	background: url(../images/bg-top.jpg) #000 repeat-x;
	overflow:scroll;
}

h1 {
	display: block;
	margin: 0 0 5px 0;
	font-weight: 200;
	letter-spacing: 0px;
	font-size: 28px; 
	line-height: 28px;
	color: #FFF;
}

h2 {
	display: block;
	font-weight: 700;
	font-size: 28px; 
	line-height: 28px;
	color: #FFF;
}

a {
	outline: none;
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	outline: none;
	text-decoration:underline;
	color:#FFFFFF;
}

#master {
	width: 960px;
	position: relative;
	padding: 0 30px 0 30px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	height: 489px;
	background:url(../images/bg-header1.jpg) no-repeat;
	margin: 0 0 50px 0;
}

#header-phone {
	display: none;
}

#superson {
	position: absolute;
	font-size: 36px;
	font-weight:200;
	color: #FFF;
	width: 250px;
	height: 40px;
	margin: 50px 0 0 0;
}

#logo a {
	position: absolute;
	display: block;
	text-indent: -3000px;
	color: #FFF;
	width: 137px;
	height: 111px;
	margin: 30px 0 0 412px;
	z-index: 2;
}

#payoff {
	position: absolute;
	font-size: 18px;
	font-style:italic;
	font-weight:400;
	text-align:right;
	width: 250px;
	height: 40px;
	margin: 50px 0 0 710px;
}

#fb {
	display: none;	
}

#wearablemusic-overskrift {
	position: absolute;
	margin: 179px 0 0 549px;
	width: 400px;
	height: 170px;
}

#ep {
	position: absolute;
	margin: 172px 0 0 73px;
	width: 350px;
	height: 304px;
}

#ep-tekst h1, #ep-tekst h2 {
	display: none;
}

#ep-tekst {
	position: absolute;
	font-size: 18px;
	line-height: 24px;
	width: 410px;
	height: 60px;
	margin: 370px 0 0 550px;
}

.bestil-den-her a {
	position: relative;
	display: block;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/bestil-den-her.jpg);
	width: 173px;
	height: 40px;
}

.bestil-den-her a:hover {
	position: relative;
	background-image: url(../images/bestil-den-her-over.jpg);
	width: 173px;
	height: 40px;
}

.bestil-eper a {
	position: relative;
	display: block;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/bestil-eper.jpg);
	width: 173px;
	height: 40px;
}

.bestil-eper a:hover {
	position: relative;
	background-image: url(../images/bestil-eper-over.jpg);
	width: 173px;
	height: 40px;
}


#lyt-og-koeb {
	position: relative;
	width: 960px;
	margin: 25px 0 25px 0;
	font-size: 24px;
	line-height: 38px;
	font-weight: 200;
	text-align:center;
	color: #777777;	
}

.boldtext {
	font-weight: 900;
	font-size: 48px;
	text-transform:uppercase;
	color: #FFF;
}

#bestilling-overskrift {
	position: absolute;
	margin: 179px 0 0 0px;
	width: 455px;
	height: 455px;
}

#formular {
	position: absolute;
	margin: 179px 0 0 549px;
	width: 415px;
	height: 455px;
}

.breaker {
	position: relative;
	display: block;
	margin: 0;
	height: 60px;
	margin: 15px 0 15px 0;
	background-image:url(../images/breaker.jpg);
}

.frame {
	position: relative;
	width: 960px;
	height: 350px;
}

.tshirtframe {
	position: absolute;
	height: 350px;
	width: 330px;
	margin: 0;
	/*border-right: 1px solid #666;*/
}

.tshirtframe-phone {
	display: none;
}

.info {
	position: absolute;
	height: 75px;
	width: 520px;
	margin: 0 0 0 340px;
}

.vol1 {
	position: absolute;
	height: 60px;
	width: 100px;
	margin: 0 0 0 860px;
	background-image: url(../images/wearablemusic1.jpg);
}

.vol2 {
	position: absolute;
	height: 60px;
	width: 100px;
	margin: 0 0 0 860px;
	background-image: url(../images/wearablemusic2.jpg);
}

.vol3 {
	position: absolute;
	height: 60px;
	width: 100px;
	margin: 0 0 0 860px;
	background-image: url(../images/wearablemusic3.jpg);
}

.single {
	position: absolute;
	height: 60px;
	width: 100px;
	margin: 0 0 0 860px;
}

.musicframe {
	position: absolute;
	height: 166px;
	width: 620px;
	margin: 80px 0 0 340px;
}

.ie iframe {
	height: 80px;
}

.pris {
	position: absolute;
	height: 80px;
	width: 103px;
	margin: 275px 0 0 340px;
}

.herre-udsolgt {
	position: absolute;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/koeb-herre-udsolgt.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 443px;
}

.herre a {
	position: absolute;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/koeb-herre.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 443px;
}

.herre a:hover {
	position: absolute;
	background-image: url(../images/koeb-herre-over.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 443px;
}

.dame-udsolgt {
	position: absolute;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/koeb-dame-udsolgt.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 720px;
}

.dame a {
	position: absolute;
	color: #000;
	text-indent: -3000px;
	background-image: url(../images/koeb-dame.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 720px;
}

.dame a:hover {
	position: absolute;
	background-image: url(../images/koeb-dame-over.jpg);
	width: 240px;
	height: 40px;
	margin: 280px 0 0 720px;
}

#footer-master {
	position: relative;
	width: 100%;
	background-color:#333;
	margin: 60px 0 0 0;
}

#footer {
	position: relative;
	width: 960px;
	height: 450px;
	padding: 0 30px 0 30px;
	margin-left: auto;
	margin-right: auto;
}

#gratis-ep {
	position: relative;
	float: left;
	width: 280px;
	height: 180px;
	margin: 60px 20px 0 20px;
}

#gratis-ep a {
	display: block;
	width: 192px;
	height: 40px;
	background-image: url(../images/udfyld-formular.jpg);
	text-indent: -3000px;
	font-style:italic;
}

#gratis-ep a:hover {
	background-image: url(../images/udfyld-formular-over.jpg);
}

#kvalitet {
	position: relative;
	float: left;
	width: 280px;
	height: 180px;
	margin: 60px 20px 0 20px;
}

#om {
	position: relative;
	float: left;
	width: 280px;
	height: 180px;
	margin: 60px 20px 0 20px;
}

#breaker-footer {
	position: relative;
	clear: both;
	display: block;
	margin: 0;
	height: 60px;
	background-image:url(../images/breaker-footer.png);
}

#bund {
	position: relative;
	text-align:center;
}

/* small screen */

@media screen and (max-width: 620px) {
	
#master {
	width: 320px;
	position: relative;
	padding: 0;
	/*margin: 0;*/
}

body {
	background-image:url(../images/bg-header-phone.jpg);
}

#header {
	display: none;
}

#logo {
	display: none;
}

#header-phone {
	position: relative;
	display: block;
	width: 320px;
	height: 440px;
}

h1 {
	margin: 10px 0 5px 0;
	font-size: 24px; 
	line-height: 26px;
	font-weight: 900;
	text-transform:uppercase;
}

#lyt-og-koeb {
	position: relative;
	width: 320px;
	margin: 35px 0 15px 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: 400;
	text-align:center;
	color: #777777;	
}

.boldtext {
	font-weight: 900;
	font-size: 24px;
	text-transform:uppercase;
	margin: 10px 0 7px 0;
	color: #FFF;	
}

.breaker {
	margin: 5px 15px 0 15px;
	width: 290px;
	height: 30px;
	background-image:url(../images/breaker-phone.jpg);
}

.frame {
	position: relative;
	width: 290px;
	height: 434px;
	margin: 0 15px 0 15px;
}

.tshirtframe-phone {
	display: block;
	width: 290px;
	text-align:center;
}

.tshirtframe {
	display: none;
}

.info {
	display: none;
}

.vol1 {
	display: none;
}

.vol2 {
	display: none;
}

.vol3 {
	display: none;
}

.musicframe {
	position: relative;
	width: 290px;
	margin: 0 15px 0 0;
}
	
.single {
	display: none;
}

.pris {
	display: none;
}

.herre {
	display: none;
}

.herre-udsolgt {
	display: none !important;
}

.herre a {
	display: none;
}	
	
.dame{
	display: none;
}
	
.dame-udsolgt{
	display: none !important;
}
	
.dame a {
	display: none;
}

#footer-wrap {
	width: 100%;
	background-color:#333;
}

#footer-master {
	position: relative;
	width: 320px;
	background-color:#333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

#footer {
	position: relative;
	width: 290px;
	height: 640px;
	padding: 0;
	margin: 0 0 0 15px;
}

#gratis-ep {
	position: relative;
	display: block;
	width: 290px;
	height: 135px;
	padding: 0;
	margin: 50px 15px 0 0;
}

#gratis-ep a {
	width: 290px;
	background-image: url(../images/udfyld-formular-phone.jpg);
}

#gratis-ep a:hover {
	width: 290px;
	background-image: url(../images/udfyld-formular-phone-over.jpg);
}

#kvalitet {
	position: relative;
	display: block;
	width: 290px;
	height: 135px;
	padding: 0;
	margin: 10px 15px 0 0;
}

#om {
	position: relative;
	display: block;
	width: 290px;
	height: 135px;
	padding: 0;
	margin: 10px 15px 30px 0;
}

#breaker-footer {
	margin: 10px 15px 0 0;
	width: 290px;
	height: 30px;
	background-image:url(../images/breaker-footer-phone.png);
}

#bund {
	position: relative;
	width: 290px;
	margin: 10px 15px 30px 0;
	text-align:center;
}

}

/* Phones */

@media screen and (max-device-width: 640px) and (orientation: portrait) {
	
#master {
	width: 320px;
	position: relative;
	padding: 0;
	/*margin: 0;*/
}

body {
	background-image:url(../images/bg-header-phone.jpg);
	font-size: 15px;
	line-height: 19px;
}

#header {
	display: none;
}

#logo {
	display: none;
}

#header-phone {
	position: relative;
	display: block;
	width: 320px;
	height: 440px;
}

h1 {
	margin: 10px 0 5px 0;
	font-size: 24px; 
	line-height: 26px;
	font-weight: 900;
	text-transform:uppercase;
}

#lyt-og-koeb {
	position: relative;
	width: 320px;
	margin: 35px 0 15px 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: 400;
	text-align:center;
	color: #777777;	
}

.boldtext {
	font-weight: 900;
	font-size: 24px;
	text-transform:uppercase;
	margin: 10px 0 7px 0;
	color: #FFF;	
}

.breaker {
	margin: 15px 15px 0 15px;
	width: 290px;
	height: 30px;
	background-image:url(../images/breaker-phone.jpg);
}

.frame {
	position: relative;
	width: 290px;
	height: 434px;
	margin: 0 15px 0 15px;
}

.tshirtframe-phone {
	display: block;
	width: 290px;
	text-align:center;
}

.tshirtframe {
	display: none;
}

.info {
	display: none;
}

.vol1 {
	display: none;
}

.vol2 {
	display: none;
}

.vol3 {
	display: none;
}

.musicframe {
	position: relative;
	width: 290px;
	margin: 0 15px 0 0;
}

.pris {
	display: none;
}

.herre {
	display: none;
}
	
.herre a {
	display: none;
}

.herre-udsolgt {
	display: none !important;
}
	
.dame{
	display: none;
}
	
.dame a {
	display: none;
}
	
.dame-udsolgt{
	display: none !important;
}

#footer-wrap {
	width: 100%;
	background-color:#333;
}

#footer-master {
	position: relative;
	width: 320px;
	background-color:#333;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#footer {
	position: relative;
	width: 290px;
	height: 660px;
	padding: 0;
}

#gratis-ep {
	position: relative;
	display: block;
	width: 290px;
	height: 160px;
	padding: 0;
	margin: 30px 15px 0 0;
}

#gratis-ep a {
	width: 290px;
	background-image: url(../images/udfyld-formular-phone.jpg);
}

#gratis-ep a:hover {
	width: 290px;
	background-image: url(../images/udfyld-formular-phone-over.jpg);
}

#kvalitet {
	position: relative;
	display: block;
	width: 290px;
	height: 140px;
	padding: 0;
	margin: 10px 15px 20px 0;
}

#om {
	position: relative;
	display: block;
	width: 290px;
	height: 135px;
	padding: 0;
	margin: 10px 15px 30px 0;
}

#breaker-footer {
	margin: 10px 15px 0 0;
	width: 290px;
	height: 30px;
	background-image:url(../images/breaker-footer-phone.png);
}

#bund {
	position: relative;
	font-size: 13px; 
	line-height: 18px;
	width: 290px;
	margin: 10px 15px 30px 0;
	text-align:center;
}

}

/* til ipad */

@media screen and (min-device-width: 768px) and (max-device-width: 1536px) {

#footer-master {
	position: relative;
	width: 133%;
	padding: 0;
	background-color:#333;
	margin: 30px 0 0 0;
}

#footer {
	position: relative;
	width: 960px;
	padding: 0 30px 0 30px;
	margin: 0;
}

}

/* til ipad portrait*/

@media screen and (min-device-width: 768px) and (max-device-width: 1536px) and (orientation: portrait) {

#superson {
	font-size: 44px;
}

#payoff {
	font-size: 22px;
}

.info {
	font-size: 17px;
}

.pris {
	font-size: 17px;
}

#footer {
	font-size: 17px;
	line-height: 23px;
	height: 590px;
}

#gratis-ep, #kvalitet, #om {
	height: 350px;
}

h1 {
	font-size: 32px;	
}

}