body {
  margin-top: 0px;
  padding: 0;
  background: #242f5b;
  font-size: 72%;
  color: #000000;
/*  background: #88aa88;*/
}

body, th, td, input, textarea, select, option {
	font-family: Verdana, Arial, "Times New Roman", Times, serif;
}

a:link, a:visited {
  color: #242f5b;
}

a:hover {
  color: #99A0D1;
  /*color: #00A7B8;*/
}

a.extra:link, a.extra:visited, a.extra:hover {
  font-weight: bold;
}

#wrapper {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  border: 2px solid white;
/*  border-top: 0px;	*/
  background-image: url("/img/topbg.gif");
  background-repeat: repeat-y; 
  top: 10px;
}

#leftblack {
  position: relative;
  float: left; 
  background: #000000;
  min-height: 500px;
  _height: 500px;
  min-height: expression(document.getElementById("rightmain").offsetHeight);
  _height: expression(document.getElementById("rightmain").offsetHeight);
  width: 80px;
  border-right: 2px solid #ffffff;
  margin-top: 224px;
  background-image: url("/img/leftblacktext.gif");
  background-position: 50% 50px;
  background-repeat: no-repeat;
}

#rightmain {
  position: relative;
  float: right; 
  background: #00A7B8;
  min-height: 500px;
  _height: 500px;
  min-height: expression(document.getElementById("leftblack").offsetHeight);
  _height: expression(document.getElementById("leftblack").offsetHeight);
  width: 818px;
  margin-top: 224px;
  background: white;
}

#clear {
  clear: both;
  height: 10px;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
/*  width: 100%;*/
  width: 818px;
  height: 18px;
  background: #00A7B8;
  border-top: 2px solid #ffffff;
  color: #ffffff;
  text-align: center;
  padding-top: 4px;
  font-size: 95%;
}

#top {
  position: absolute;
  right: 5px;
  top: 2px;
  height: 20px;
  width: 800px;
  text-align: right;
  padding-top: 2px;
  color: #ffffff;
  font-size: 95%;
}

#top a:link, #top a:visited, #top a:hover, #footer a:link, #footer a:visited, #footer a:hover {
  color: #ffffff;
  font-weight: bold;
}

/*
#topflag {
  position: absolute;
  left: 15px;
  top: 2px;
  height: 20px;
  width: 80px;
  text-align: left;
  padding-top: 2px;
  padding-left: 13px;
  z-index: 3;
}
*/

#banner {
  position: absolute;
  left: 0px;
  top: 20px;
  height: 180px;
  width: 100%;
  background: #ffffff;
  z-index: 2;
  border-bottom: 3px solid #242f5b;
  border-bottom: 3px solid #ffffff;
}

#bannerleft {
  position: relative;
  float: left;
  width: 536px;
  height: 100%;
  background-image: url("/img/logo_banner.jpg");
  background-position: left center;
  background-repeat: no-repeat;  
  display: block;
}

#bannerright {
  position: relative;
  float: right;
  width: 364px;
  height: 100%;
  background-image: url("/img/logo_marbes.gif");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}

#topmenu {
  position: absolute;
  left: 82px;
  top: 203px;
  height: 20px;
  width: 818px;
  background: #242f5b;
  z-index: 2;
  border-bottom: 3px solid #242f5b;
  border-bottom: 3px solid #ffffff;
  padding-top: 2px;
}


#topmenu .menuitem {
  font-size: 13px;
}

#topmenu .menuitem a:link, #topmenu .menuitem a:visited, #topmenu .menuitem a:hover {
  text-decoration: none;
  color: #ffffff;
  padding-left: 22px;
  padding-right: 22px;
  font-weight: bold;
}

#topmenu .menuitem a:hover {
  color: #00A7B8;
}

#contentwide {
  padding: 8px; 
}

#contentleft {
  position: relative;
  float: left;
  width: 525px;
  padding: 8px; 
}

#contentmenu {
  position: relative;
  float: right;
  width: 250px;
/*  border-left: 1px solid #242f5b;*/
  padding: 8px; 
  padding-top: 40px;
}

#produktmenu {
  position: relative;
  float: right;
  width: 320px;
  margin-right: 20px;
  text-align: center;
}  

#produktmenu img {
  margin: 15px 0px;
  border: 0px;
}


#introleft {
  position: relative;
  float: left;
  width: 450px;
}

#introright {
  position: relative;
  float: right;
  width: 300px;
}

.blok {
  padding: 5px;
  background: #f4f4f4;
  border: 1px solid #ccdddd;
  margin: 5px 0px;
}

.blokwhite {
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ccdddd;
  margin: 5px 0px;
}

img.left {
  float: left;
  margin-right: 15px;
}

img.right {
  float: right;
}

.right {
  float: right;
}


#helpline {
  width: 200px;
/*  border: 1px solid #242f5b;*/
  padding: 10px;
  background: #eeeeee;
  border: 1px solid #bbcccc;
}



div.cent {
  text-align: center;
}


h1, h2, h3 {
  font-size: 160%;
  font-weight: bold;
  color: #242f5b;
  margin-top: 10px;
  border-bottom: 2px solid #242f5b;
}

h2 {
  border: 0px;
  margin-top: 25px;
  margin-bottom: 0px;
}

#introright h2 {
  margin-top: 10px;
}


h3 {
  font-size: 110%;
  border: 0px;
/*  margin-bottom: 0px;*/
}

p {
  line-height: 1.4;
  margin: 15px 0px;
}

p.alert {
  color: #ff0000;
}

hr {
  color : #242f5b;
  background-color : #242f5b;
  height : 1px;
  border : 0;
}

img {
  border: 0px;
}

ul {
	margin: 12px 0px;
	padding:0px;
	padding-left: 25px;
	_padding_left: 22px;
}

#contentmenu ul {
	padding-left: 5px;
	_padding_left: 2px;
}

li {
	margin: 5px 0px;
	list-style-image: url(/img/sipka.gif);
}

li li {
	margin: 2px 1px;
	list-style-image: url(/img/sipka2.gif);
}

#contentmenu li {
	margin: 12px 0px;
}

#introright li {
  margin: 20px 0px;
}


table {
  font-size: 100%;
  margin: 10px;
  width: 780px;
}


table.kontakty td {
  width: 33%;
  vertical-align: top;
}

table.kontakty th {
  font-size: 110%;
  font-weight: bold;
  color: #242f5b;  
  text-align: left;
}

table.partneri th {
  width: 200px;
  vertical-align: middle;
}

table.partneri th.small {
  width: 100px;
}

input.text {
/*  border: 1px solid #242f5b;*/
  border: 1px solid #bbcccc;
  margin: 5px 0px;
}

input.submit {
  font-weight: bold;
  height: 21px;
/*  border: 2px solid #242f5b;*/
  border: 2px solid #bbcccc;
  cursor : pointer;
  background: #FFFFFF;
  margin: 5px 0px;

}

div.egonleft
{
  position: relative;
  float: left;
  width: 220px;
  height: 90px;
  border-top: 5px solid #00A7B8;
  border-left: 5px solid #000000;
}

div.egonright
{
  position: relative;
  float: right;
  width: 220px;
  height: 90px;
  border-top: 5px solid #00A7B8;
  border-left: 5px solid #000000;
}


/*
div.egonleft
{
  position: relative;
  float: left;
  width: 220px;
  height: 100px;
  border-top: 10px solid #00A7B8;
  border-left: 1px solid #00A7B8;
  background-image: url("/img/egon70.gif");
  background-position: left;
  background-repeat: no-repeat;
}

div.egonright
{
  position: relative;
  float: right;
  width: 220px;
  height: 100px;
  border-top: 10px solid #00A7B8;
  border-left: 1px solid #00A7B8;
}
*/