/*
 * written by Rivendel Kft.
 * http://www.rivendel.hu
 * Gajdos Zenekar
 */

html, body {
	margin: 0;
	padding: 0;
	width: 100%; 
	height: 100%;
	}
body {
	font-family: Georgia, arial, sans-serif;
	font-size: 100%;
	color: #363636;
  background-color: #1c1c1c;
	}

:-moz-any-link:focus {
	outline: none;
}

div#maincontainer {
	width: 100%;
  padding: 0;
  margin: 0;

}
/* Head ********************************************************/
div#head {
	width: 410px;
  h/eight: 810px;
  float: left;
  background-color: #1c1c1c;
  }
  div#menu {
		width: 207px;
		color: white;
    position: fixed;
    z-index: 3;
    float: left;
		}
    div#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 105%;
			}
      div#menu ul li {
				list-style: none;
				margin: 0;
				padding: 0;
				}
      div#menu ul li ul{
				display: none;
				}
	      div#menu ul li#open ul{
					display: block;
					color: #E7DEDE;
					}
        div#menu ul li a, .selector span {
					display: block;
					text-decoration: none;
					margin: 0;
					padding: 2px 0 2px 30px;
					color: white;
					width: 177px;
					border-bottom: 1px solid #3e3f3f;
					}
          div#menu ul li li a {
						padding: 2px 0 2px 40px;
            font-size: 95%;
            width: 167px;
					}
    div#logo {
      margin: 4px 0px 4px 4px;
    }
  div#header {
    width: 203px;
    height: 810px;
    float: left;
    background: transparent url('../images/headpic01.jpg') top right no-repeat;
    position: fixed;
    left: 207px;
  }
  div#lang {
    width: 160px;
    float: left;
    }
    div#lang a {
    	display: block;
    	text-decoration: none;
    	color: white;
      padding: 4px 0px 0px 4px;
    	font-family: arial;
    	font-weight: bold;
    	font-size: 12px;
    }
  div#textset {
    width: 22px;
    margin-top: 2px;
    float: right;
    }
    div#textset ul, div#textset ul li {
      margin: 0;
    	padding: 0;
      list-style: none;
      }
      div#textset ul li a {
      	display: block;
        padding: 0;
        margin: 0;
      	width: 22px;
      	height: 29px;
      	text-decoration: none;
        }
        a#normal {
        	background: transparent url(../images/icons.gif) top left no-repeat;
          }
        a#large {
        	background: transparent url(../images/icons.gif) 0px -29px no-repeat;
        }
        a#larger {
        	background: transparent url(../images/icons.gif) 0px -58px no-repeat;
        }
/* Content ********************************************************/
div#content {
  margin: 0px 10px 0px 410px;
  background-color: #f0f0c5;
  border-right: 5px solid #525252;
  overflow: hidden;
}
div#content h1 {
	color: #525252;
	padding: 6px 5px 0px 16px;
	margin: 0;
	font-weight: lighter;
	font-family: Georgia, Arial, sans-serif;
	font-size: 180%;
}
h2, h3, h4, h5 {
  color: #785a2c;
  font-weight: lighter;
  margin: 0;
  padding: 4px 0px 4px 0px;
}
div#content_body {
	padding: 0px 10px 10px 18px;
	margin: 0;
	overflow: hidden;
}

div#content_body p {
	padding: 4px 0px 4px 0px;
	margin: 0;
}

div#content a {
	color: #b91a2f;
}
div#content ul {
	padding-left: 20px;
	font-size: 12px;
}
div#content ol {
	padding-left: 25px;
	font-size: 12px;
}
div#content ol ol, div#content ul ul{
	border-left: none;
}
		div#content img.center, 
		div#content img.right, 
		div#content img.left{
			border: 1px solid #a49071;
			background-color: white;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 8px;
			margin-left: 0px;
			padding: 3px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 8px;
			margin-right: 0px;
			padding: 3px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 3px;
			}

		div#content .quotecenter, div#content .quoteleft, div#content .quoteright {
			margin: 8px;
			display: block;
			padding: 10px;
			color: #181818;
			background: #f6f6f6 url(../images/quote_bcg.gif) top left no-repeat;
			}
		div#content .quoteleft {
			width: 40%;
			float: left;
			margin-left: 2px;
			}
		div#content .quoteright {
			width: 40%;
			float: right;
			margin-right: 2px;
			}
		div#content .importantcenter, div#content .importantleft, div#content .importantright {
			margin: 8px;
			display: block;
			padding: 10px;
			color: #181818;
			border-left: 4px solid #ff1919;
			border-right: 4px solid #ff1919;
			background: #f6f6f6;
			}
		div#content .importantleft {
			width: 40%;
			float: left;
			margin-left: 2px;
			}
		div#content .importantright {
			width: 40%;
			float: right;
			margin-right: 2px;
			}

.clear {
  clear: both;
}
/* Footer ********************************************************/

div#footer {
	  margin: 0px 10px 0px 410px;
}

div#licence {
  padding: 125px 0px 20px 20px;
  line-height: 13px;
  font-size: 11px;
  font-family: arial, sans-serif;
  background-color: #f6f6f6;
  border-right: 5px solid #525252;
  }
  div#licence a {
		color: #795a2b;
		text-decoration: none;
    }
div#w3c {
  position: fixed !important;
  position: absolute;
  bottom: 0;
  left: 207px;
  z-index: 2;
  }
  div#w3c img {
    border: 2px solid white;
    display: block;
    margin: 0px 0px 5px 117px;
  }
div#rivendel {
  position: fixed !important;
  position: absolute;
  bottom: 4px;
  left: 50px;
  z-index: 1;
  }
  div#rivendel img {
    border: none;
  }