/*********************************************
Reset
*********************************************/
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*********************************************
Fonts
*********************************************/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/*********************************************
Base
*********************************************/
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
p, table, pre { margin-bottom: 1em; }
th, td { padding: 4px 5px 3px; }
th{ font-weight: bold; }
a { color: #fff; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
a.strike:hover,.strike a:hover { text-decoration: line-through; }
img { vertical-align: bottom; }

/*********************************************
Clears
*********************************************/
#thumbnails ul:after,
#nav:after,
#select-language:after,
#pagination ul:after,
.page-dealer .formrow:after,
.page-kontakt .submit:after,
.page-history dl:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }

/**********************************************
Frame
*********************************************/
html, body {
	background: #fff;
	font-family: "Avenir", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 200;
	height: 100%;
	width: 100%;
}

#wrap {
	background: url(/img/frame/body-shadow.png);
	height: 580px;
	margin: 0 auto;
	padding: 4px;
	position: relative;
	width: 980px;
}

h1,
h2 { display: none; }

.inner { height: 100%; position: relative; }

#nav {
	background: #000;
	line-height: 20px;
	position: relative;
	width: 100%;
	z-index: 10;
}

#nav li {
	float: left;
	position: relative;
}

#nav .tooltip {
	background: url(/img/frame/tooltip_arr.gif) 12px 0 no-repeat;
	color: #333;
	left: 40%;
	font-size: 80%;
	padding-top: 5px;
	position: absolute;
	text-transform: none;
	top: 15px;
	width: 175px;
}

#nav .tooltip span {
	background: #fff;
	display: block;
	line-height: 1.2em;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#nav .last .tooltip { width: 103px; }

#nav a {
	border-right: 1px solid #777;
	color: #bbb;
	font-size: 100%;
	padding: 0 15px;
	text-transform: uppercase;
}

#nav .active a { color: #fff; }
#nav .last a { border: none; }
#nav a:hover { color: #fff; text-decoration: none; }

/**********************************************
Startseite
*********************************************/
.page-home { background: url(/img/photos/backgrounds/home_2010.jpg); }
.page-home .logo {
	background: url(/img/frame/sportalm-kitzbuehel-logo-white.png);
	float: right;
	height: 56px;
	right: 150px;
	overflow: hidden;
	position: absolute;
	text-indent: -100%;
	top: 190px;
	width: 250px;
}

#select-language {
	color: #fff;
	font-size: 93%;
	left: 577px;
	position: absolute;
	top: 270px;
}

#select-language li { float: left; padding: 0 5px; }
#select-language li.sep-left { border-left: 1px solid #fff; }
#select-language li.sep-right { border-right: 1px solid #fff; }
#select-language a { color: #fff; font-weight: bold; }
#select-language a:hover { color: #fff; }

/**********************************************
Kollektionen
*********************************************/
.assortment-image { display: none; left: 0; position: absolute; top: 0; z-index: 1; }
#assortment-link {
	left: 0;
	position: absolute;
	top: 183px;
	z-index: 2;
}

#assortment-link .switch {
	background: url(/img/misc/trans.gif);
}

#assortment-link a {
	display: block;
	height: 70px;
	height: 56px;
/* 	height: 70px; */
	margin-bottom: 23px;
/* 	margin-bottom: 30px; */
	overflow: hidden;
	text-indent: -9999em;
	width: 240px;
}


.assortment-image { display: none; left: 0; position: absolute; top: 0; z-index: 1; }

/**********************************************
Kollektion-Detail
*********************************************/
.page-assortment-detail { background: #221411; }
.assortment {
	bottom: 95px;
	color: #fff;
	float: left;
	left: 62px;
	position: absolute;
	width: 300px;
	z-index: 1;
}

.assortment .logo { display: block; margin: 0 auto 10px; }
.assortment h3 {
	background: url(/img/frame/gradient.png) center repeat-y;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-size: 131%;
	margin-bottom: 10px;
	padding: 3px 0;
	text-align: center;
}

.assortment .description { margin-bottom: 10px; }

#thumbnails {
	background: url(/img/frame/gradient.png) center repeat-y;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 135px;
	margin: 0 auto;
	overflow: hidden;
	padding: 17px 0;
	width: 300px;
}

#thumbnails li {
	float: left;
	height: 135px;
	margin: 0 5px;
	overflow: hidden;
	width: 90px;
}

/**********************************************
Seitennavigation
*********************************************/

#pagination {
	bottom: 73px;
	left: 0;
	position: absolute;
	width: 425px;
}

#pagination ul { margin: 0 auto; }

#pagination a {
	background-position: center;
	float: left;
	height: 16px;
	margin: 0 2px;
	overflow: hidden;
	text-indent: -9999em;
	width: 16px;
}

#pagination a.visited { background-position: top; }
#pagination a.active,
#pagination a:hover { background-position: bottom; }

/**********************************************
Kollektionsbedingt
*********************************************/

.assortment-ski {
	background-image: url(/img/frame/background-mountain.gif);
	background-position: 50px bottom;
	background-repeat: no-repeat;
}

.assortment-tracht {
	background-image: url(/img/frame/background-tracht.gif);
	background-position: 97px bottom;
	background-repeat: no-repeat;
}

.assortment-ski #pagination a { background-image: url(/img/frame/page-snowflake.gif); }
.assortment-sport #pagination a { background-image: url(/img/frame/page-letter.gif); }
.assortment-tracht #pagination a { background-image: url(/img/frame/page-heart.gif); }

/**********************************************
Image Box
*********************************************/

.image-box-default {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 555px;
	z-index: 2;
}

.image-box-default .product { position: relative; z-index: 1; }
.image-box-default .description {
	font-size: 93%;
	line-height: 1.1em;
	position: absolute;
	z-index: 3;
}

.image-box-default .description strong { text-transform: uppercase; }

.image-box-default .loader {
	border: 5px solid #221411;
	left: 262px;
	-moz-border-radius: 5px;
	position: absolute;
	top: 285px;
	-webkit-border-radius: 5px;
	z-index: 4;
}

.image-box-default .zoom {
	background: #fff url(/img/icon/zoom.png) 5px center no-repeat;
	bottom: 20px;
	color: #000;
	font-size: 93%;
	-moz-border-radius: 5px;
	padding: 5px 7px 5px 27px;
	position: absolute;
	right: 25px;
	-webkit-border-radius: 5px;
	z-index: 5;
}

.image-box-zoom {
	background: url(/img/frame/shadow.png) left repeat-y; 
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 780px;
	z-index: 6;
}

.image-box-zoom .scroller {
	height: 100%;
	float: right;
	overflow: hidden;
	width: 755px;
}

.image-box-zoom .scroller .zoom-version { cursor: move; }

.image-box-zoom .close {
	background: #8c827b url(/img/icon/close.gif) right no-repeat;
	border: 1px solid #000;
	color: #e3d7c4;
	display: block;
	font-size: 85%;
	padding: 3px 19px 1px 6px;
	position: absolute;
	right: 15px;
	top: 33px;
	z-index: 7;
}

/**********************************************
Seitenhead-Navigation
*********************************************/
.head-nav {
	background: url(/img/photos/backgrounds/header-nav.jpg);
	height: 100px;
	position: relative;
	width: 100%;
}

.head-nav .logo { float: right; margin: 23px 33px 0 0; }
.head-nav .links { bottom: 15px; left: 30px; position: absolute; }
.head-nav .links li { border-right: 1px solid #888; float: left; }
.head-nav .links .last { border: none; }

.head-nav .links a,
.head-nav .links h2 {
	color: #666;
	display: block;
	float: left;
	padding: 0 15px;
	text-transform: uppercase;
}

.head-nav .links .active a,
.head-nav .links h2 { font-weight: 700; }

.page-content { background: #ccc; color: #666; height: 460px; }
.page-content h3 { font-size: 116%; text-transform: uppercase; }
.page-content h4 { font-size: 85%; margin-bottom: 20px; }

/**********************************************
Unternehmen: Über Sportalm
*********************************************/
.page-about-sportalm h3 { display: none; }
.company-links { height: 100%; }
.company-links li { float: left; height: 100%; }

.company-links .link-1,
.company-links .link-2,
.company-links .link-3 {
	float: left;
	height: 460px;
	overflow: hidden;
	text-indent: -9999em;
	width: 325px;
}

.company-links .link-1 { background: url(/img/misc/company-link1.png); }
.company-links .link-2 { background: url(/img/misc/company-link2.png); width: 330px; }
.company-links .link-3 { background: url(/img/misc/company-link3.png); }

/**********************************************
Unternehmen: Über Sportalm: Detail
*********************************************/
.page-about-sportalm-detail .page-content {
	height: 365px;
	padding: 95px 0 0 74px;
}

.page-about-sportalm-detail p { text-align: justify; width: 290px; }
.page-about-sportalm-detail .back { font-weight: 700; text-align: right; }
.page-about-sportalm-detail .back a { color: #555; font-size: 77%; text-transform: uppercase; }

.page-about-sportalm-detail .section-image,
.page-about-sportalm-detail .section-image-top {
	bottom: 0;
	position: absolute;
	right: 0;
	z-index: 11;
}

/**********************************************
Unternehmen: Produktion
*********************************************/
.page-history .section-image-left { bottom: 15px; left: 15px; position: absolute; }
.page-history h3 { display: none; }
.page-history .page-content {
	background: #eee;
	height: 415px;
	padding: 45px 80px 0 20px;
}
.page-history h3 { margin-bottom: 20px; }
.page-history dl { float: right; width: 625px; }
.page-history dt { clear: left; float: left; margin-right: 10px; }
.page-history dd { float: left; width: 570px; }

/**********************************************
Unternehmen: Über Sportalm: Detail Trachtenmode
*********************************************/

.page-about-sportalm-trachtenmode .head-nav .logo { display: none; }
.page-about-sportalm-trachtenmode .section-image-top { bottom: 460px; right: 217px; }

/**********************************************
Unternehmen: Über Sportalm: Detail Skimode
*********************************************/
.page-about-sportalm-skimode .section-image-top { bottom: 460px; right: 323px; }

/**********************************************
Unternehmen: Über Sportalm: Detail Emotion
*********************************************/
.page-about-sportalm-emotion .section-image-top { bottom: 460px; right: 323px; }

/**********************************************
Unternehmen: Produktion
*********************************************/
.page-production .section-image-left { bottom: 26px; left: 20px; position: absolute; }
.page-production .page-content {
	background: #eee;
	height: 425px;
	padding: 35px 0 0 225px;
}
.page-production .section-image-right { bottom: 71px; position: absolute; right: 20px; }
.page-production h3 { display: none; }
.page-production p { width: 310px; }

/**********************************************
Unternehmen: Produktion
*********************************************/
.page-awards h3 { display: none; }
.page-awards .page-content {
	background-color: #eee;
	height: 410px;
	padding: 50px 0 0 50px;
}

.page-awards .text {
	float: right;
	padding-right: 30px;
	width: 680px;
}	

/**********************************************
Sportalm-Stores
*********************************************/
.page-sportalm-stores .page-content { background: #eee; height: 435px; padding: 25px 0 0 45px; }
.page-sportalm-stores .store {
	float: left;
	line-height: 1.2em;
	font-size: 93%;
	font-weight: 700;
	margin-bottom: 20px;
	width: 340px;
}

.page-sportalm-stores .store strong {
	color: #777;
	display: block;
	font-size: 123.1%;
	font-weight: 300;
	margin-bottom: 5px;
}

/**********************************************
Händler
*********************************************/
.page-dealer .page-content { background: #dfdfdf url(/img/photos/backgrounds/map.gif) bottom right no-repeat; height: 415px; padding: 45px 0 0 45px; }
.page-dealer label { display: block; font-size: 85%; text-transform: uppercase; }

.page-dealer .formrow {
	border-bottom: 1px solid #888;
	margin-bottom: 25px;
	padding-bottom: 25px;
	width: 570px;
}

.page-dealer .second { margin-bottom: 10px; }
.page-dealer .formrow .col strong { color: #555; position: relative; top: 15px; }
.page-dealer .formrow input,
.page-dealer .formrow select { width: 200px; }
.page-dealer .formrow .submit { position: relative; top: 15px; width: auto; }
.page-dealer .formrow .col { float: left; margin-right: 15px; }
.page-dealer table { font-size: 93%; width: 890px; }
.page-dealer table th { color: #555; text-transform: uppercase; }
.page-dealer table th,
.page-dealer table td { border-bottom: 1px solid #999; }
.page-dealer table td { font-size: 80%; }
.page-dealer table .odd td { background: #f5f5f5; }
.page-dealer .pages .number { font-weight: bold; }
.page-dealer .pages { overflow: hidden; padding-top: 5px; text-align: center; }
.page-dealer .pages a {
	background: #333;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	padding: 1px 7px;
	-webkit-border-radius: 5px;
}

.page-dealer .pages .prev { float: left; }
.page-dealer .pages .next { float: right; margin-right: 45px; }

/**********************************************
Jobs
*********************************************/
.page-jobs .page-content { background: #dfdfdf url(/img/photos/backgrounds/map.gif) bottom right no-repeat; height: 415px; padding: 45px 0 0 45px; }
.page-jobs h3 { margin-bottom: 20px; }
.job-offer {
	float: left;
	width: 435px;
}
.job-offer p { font-size: 93%; }
.job-offer img { display: block; margin-bottom: 15px; }

.job-offer h4 {
	font-size: 123.1%;
	font-weight: 700;
	margin-bottom: 10px;
}

.job-offer-1 {
	border-right: 1px solid #ccc;
	margin-right: 20px;
}

.job-offer-1-wrap {
	border-right: 1px solid #fff;
	overflow: hidden;
	padding-right: 20px;
}

/**********************************************
Kontakt
*********************************************/
.page-kontakt .page-content { background: #c4c4c4; height: 415px; padding: 45px 0 0 45px; }
.page-kontakt form {
	border-right: 1px solid #999;
	display: block;
	float: left;
	margin-right: 40px;
	padding-right: 40px;
	position: relative;
	width: 400px;
}
.page-kontakt p {
	border-bottom: 1px solid #bbb;
	font-size: 85%;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.page-kontakt label { display: block; }
.page-kontakt .formcol { float: left; padding-bottom: 10px; width: 50%; }
.page-kontakt .formrow { clear: left; }
.page-kontakt input, .page-kontakt select { width: 185px; }
.page-kontakt textarea { margin-bottom: 20px; width: 390px; }
.page-kontakt .submit { border-top: 1px solid #bbb; padding-top: 10px; }
.page-kontakt .submit input { float: right; width: auto; }
.page-kontakt .submit a { color: #666; font-size: 75%; font-weight: 700; }
.page-kontakt a.email { color: #666; text-decoration: underline; }

.page-kontakt .overlay {
	background: #000;
	left: -45px;
	height: 460px;	
	position: absolute;
	top: -45px;
	width: 486px;
	z-index: 1;
}

.page-kontakt .message {
	background: #fff;
	bottom: 0;
	left: 7px;
	-moz-border-radius: 5px;
	padding: 25px 0;
	position: absolute;
	text-align: center;
	-webkit-border-radius: 5px;
	width: 380px;
	z-index: 2;
}

.page-kontakt .message a {
	background: #333;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	padding: 1px 7px;
	-webkit-border-radius: 5px;
}

/**********************************************
Downloads (Login)
*********************************************/

.page-downloads .page-content {
	background: url(/img/photos/backgrounds/downloadarea.jpg);
	height: 380px;
	padding: 180px 0 0 180px;
}
.page-downloads .formrow { margin-bottom: 7px; }
.page-downloads .formrow label {
	color: #333;
	display: block;
	float: left;
	font-size: 123.1%;
	font-weight: 700;
	width: 100px;
}
.page-downloads .message {
	color: red;
	font-size: 123.1%;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: right;
	width: 300px;
}
.page-downloads .formrow { width: 310px; }
.page-downloads .submit { text-align: right; }
.page-downloads .formrow .text { width: 200px; }

/**********************************************
Downloads (Overview)
*********************************************/
.assortment-image { display: none; left: 0; position: absolute; top: 0; z-index: 1; }
.page-downloads #assortment-link {
	left: 0;
	position: absolute;
	top: 103px;
/* 	top: 74px; */
	z-index: 2;
}

.page-downloads #assortment-link li {
	display: block;
	height: 56px;
/* 	height: 70px; */
	margin-bottom: 23px;
/* 	margin-bottom: 30px; */
	width: 425px;
}

.page-downloads #assortment-link a {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0 1px 2px #999999;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px #999999;
background:none repeat scroll 0 0 #FFFFFF;
clear:left;
color:#888;
display:block;
float:left;
font-size:93%;
/* font-size:123.1%; */
font-weight:300;
height:auto;
left:250px;
margin:0 0 10px;
padding:5px 10px 3px;
position:relative;
text-decoration:none;
text-indent:0;
text-align: center;
width:160px;
}

.page-downloads #assortment-link a:hover { color: #333; }

.page-downloads .logout,
.page-downloads-detail .logout {
	background: #666;
	font-size: 123.1%;
	padding: 5px;
	position: absolute;
	right: 26px;
	top: 47px;
	z-index: 10;
}

/**********************************************
Downloads (Details)
*********************************************/
.page-downloads-detail .assortment {
	top: 25px;
}

.page-downloads-detail #thumbnails {
	border: none;
	height: 425px;
	padding: 0;
}

.page-downloads-detail #thumbnails li {
	margin-bottom: 10px;
}

.page-downloads-detail .logo { margin-bottom: 3px; }
.page-downloads-detail h3 {
	border-bottom: none;
	font-size: 110%;
	margin-bottom: 0;
}

.page-downloads-detail .goback {
	font-size: 123.1%;
	position: absolute;
	left: 345px;
	top: 47px;
	z-index: 10;
}

.page-downloads-detail .downloadpicture {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	font-size: 160%;
	font-weight: 700;
	-moz-border-radius: 3px;
	padding: 5px 15px;
	position: absolute;
	right: 160px;
	text-align: center;
	top: 520px;
	-webkit-border-radius: 3px;
	width: 200px;
	z-index: 10;
}

.page-downloads-detail #pagination {
	bottom: 10px;
	text-align: center;
}

.page-downloads-detail #pagination li {
	display: inline;
	float: none;
}

.page-downloads-detail #pagination a {
	color: #8A8381;
	float: none;
	overflow: auto;
	text-indent: 0;
	width: auto;	
}

.page-downloads-detail #pagination .active a { color: #fff; }

.page-downloads-detail .scroller ul {
	float: left;
	width: 300px;
}

/*
	RU specific
*/

body.ru #nav { font-size: 78%; }
body.ru #nav .tooltip { font-size: 108%; }
body.ru .page-history dl { font-size: 85%; }
body.ru .page-production p { font-size: 85%; }

/* Videos */
.page-videos { background: #eee; height: 440px; padding-top: 20px; }
#player { float: left; width: 715px; }
#playlist { float: left; margin: 0 45px; }
#playlist a { clear: left; color: #333; display: block; float: left; margin-bottom: 10px; text-align: center; }
#playlist a img { border: 3px solid #fff; display: block; margin-bottom: 5px; }
#playlist a:hover img { border-color: #aaa; }
#playlist a.active img, #playlist a.active:hover img { border-color: #000; }