/** BASIC */

body {
	margin: 10px 0;
	font: normal small Arial, Helvetica, sans-serif;
	color: #83895C;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC6600;
}

a {
	text-decoration: none;
	color: #CC6600;
	border-bottom: 1px solid #EBA45E;
}

a:hover {
	border: none;
}

/** HEADER */

#header {
	width: 700px;
	height: 80px;
	margin: 0 auto;
}

#header h1 {
	margin: 0;
	padding: 30px 10px 0 20px;
	te xt-transform: lowercase;
	font-size: 36px;
	letter-spacing: -.05em;
	color: #83895C;
}

#header h2 {
	display: none;
}

/** MENU */

#menu {
	width: 700px;
	margin: -2.25em auto 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 10px 0 11px;
	border: none;
	border-left: 1px solid #83895C;
	color: #83895C;
}

#menu a:hover {
	color: #83895C;
}

#menu .first a {
	border: none;
}

/** CONTENT */

#content {
	width: 720px;
	margin: 0 auto;
	background: #EFEBDF url(images/img01.gif) repeat-y left top;
}

#content50 {
	width: 720px;
	margin: 0 auto;
	background: #EFEBDF url(images/img01a.gif) repeat-y left top;
}

#content75 {
	width: 720px;
	margin: 0 auto;
	background: #EFEBDF url(images/img0175.gif) repeat-y left top;
}

#content * {
	line-height: 140%;
}

#columnA50 {
	float: left;
	width: 320px;
	padding: 25px 20px 0 30px;
	background: url(images/img02.gif) no-repeat left top;
}

#columnB50 {
	float: right;
	width: 320px;
	padding: 25px 20px 0 10px;
	background: url(images/img03a.gif) no-repeat left top;
}


#footer50 {
	width: 720px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img04a.gif) no-repeat left top;
}


#columnB50 * {
	color: #EFEBDF;
}

#columnB50 ul {
	margin-left: 0;
	padding-left: 0;
	list-style: inside circle;
}

#columnB50 a {
	border-bottom-color: #EBD8B7;
	color: #FFFFFF;
}

#columnA {
	float: left;
	width: 440px;
	padding: 25px 20px 0 30px;
	background: url(images/img02.gif) no-repeat left top;
}

#columnB {
	float: right;
	width: 200px;
	padding: 25px 20px 0 10px;
	background: url(images/img03.gif) no-repeat left top;
}

#columnB * {
	color: #EFEBDF;
}

#columnB ul {
	margin-left: 0;
	padding-left: 0;
	list-style: inside circle;
}

#columnB a {
	border-bottom-color: #EBD8B7;
	color: #FFFFFF;
}

#columnA75 {
	float: left;
	width: 200px;
	padding: 25px 10px 0 20px;
	background: url(images/img0275.gif) no-repeat left top;
}

#columnB75 {
	float: right;
	width: 440px;
	padding: 25px 20px 0 30px;
	background: url(images/img0375.gif) no-repeat left top;
}

#columnB75 * {
	color: #EFEBDF;
}

#columnB75 ul {
	margin-left: 0;
	padding-left: 0;
	list-style: inside circle;
}

#columnB75 a {
	border-bottom-color: #EBD8B7;
	color: #FFFFFF;
}

/** FOOTER */

#footerb {
	width: 720px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img0475.gif) no-repeat left top;
}

#footerxx {
	width: 720px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img0475.gif) no-repeat left top;
}

#footer {
	width: 720px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img04.gif) no-repeat left top;
}

#footer p {
	margin: 0;
	padding: 35px 0 0 20px;
	font: bold 9px Arial, Helvetica, sans-serif;
}

#footer50 p {
	margin: 0;
	padding: 35px 0 0 20px;
	font: bold 9px Arial, Helvetica, sans-serif;
}

#footerxx p {
	margin: 0;
	padding: 35px 0 0 20px;
	font: bold 9px Arial, Helvetica, sans-serif;
}
#gallery{margin: 0 auto;padding: 0 20px;}

#gallery li {background-image: none;padding: 0px;text-align: left;}

#hoverbox{cursor: default;list-style: none;}

#hoverbox a{cursor: default;}

#hoverbox a .preview{display: none;}

#hoverbox a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 1;}

#hoverbox img{background: #fff;border-color: #505860 #E9F4FF #E9F4FF #505860;border-style: solid;border-width: 1px; color: inherit;padding: 1px;vertical-align: top; text-align: left}

#hoverbox li{background: #D4EAFF;border-color: #E9F4FF #505860 #505860 #E9F4FF;border-style: solid;border-width: 1px;color: inherit;display: inline;float: left;margin:2px;padding: 2px;position:relative;}

#hoverbox .preview{border-color: #006699;}

#hoverbox a{position: relative;}

#hoverbox a:hover{display: block;font-size: 100%;z-index: 1;}

#hoverbox a:hover .preview{top: -38px;left: -90px;}

#hoverbox li{position: static;}

.cien {
  background: #cccccc;
  position: relative;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
}
.ramkacien {
  border: 1px solid black;
  background: white;
  color: black;
  position: relative;
  top: -2px;
  left: -2px;
   bottom: 3px;
  right: 3px;
}