/** general */

* { padding: 0; margin: 0; }

img {
   border: none;
}


html, body {
  background-color: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
}

/** specifics */

#vert
{
    float: left;
    height: 50%;
    margin-bottom: -285px;
    width: 100%;
}

#main
{
    width: 980px;
    height: 570px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    clear: both;
    position: relative;
	overflow: hidden;
}


.topbar {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  left: 0px;
  top: 54px;
  height: 50px;
  min-width: 980px;
  background-color: #000;
  border-bottom: solid 4px #808080;
}

.bottombar
{
   position: absolute;
   z-index: 1;
   display: block;
   width: 100%;
   height: 50px;
   left: 0px;
   top: 452px;
   border-top: 4px solid #808080;
   background-color: #000;
   min-width: 980px;
}


#lang, #footer
{
   float: right;
   padding-right: 30px;
   color: #ffffff;
   padding-top: 20px;
   width: 250px;
   text-align: right;
}

#lang a, #lang a:hover, #lang a:visited, #lang a:link, #lang a:active
{
   color: #ffffff;
   text-decoration: none;
}

#lang a:hover 
{
   text-decoration: underline;
}

#lang span
{
   font-weight: bold;
}

#footer {
   font-size: 10px;
}

#contentbox
{
	position: absolute;
	width: 340px;
	height: 450px;
	left: 156px;
	top: 0px;
	background-color: #ffffff;
	display: block;
	z-index: 100;
	font-size: 11px;
    padding-left: 36px;
    padding-right: 36px;
    padding-bottom: 120px;
}

#logo
{
   padding-left: 70px;
   padding-top: 50px;
   padding-bottom: 45px;
}

.shadow_topleft, .shadow_topright
{
   width: 36px;
   height: 150px;
   display: block;
   background-image: url(/view/img/shadow-left.jpg);
   background-repeat: no-repeat;
   z-index: 25;
   position: absolute;
   top: 0px;
   left: 121px;
}
.shadow_topright 
{
   background-image: url(/view/img/shadow-right.jpg);
   left: 568px;
}

.shadow_bottomleft
{
   left: 121px;
   background-image: url(/view/img/shadow-bleft.jpg);
}

.shadow_bottomright
{
   left: 568px;
   background-image: url(/view/img/shadow-bright.jpg);
}

.shadow_bottomleft, .shadow_bottomright
{
   width: 36px;
   display: block;
   background-repeat: no-repeat;
   z-index: 25;
}

.shadow_bottomleft, .shadow_bottomright
{
  position: absolute;
  top: 410px;
  height: 145px;
}

/**  menu */

#leftmenu
{
	display: block;
	width: 146px;
	padding-left: 5px;
	z-index: 30;
	background-color: transparent;
	position: absolute;
	top: 120px;
	left: 1px;
}

#leftmenu ul li
{
  list-style: none;
}

a.menu, 
a.menu:hover,
a.menu:visited,
a.menu:active,
a.menu2,
a.menu2:hover,
a.menu2:visited,
a.menu2:active
{
   text-align: right;
   display: block;
   width: 125px;
   border-bottom: 1px solid #fff;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 5px;
   text-decoration: none;
   font-size: 11px;
}

a.menu
{
  font-weight: bold;
}

a.menu2, a.menu2:link, a.menu2:visited, a.menu2:active, a.menu2:hover
{
   font-weight: normal;
   border-left: solid 8px #fff;
   width: 117px;
}


#rightside
{
	position: absolute; 
	left: 575px; 
	top: 128px; 
	width: 400px; 
	height: 300px; 
	text-align: center;
	z-index: 99;
}

.rightside_static
{
	width: 400px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#bottomimg
{
   position: absolute; 
   z-index: 150;
   width: 340px; 
   height: 120px; 
   background-color: #fff;
   left: 192px; 
   top: 419px;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}

ul.box
{
  padding-left: 20px;
}

a, a:active, a:focus { outline: 0; }