/* Start of CMSMS style sheet 'uttyyli-2palstaa' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  line-height: 1.3em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
  font-size: 1em;
}

img {
  border: 0;
}

a,
a:link 
a:active {
  text-decoration: none;
  background-color: inherit; 
  color: #ff6600; 
}

a:hover {
  background-color: inherit;
  color: #fff100;
}

/*****************
basic layout 
*****************/
body {
  background-color: #000;
  color: #eee;
  margin: 1em;
}

div#pagewrapper {
  margin: 0 auto;
  width: 760px;
  background-color: #000;
  color: #eee;
}

div#header {
  background-color: black;
  width: 760px;
}

div#header a {
  background: url(images/cms/banneri2.jpg) no-repeat center;
  display: block;
  height: 98px;
  text-indent: -999em; /* this hides the text */
  text-decoration: none;
  border: 2px solid #fff100;
  margin: 0;
}

div#content {
  margin: 0;
  padding: 2em 0 1em 0;
  border: 2px solid #fff100;
  border-top-width: 0;
  display: inline-block;
  width: 756px;
}

div#main {
  margin: 0 29% 0 2%;
}

div#sidebar {
  float: right;
  width: 26%;
  display: inline;  /* FIX ie doublemargin bug */
  margin: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
  padding: 0 2%;
  width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer p {
  font-size: 0.8em;
  padding: 2px 0 0 0;
  text-align: right;
  margin: 0;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
  height: 1px;
  margin: 1em;
  border-bottom: 1px dotted #fff100;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/********************
CONTENT STYLING
*********************/
div#content img {
  border: 1px solid #fff100;
}


div#content img.vasen {
  margin-left: 0;
}

div#content input,
div#content textarea {
  background-color: #333;
  color: white;
  border: 1px solid #fff100;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4 {
  background-color: inherit;
  color: #fff100;
}

/* HEADINGS */
div#content h1 {
  font-size: 2em;  /* font size for h1 */
  line-height: 1.3em;
  margin: 0;
}
div#content h2 {
  font-size: 1.5em;
  text-align: left;
/* some air around the text */
/*   padding-left: 0.5em; */
  padding-bottom: 1px;
/* set borders around header */
  border: 0;
  line-height: 1.5em;
/* and some air under the border */
  margin: 0 0 0.5em 0;
}
div#content h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
}
div#content h4 {
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
div#content h5 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
h6 {
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 1em;
  margin: 0 0 1.5em 0;  /* some air around p elements */
  line-height:1.4em;
  padding: 0;
}

blockquote {
  border-left: 10px solid #ddd;
  margin-left: 10px;
}

pre {
  font-family: monospace;
  font-size: 1.0em;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
}

pre {
  border: 1px solid #000;  /* black border for pre blocks */
  background-color: #ddd;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
  margin: 0 0 0.25em 3em;
}

div#dl dt {
  font-weight: bold;
  margin: 0 0 0.25em 3em;
}
div#dl dd {
  margin: 0 0 0 3em;
}

/* END LISTS */

a.external {
  padding: 0 12px 0 0;
}

a.external:link {
  background: url(images/cms/external.gif) no-repeat 100% -196px;
}

a.external:visited {
  background: url(images/cms/external.gif) no-repeat 100% -196px; 
}

a.external:hover {
  color: #fff;
  background: url(images/cms/external.gif) no-repeat 100% -96px; 
  background-color: #000;
}

.contact-form {
  width: 30em;
}

legend {
  color: #fff;
}

td.price {
  text-align: right;
  vertical-align: bottom;
}


/* ------ */
#slideshow { width: 480px; height: 220px; overflow: hidden; }
#slideshow a { margin: 0; border: 0; padding: 0; }
#slideshow a img { margin: 0; border: 0; padding: 0; }
.slide { margin: 0; border: 0; padding: 0; }
.slidedesc { width: 480px; height: 20px; margin: 0; text-align: center; font-size: 10px; text-decoration: none; }

.contactform {
  width: 400px; margin: 0 auto;
}

.contactfields {
  text-align: left; width: 430px;
  padding: 15px;
  margin-bottom: 1em;
  border: 1px solid #fff100;
}

.contactfields td {
  padding-bottom: 3px;
}

legend {
  color: #fff; padding: 0 3px;
}

img.captchapict {
  margin: 3px 0; padding: 0;
}

div.error_message {
  width: 400px;
}
/* End of 'uttyyli-2palstaa' */