/*
v13.2.2012 00:38:22
*/



/* fonts */

@font-face {
font-family: 'Yanone Kaffeesatz Bold';
font-style: normal;
font-weight: bold;
src: url('./../../_layout/_fonts/yanonekaffeesatz-bold.eot');
src: local('Yanone Kaffeesatz Bold'), url('./../../_layout/_fonts/yanonekaffeesatz-bold.woff') format('woff'), url('./../../_layout/_fonts/yanonekaffeesatz-bold.ttf') format('truetype'), url('./../../_layout/_fonts/yanonekaffeesatz-bold.svg#webfontOdyy0RwA') format('svg');
}


/* page layout */

html {
font-size: 100.01%;
}

body {
background: #000000 url('./../../_layout/_www/body-bg.png') center 0 no-repeat;
color: #202020;
font: normal normal normal 1em/normal arial, sans-serif;
margin: 0;
padding: 0;
}


/* global definitions - start */

img {
border: 0;
}

p {
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4 {
color: #880000;
font-weight: bold;
margin: 0;
padding: 0;
}

h1 {
font-size: 1.3em;
margin-bottom: 14px;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
}

h4 {
font-size: 1em;
}

ol,
ul {
margin: 0;
padding: 0;
}

ol li,
ul li {
list-style: none;
margin: 0;
padding: 0
}

a {
color: #880000;
text-decoration: underline;
}

a:hover {
color: #4d4d4d;
text-decoration: none;
}

a img,
a:link img {
border: none;
}

fieldset {
border: none;
}

form,
fieldset,
label,
legend {
margin: 0;
padding: 0;
}

fieldset {
border: none;
}

label {
cursor: pointer;
}

input[type="text"] {
color: #333333;
font: normal normal normal 1em/normal arial, sans-serif;
padding: 2px;
}

input[type="radio"],
input[type="checkbox"] {
margin: 0 5px 0 0;
padding: 0;
position: relative;
top: 2px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
cursor: pointer;
font: normal normal normal 1em/normal arial, sans-serif;
}

textarea {
color: #333333;
font: normal normal normal 1em/normal arial, sans-serif;
overflow: auto;
padding: 2px;
resize: none;
}

select {
color: #333333;
font: normal normal normal 1em/normal arial, sans-serif;
padding: 1px;
}

table {
border-collapse: collapse;
font: normal normal normal 1em/normal arial, sans-serif;
margin: 0;
}

div.wrapper {
clear: both;
}

span.corner,
span.ir {
background: url('') 0 0 no-repeat;
overflow: hidden !important;
position: absolute;
}

a:hover span.ir {
background-position: 0 bottom;
}

span.corner.l,
span.corner.t,
span.corner.lt {
left: 0;
top: 0;
}

span.corner.r,
span.corner.rt {
right: 0;
top: 0;
}

span.corner.b,
span.corner.lb {
bottom: 0;
left: 0;
}

span.corner.rb {
bottom: 0;
right: 0;
}

span.ir {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}

a span.ir {
cursor: pointer;
}

p.holder {
display: table;
height: 100%;
text-align: center;
overflow: hidden;
width: 100%;
}

p.holder a {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 100%;
}

p.holder img {
vertical-align: middle;
}


/* page */

div#homepage,
div#page {
font-size: 0.75em;
margin: 0 auto 0 auto;
width: 988px;
}


/* header */

div#header {
background: url('./../../_layout/_www/illustration.png') 93px bottom no-repeat;
height: 316px;
position: relative;
overflow: hidden;
}


/* logo - start */

div#logo {
height: 69px;
left: 28px;
overflow: hidden;
position: absolute;
top: 16px;
width: 239px;
}

div#logo span.ir {
background-image: url('./../../_layout/_www/logo-skutrsnura.png');
}


/* guidepost */

div#guidepost {
background: url('./../../_layout/_www/guidepost-bg.png') 0 0 no-repeat;
height: 67px;
overflow: hidden;
position: absolute;
right: 4px;
top: 18px;
width: 505px;
}

div#guidepost ul {
margin: 9px 3px 14px 3px;
}

div#guidepost li {
float: left;
height: 44px;
line-height: 44px;
margin-right: 2px;
position: relative;
}

div#guidepost li.skutrportal {
margin: 0;
width: 163px;
}

div#guidepost li.skutrportal span.ir {
background-image: url('./../../_layout/_www/guidepost-skutrportal.png');
}

div#guidepost li.skutrforum {
width: 162px;
}

div#guidepost li.skutrforum span.ir {
background-image: url('./../../_layout/_www/guidepost-skutrforum.png');
}

div#guidepost li.skutrklub {
width: 169px;
}

div#guidepost li.skutrklub span.ir {
background-image: url('./../../_layout/_www/guidepost-skutrklub.png');
}

div#guidepost a {
color: #ffffff;
display: block;
height: 43px;
width: 164px;
}


/* main menu */

div#menu {
background: #000000;;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 57px;
width: 100%;
}

div#menu ul {
margin: 0 0 0 25px;
position: relative;
top: -5px;
}

div#menu li {
float: left;
}

div#menu a {
color: #ffffff;
display: block;
font-family: 'Yanone Kaffeesatz Bold', sans-serif;
font-size: 1.75em;
font-weight: normal;
letter-spacing: 1px;
margin: 14px 10px 0 10px;
padding: 1px 5px 1px 5px;
position: relative;
text-decoration: none;
}

div#menu a:hover {
border: 3px solid #ffffff;
border-radius: 10px;
margin: 11px 7px 0 7px;
}

div#menu li.active a {
background: #ffffff;
border: 0 !important;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: #000000;
height: 47px;
line-height: 47px;
margin: 0 5px 0 5px;
padding: 5px 15px 0 15px !important;
}


/* content */

div#content {
background: #ffffff;;
border-radius: 10px;
padding: 20px;
position: relative;
top: -10px;
z-index: 2;
}

div#content div#left-frame {
float: left;
width: 359px;
}

div#page div#content div#left-frame {
width: 646px;
}

div#content div#right-frame {
float: right;
width: 574px;
}

div#page div#content div#right-frame {
width: 272px;
}


/* text layer */

div#text h1,
div#text h2,
div#text h3 {
font-family: 'Yanone Kaffeesatz Bold', sans-serif;
font-weight: normal;
}

div#content div#text h1,
div#homepage div#content div#text h2 {
font-size: 2.25em;
margin: 0 0 15px 0;
}

div#content div#text h2 {
font-size: 1.9em;
margin-bottom: 10px;
}

div#content div#text p+h2,
div#content div#text ul+h2 {
margin-top: 10px;
}

div#content div#text p.thumb+h2 {
margin-top: 0;
}

div#text h3 {
font-size: 1.5em;
margin-bottom: 5px;
}

div#text p+h3,
div#text ul+h3 {
margin-top: 8px;
}

div#text h4 {
font-size: 1.25em;
margin-bottom: 5px;
}

div#text p {
line-height: 19px;
padding-bottom: 17px;
text-align: justify;
}

div#text ol,
div#text ul {
line-height: normal;
margin: 0 0 17px 1.7em;
}

div#text li {
line-height: 21px;
}

div#text ol li {
list-style: decimal;
}

div#text ul li {
list-style: square;
}

div#text hr {
margin: 0 0 19px 0;
}

div#text th {
background: #000a22;
color: #ffffff;
font-weight: bold;
padding: 5px 15px 5px 15px;
}

div#text td {
color: #ffffff;
padding: 5px 15px 5px 15px;
}

div#text img {
border: 4px solid #000000;
margin: 0;
padding: 0;
}

div#text img[style="float: left;"] {
margin-bottom: 20px;
margin-right: 20px;
}

div#text img[style="float: right;"] {
margin-bottom: 20px;
margin-left: 20px;
}


/* boxes */

div.box {
float: left;
width: 272px;
}

div#homepage div.box {
margin-left: 15px;
}

div.box h3 {
background: #000000;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: #ffffff;
font-family: 'Yanone Kaffeesatz Bold', sans-serif;
font-size: 1.75em;
font-weight: normal;
letter-spacing: 1px;
padding: 7px 15px 17px 15px;
}

div.box div.container {
background: url('./../../_layout/_www/box-bg.png') 0 0 repeat-y;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
border-radius: 10px;
padding: 10px 15px 0 15px;
position: relative;
top: -10px;
width: 242px;
z-index: 2;
}

div.box div.container div.item {
margin: 0 0 15px 0;
}

div.box p.all {
background: #990000;
border-radius: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
float: right;
padding: 15px 15px 5px 0;
position: relative;
text-align: right;
top: -20px;
width: 145px;
z-index: 1;
}

div.box p.all a {
color: #ffffff;
text-decoration: none;
}

div.box p.all strong {
font-family: 'Yanone Kaffeesatz Bold', sans-serif;
font-size: 1.35em;
font-weight: normal;
letter-spacing: 1px;
}


/* gallery/videos */

div.gallery div.item {
margin: 0 0 10px 0;
}


/* news */

div.box.newses div.item {
border-bottom: 1px solid #cfcfcf;
padding: 0 0 15px 0;
}

div.box.newses div.item.last {
border: 0;
padding-bottom: 0;
}

div.box.newses h4 {
font-size: 1.25em;
margin-bottom: 0;
}

div.box.newses p.published {
background: url('./../../_layout/_www/calendar.png') 0 center no-repeat;
font-weight: bold;
height: 40px;
line-height: 40px;
padding: 0 0 0 33px;
}

div.box.newses p.more {
margin: 5px 0 0 0;
text-align: right;
}


/* partners */

div#homepage div.box.partners {
width: 559px;
}

div#homepage div.box.partners div.container {
background-image: url('./../../_layout/_www/box-bg-long.png');
padding-left: 0;
padding-right: 0;
width: 100%;
}

div.box.partners div.container {
float: left;
}

div.box.partners div.item.banner {
float: left;
height: 100px;
line-height: 100px;
margin-left: 8px;
text-align: center;
width: 175px;
}

div#page div.box.partners div.item.banner {
height: auto;
line-height: normal;
margin-left: 0;
width: 100%;
}

div.box.partners div.item.banner img {
vertical-align: middle;
}


/* Facebook like box */

div.box.facebook-like-box {
margin-top: 10px;
margin-bottom: -10px;
}

div#homepage div.box.facebook-like-box {
width: 559px;
}

div.box.facebook-like-box div.container {
float: left;
padding-bottom: 7px;
}

div#homepage div.box.facebook-like-box div.container {
background-image: url('./../../_layout/_www/box-bg-long.png');
width: 529px;
}


/* Facebook like button */

div.box.facebook-like-button {
margin-bottom: 10px;
}

div.box.facebook-like-button div.container {
float: left;
padding-bottom: 16px;
}


/* navigation */

div#content div#navigation {
margin: 0 0 20px 0;
}

div#content div#navigation p {
float: left;
font-style: italic;
margin: 0 6px 0 0;
padding: 0;
}

div#content div#navigation ul {
float: left;
margin: 0 0 12px 0;
width: auto;
}

div#content div#navigation li {
float: left;
font-weight: bold;
list-style: none;
padding: 0 2px 0 0;
}


/* downloads */

div#downloads {
margin-top: 15px;
}

div#text div#downloads ul {
float: left;
margin: 0 0 25px 0;
width: 100%;
}

div#text div#downloads li {
float: left;
list-style: none;
width: 100%;
}

div#text div#downloads li span {
display: block;
float: left;
height: 30px;
line-height: 30px;
padding: 0 10px 0 0;
}

div#text div#downloads img {
border: 0;
vertical-align: middle;
}


/* gallery */

div.photo {
background: #000000;
float: left;
height: 145px;
line-height: 145px;
margin: 0 14px 14px 0;
padding: 3px;
text-align: center;
width: 145px
}

div.photo.last {
margin-right: 0;
}

div.photo img {
vertical-align: middle;
}


/* registration */

div#content div.container+div#registration {
margin: 20px 0 0 0;
}

div#registration form p {
float: left;
width: 50%;
}

div#registration form p.row {
width: 100%;
}

div#registration form p label:first-child {
font-weight: bold;
}

div#registration form p.row label {
float: left;
margin: 0 20px 0 0;
}

div#registration form input[type="text"],
textarea {
background: #fcfcfc;
border: 1px solid #dcdcdc;
border-radius: 5px;
padding: 5px;
}

div#registration form button {
background: #990000;
border: 1px solid #990000;
border-radius: 10px;
color: #ffffff;
font-family: 'Yanone Kaffeesatz Bold', sans-serif;
font-size: 1.35em;
font-weight: normal;
letter-spacing: 1px;
padding: 5px 15px 5px 15px;
}


/* printable header */

div#print-header {
display: none;
}


/* footer */

div#footer {
background: #000000;;
border-radius: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #ffffff;
height: 50px;
padding: 10px 0 0 0;
position: relative;
top: -20px;
width: 100%;
z-index: 1;
}

div#footer p {
line-height: 50px;
margin: 0 20px 0 20px;
}


/* SKY:Line */

div#sky-line {
color: #ffffff;
font-size: 0.9em;
margin: -15px 0 15px 0;
text-align: center;
}

div#sky-line a {
color: #ffffff;
}