/* Layout
  ------
  Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
  
  1. Header
  2. Content
  3. Navigation menus
  4. Sidebar Left
  5. Sidebar Right
*/
/* remove 'auto' and the width to switch to a fluid width */
/* line 19, ../sass/layout.scss */
#page {
  width: 800px;
  margin: 0 auto;
}

/* page height fills the screen and footer at the bottom */
/* line 24, ../sass/layout.scss */
body, #page {
  height: 100%;
}

/* line 29, ../sass/layout.scss */
#header {
  height: 120px;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: #cccccc;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2;
  border-top-width: 0px;
  margin-bottom: 1px;
  padding: 1cm;
  position: relative;
}
/* line 36, ../sass/layout.scss */
#header #logo {
  position: absolute;
  bottom: 20px;
}
/* line 41, ../sass/layout.scss */
#header ul.menu {
  margin-left: 300px;
  /*margin-top: -45px;*/
  padding: 0;
}
/* line 46, ../sass/layout.scss */
#header ul.menu:before {
  color: #3e3e3e;
  content: ".";
  display: inline-block;
  font-size: 40px;
  line-height: 30px;
  margin: 0 6px;
}
/* line 50, ../sass/layout.scss */
#header ul.menu li {
  display: inline-block;
  margin-left: 0;
  padding: 0;
}
/* line 55, ../sass/layout.scss */
#header ul.menu li:after {
  color: #3e3e3e;
  content: ".";
  display: inline-block;
  font-size: 40px;
  line-height: 30px;
  margin: 0 6px;
}
/* line 59, ../sass/layout.scss */
#header ul.menu li a {
  color: #757879;
}
/* line 62, ../sass/layout.scss */
#header ul.menu li a:hover, #header ul.menu li a.active {
  color: #e783a1;
  text-decoration: none;
}

/* line 71, ../sass/layout.scss */
#main {
  padding-bottom: 80px;
  position: relative;
  padding-top: 1cm;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: #cccccc;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2;
  border-top-width: 0px;
  margin-bottom: 1px;
  padding: 1cm;
}
/* line 77, ../sass/layout.scss */
#main:first-child {
  bottom-padding: 1cm;
}

/* line 82, ../sass/layout.scss */
#footer {
  height: 80px;
  width: 800px;
  border-style: solid;
  border-width: 1px;
  border-bottom-color: #cccccc;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2;
  border-top-width: 0px;
  margin-bottom: 1px;
  padding: 1cm;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 89, ../sass/layout.scss */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  margin-top: 0;
  padding: 0;
}

/* line 96, ../sass/layout.scss */
.sidebar {
  float: left;
}
/* line 99, ../sass/layout.scss */
.sidebar .block {
  margin: 5px;
}

/* line 103, ../sass/layout.scss */
#sidebar-second {
  float: right;
}

/* line 106, ../sass/layout.scss */
#footer {
  float: none;
  clear: both;
}

/* Layout Helpers*/
/* line 115, ../sass/layout.scss */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

/* line 124, ../sass/layout.scss */
.two-sidebars .center,
.sidebar-first .center {
  margin-left: 23.75%;
}

/* Left value & negative left value. */
/* line 129, ../sass/layout.scss */
#sidebar-first {
  width: 23.75%;
  margin-right: -190px;
}

/* line 136, ../sass/layout.scss */
.two-sidebars .center,
.sidebar-second .center {
  margin-right: 200px;
}

/* Right value. */
/* line 142, ../sass/layout.scss */
#sidebar-second {
  width: 200px;
}

/* Columns Inner
  -------------
  You can change the padding inside the columns without changing the
  width of them by just usinbg the INNER div of each column */
/* line 150, ../sass/layout.scss */
.inner {
  padding: 0;
}

/* Navigation styles 
  -----------------
  The navigation is loaded after the content, so we need to make space
  for it, equal to its height, so if you change the height of the navigation,
  remember to adapt the margin top of the content and sidebars.
  */
/* line 160, ../sass/layout.scss */
#navigation {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  padding: 0;
  width: 100%;
  height: 0px;
}

/* Navigation height. */
/* line 172, ../sass/layout.scss */
.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 0px;
}

/* line 177, ../sass/layout.scss */
#internet-ajanvaraus {
  border-width: 0px;
  min-height: 600px;
  width: 100%;
}

/* line 183, ../sass/layout.scss */
.placeholder-img {
  background-color: #eaeaea;
  border: 1px solid #ddd;
  height: 180px;
  width: 190px;
}