/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
  $Id: layout.css,v 1.4 2008/05/26 16:07:13 henrisik Exp $
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
  Main layout
*/
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 1em;
  text-align: center;
  color: white;
  background: #5E3E1E url(images/taustagrad.jpg) repeat-x;
}


#layout {
  position: relative;
  width: 720px;
  
  margin: 0 auto;
  padding: 0;
  
  font-size: .83em;
  text-align: left;
  
  color: black;
  background-color: transparent;
  /*
  background: #DADADA no-repeat 0.7em 390px;
  background: white url(../common/images/navbackground.gif) repeat-y;
  */
  /*border: 1px solid;*/
}
body > #layout/* */ {
  width: auto;
  max-width: 720px;
}


#header {
  position: relative;
  height: 235px;
  
  background: transparent no-repeat left bottom;
  background-image: url(images/top720x235.jpg);
  
  /*border: 1px solid green;*/
}
#header span {
  display: none;
}
/*
#logo {
  background: transparent repeat-x left top;
  background-image: url(../common/images/top-gradient.gif);
  
  text-align: center;
}
*/

#footer {
  position: absolute;
  left: 0;
  top: 530px;
  width: 220px;
}
#footer strong {
  font-size: .9em;
}
#footer div, #footer h3 {
  margin: 0 0 1em 2em;
  padding: 0;
  color: white;
  background-color: transparent;
}
#footer span, #footer a, #footer strong {
  display: block;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
  Content
*/
#main {
  height: 594px;
  margin: 50px 0 0;
  background: transparent no-repeat;
  background-image: url(images/leftbar.jpg);
  /*
  border: 1px solid lime;
  */
}
#layout > #main/* */ {
  height: auto;
}
#container {
  width: 100%;
  float: right;
  margin-left: -230px;
  color: black;
  background-color: transparent;
  /*
  border: 1px solid red;
  */
}
#content {
  height: 40em;
  margin: 0 0 0 228px;
  padding: 3em 1em 3em 3em;
  color: black;
  background-color: #E5D87D;
  /*
  background: White url(../common/images/contentdeco.gif) no-repeat 1.2em 1em;
  border: 1px solid blue;
  */
}
#container > #content/* */ {
  height: auto;
  min-height: 594px;
}

.lang {
  position: absolute;
  left: 2em;
}
.lang a {
  color: white;
  background-color: transparent;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
  Sidebar (related pages)
*/
#related {
  float: left;
  width: 200px;
  margin: 30px 0;
  padding: 0;
  color: white;
  background-color: transparent;
  /*
  border: 1px solid brown;
  */
}
/*
#related h4 {
  margin: 0 0 1em;
  padding: 0;
  line-height: 46px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #909090;
  background: transparent url(../common/images/titlegrad.gif) repeat-x;
}
*/
#related ul {
  margin: 0;
  padding: 0;
}
#related li {
  margin: 0;
  padding: .25em 2em;
  list-style-type: none;
}
#related a {
  color: white;
  background-color: transparent;
}
/*
#related li span {
  margin-left: -1em;
  padding-left: .5em;
  color: Black;
  border-left: .5em solid #E50004;
}
#related li li span {
  margin-left: -2em;
  padding-left: 1.5em;
}
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
  Navbar
*/
#nav {
  position: absolute;
  left: 0;
  top: 235px;
  width: 100%;
  color: white;
  background-color: #7F532E;
}

#nav h2 {
  display: none;
}

#nav ul {
  margin: 0 1.5em;
  padding: 0;
  /*
  text-align: right;
  border: 1px solid green;
  */
}


#nav li {
  display: inline;
  margin: 0;
  padding: 0 .5em;
  line-height: 50px;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: bold;
}

#nav a {
  color: white;
  background-color: transparent;
}

#nav li {
  border-left: 2px solid white;
}
#nav .navFirst {
  border-left: 0px solid transparent;
}