@charset "UTF-8";
html {overflow-x: hidden;} 



body {
background-color:#ffffff;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
line-height:15px;
padding:0;
margin-left:auto; margin-right:auto; font-family:arial, sans-serif;}

a:link {
	color: #C00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C00;
}
a:hover {
	text-decoration: underline;
	color: #C00;
}
a:active {
	text-decoration: none;
	color: #C00;
}

#layout {
	font-family:arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	vertical-align: top;
	height: 100%;
	width: 1000px;
	margin: 30px auto 0;
	
}

#meny {height: 76px;width: 1000px; padding: 0 0 10px 0}
#top-menu { 
float:right;
height:40px;
margin:0 0 0 5px;
min-height:40px; width:250px;}

#top-menu ul, #top-menu li, #blogg_right ul, #blogg_right li {
border-left:0 none;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0px 0px 0px 0px}

#top-menu2 { 
float:right;
height:20px;
margin:0 20px 0 0px;
min-height:20px; width:100%;}

#top-menu2 ul, #top-menu2 li {
border-left:0 none;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0px 0px 0px 0px}

#top-menu2 ul { float:right}

#top-menu2 li {padding:0px 10px 0 0; font-size:11px; float:left}

#top-menu2 li a {
display:block;
padding:2px; color:#333333; font-size:11px; font-weight:bold; text-decoration:none}

#top-menu2 li.ingress {
display:block;
padding:2px 10px;}

#top-menu2 li a:hover {
text-decoration:none; color:#fff; background:#000; font-weight:bold}

#blogg_right ul.left, #blogg_right ul.left li{ width:128px; text-align:right}

#blogg_right ul.right{ float:left; padding-left:30px; width:200px}

#blogg_right ul.right li{ text-align:left; width:200px}

#top-menu ul, #blogg_right ul, #blogg_right li { width:80px}

#top-menu a, #blogg_right a {
display:block;
padding:2px; color:#333333; font-size:11px; font-weight:normal; text-decoration:none}

#top-menu a:hover, #top-menu #activeSM, #blogg_right a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; text-decoration:none; color:#fff; background:#000; font-weight:bold}

#top-menu li{ margin-bottom:2px;}

#header-logo {
display:inline;
float:left;
margin:0 0 0 0;
padding:8px 0 0 16px;
text-align:center;
width:53px;}

#l-switch {
display:inline;
float:left;
margin:0 0 0 0;
padding:20px 0 0 8px;
text-align:left;
width:666px; height:52px; font-size:11px}

#l-switch a { padding:2px; text-decoration:none; color:#000}
#l-switch a:hover { background:#000; color:#FFF}

.index #top-menu a.index {
display:block;
text-decoration:none; background:#000; color:#FFF}

.blogg #top-menu a.blogg {
display:block;
text-decoration:none; background:#000; color:#FFF; font-weight:bold}
#top-menu a.blogg {
display:block;
text-decoration:none; text-align:right}

.ontour #top-menu a.ontour {
display:block;
text-decoration:none; background:#000; color:#FFF; font-weight:bold}

#top-menu a.ontour {
display:block;
text-decoration:none; text-align:right}

.resale #top-menu a.resale, .brands #top-menu a.brands, .story #top-menu a.story, .kontakt #top-menu a.kontakt, .brands #top-menu2 a.brands,
 .penelope #top-menu2 a.penelope, .kmb #top-menu2 a.kmb, .mohino #top-menu2 a.mohino, .kanna #top-menu2 a.kanna, .roobins #top-menu2 a.roobins, .coc #top-menu a.coc, .engagemang #top-menu a.engagemang{
display:block;
text-decoration:none; background:#000; color:#FFF; font-weight:bold}

#top-menu a.resale {
display:block;
text-decoration:none; text-align:right}




#main {height: auto;width: 1000px; float:left}

#index_left{height: 497px;width: 300px;float:left; padding-right:10px}

.puff {height: 114px;width: 290px;float:left; margin:0px 10px 10px 0; border-top:solid 1px #C00; padding-top:10px; text-align:left}

#index_right {height:497px;width: 690px;float:left}





#sidfot_left {height: 20px; width: 495px; padding-left:5px; float:left; text-align:left; padding-top:5px; font-size:9px}

#sidfot_right {height: 20px; width: 495px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:9px; float:left; text-align:right; padding-top:5px}

#sidfot{height: 20px; width: 1000px;font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	vertical-align: top; float:left}


#story_ast_left {height: auto; width: 436px; padding: 30px 25px 0 40px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:left; font-size:12px}

#brands_left {height: auto; width: 270px; padding: 20px 15px 0 20px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:left; font-size:12px; border-right:#C00 solid 1px; margin:10px 0 0; min-height:600px }

body.mohino #brands_left, body.kanna #brands_left, body.roobins #brands_left {min-height: 458px}

#brands_right {height: auto; width: 674px; padding: 0px 0px 0 20px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:left; font-size:12px;  margin:10px 0 0; }

#brands_meny { float:left; height:20px; width:674px; margin-bottom:5px;}

.brands_box {height: 123px; width: 197px; padding:10px; float:left; border-right:solid #C00 1px; border-top:solid #C00 1px;}
.brands_box_right {height: 123px; width: 198px; padding:10px; float:left; border-top:solid #C00 1px;}
.brands_box_top {height: 124px; width: 197px; padding:10px; float:left; border-right:solid #C00 1px; margin-top:10px}
.brands_box_top_right {height: 124px; width: 199px; padding:10px; float:left; margin-top:10px}

#story_ast_center {
	height: 303px;
	width: 303px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
	padding-top:30px;
	padding-left:15px;
	font-size:12px;
	text-decoration: none;
}

#story_ast_right {
	height: auto;
	width: 436px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
	padding:30px 30px 0 25px;
	font-size:12px;
}
#blogg_center {min-height:500px; width: 460px; float:left; text-align:left;font-size:11px; padding:10px 10px 30px 50px; border-left:#C00 solid 1px; margin:20px 0; border-right:#C00 solid 0px; overflow:hidden}
#blogg_left {
	height: auto;
	width: 210px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align:left;
	padding: 35px 20px 50px 0px;
	font-size:11px;
}
#blogg_right {
	height: auto;
	width: 218px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align:right;
	padding: 54px 10px 50px 10px;
	font-size:11px;
}

.resalecol1 { vertical-align:middle; text-align:left; border-right:#C00 0px solid; height:20px; padding:5px; font-weight:bold; font-size:14px}

.resalecol2 { vertical-align:middle; height:20px; padding:5px; text-decoration:none; font-size:14px}

.resalecol3, .resalecol4, .resalecol5 { vertical-align:top; height:20px; padding:5px}

#resale table {border-bottom: 1px solid #DDDDDD;
    margin: 0 0 1.625em;
    width: 70%; border-collapse: separate;
    border-spacing: 0;}

#resale td {border-top: 1px solid #DDDDDD;}
#excerptpost { float:left; display:inline; border-bottom:#C00 solid 1px; padding:10px 0 10px 20px}
#excerptpost2 { float:left; display:inline; border-bottom:#C00 solid 0px; padding:0px 0 0px 4px}

.byline { padding:2px; background:#000; color:#FFF; width:auto; font-weight:bold}
.bildtext { font-style:italic}
.post { border-bottom:#C00 1px solid; margin:30px 0 0; padding-bottom:30px}

h1 {margin-top:10px; line-height:normal}
.arkiv { padding:4px; background:#000; color:#FFF; line-height:25px; font-weight:bold}

#fastnews_left {height: 580px; width: 146px; float:left; background-color:#000000}

#fastnews_right {height: 550px; width: 155px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:left; padding-top:30px; padding-left:35px; font-size:12px; background-color:#000000; color:#FFFFFF;}

#fastnews {height: 580px; width: 659px; float:left}

#on_tour_top {height: 87px; width: 1000px; float:left; background-color:#000000}
#on_tour_bottom {height: 81px; width: 1000px; float:left; background-color:#000000}
#schema {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: top;
	float: none;
	height: 1300px;
	width: 644px;
	padding-top:40px;
	text-transform: capitalize;
	text-align: center;
}
#press {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	vertical-align: top;
	float: none;
	height: 560px;
	width: 756px;
	padding-top:20px; background-color:#000000
	
}


#galleri {height: 552px; width: 693px; padding-right:0px; font-family:Arial, Helvetica, sans-serif; float:left; text-align:left; padding-top:0px; padding-left:0px; font-size:12px}
.galleri_box {height: 174px; width: 221px; padding-right:0px; float:left; padding-top:10px; padding-left:10px;}
.galleri_box2 {height: 358px; width: 221px; padding-right:0px; float:left; padding-top:10px; padding-left:10px;}

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

}

h1.puff2 { font-family: 'ZeroZeroIsRegular'; font-size:70px; margin:10px 0 20px; color:#000; text-align:center}
h1.puff2 a{ color:#000; text-decoration:none}
h1.tour { font-family: 'ZeroZeroIsRegular'; font-size:140px; margin:10px; color:#000}
h2 { line-height:normal}

.tour { font-weight:bold}

.ontour_left { text-align:right; background-color:#C00; font-size:22px; vertical-align:middle; font-weight:bold; line-height:normal; color:#FFF; padding:3px}
.ontour_right { text-align:left;  line-height:normal; font-size:24px; vertical-align:top}


#form-area {
	width: 540px;
	margin-top: 25px; padding-left:0px; border-top:#666 dotted 0px; padding-top:20px; border-bottom:#666 dotted 0px; text-align:left
}

#form-area label {
	 padding-left:10px
} 

#form-area label .inline{
	 padding-left:10px; display:inline
} 


#form-area input, #form-area textarea{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 5px; /* Opera 10.5+, future browsers */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	padding: 5px 10px;
	width: 200px;
	margin: 0px 0px 10px 0px;
	border: 3px solid #ccc;
}

#form-area input[type="checkbox"]{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
	padding: 10px 20px;
	width: 30px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #ccc;
}

#form-area select{
	-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
	padding: 10px 20px;
	width: 80px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #ccc;
}

#form-area textarea {
	height: 90px;
}

#form-area textarea:focus, #form-area input:focus, #form-area select:focus{
	border: 3px solid #333333; color:#333333;
}

#form-area form.submit-button {
	width: 60px; height:20px; padding-top:0px; padding:0px; background-image: url(images/bg_submit.jpg); background-repeat:repeat-x;
	float: right; color:#666666;
}
#form-area input.submit-button {
	width: 84px; height:24px; position:relative; padding: 0px; background-image: url(images/bg_submit.jpg); background-repeat:repeat-x;
	 color:#666666; line-height:normal; border:#A8A8A8 2px solid; text-align:center; left:400px;
	-moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px; /* Opera 10.5+, future browsers */ 
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
/*--Slideshows--*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:497px;	width: 690px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: 256px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging  p a {
	padding: 5px;
	text-decoration: none;
	color: #C00; font-size:36px
}
.paging  p a.active {
	font-weight: bold;
	border: 0px solid #610000; font-size:42px
	
}
.paging a:hover {font-weight: bold; font-size:42px}