/* ------------------------------------ *
 CSS FrameWork: Base.css
 * ------------------------------------ */

 @import url('reset.css');
 @import url('type.css');
 @import url('form.css');
 @import url('imagegallery.css');

 body {
      background: #58595b;
      color: #2A2A2A;
      font-size: 11px;
      font-family: Tahoma, "Trebuchet MS", sans-serif;
      line-height: 12px;
 }

 body.mceContentBody {
   background: #ffffff;
   color: #ffffff;
}

.space {
	padding-left: 15px;
	padding-right: 15px;
	width: 900px;
}

.img_spacing {
	padding-right: 27px;
}

 #container {
	display:block;
	margin: auto;
	background: url('../images/containerbg.gif') #ffffff;
	width:900px;
	padding: 0 8px;

	text-align: left;
	}

 /* Backgrounds */
 .white { background: #FFF; }
 .header{
 	background: 	url('../images/header.jpg') no-repeat;
 	text-align: 	center;
 	padding-top:    123px;
 	padding-left:	30px;
 	height:			27px;
 	width:			870px;
 	margin-bottom: 	25px;
 	}

 .footer{
 	letter-spacing: 1px;
 }
 .footer{
 	clear: both;
 	width:			869px;
 	padding: 		20px 0 15px 0;
 	margin-left: 	18px;
 }
 .footer #footercontent {
 	height: 172px;
 	background: url('../images/footerfill.jpg') no-repeat;
 	padding: 20px;
 }
 .footer #footerText {
 	text-align: right;
 	margin-right: 15px;
 }
 .footer #footerleft {
 	float: left;
 	width: 600px;
 }
 .footer #footerright {
 	float: left;
 	width: 220px;
 }
 .footer ul,
 .footer ul *,
 .footer dl {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;

 }
 .footer strong {
 	font-size: 13px;
 }
 .footer ul li {
 	float: left;

	margin-top: 1em;
 	line-height: 2em;
 	font-weight: bold;
 	font-size: 12px;
 }
 /* IE doesn't want a global style and overwrite for .zh */
 .footer ul li.se,
 .footer ul li.ore {
 	width: 190px;
 	margin-right: 12px;
 }
 .footer ul li.zh {
 	width: 120px;
 }
 .footer ul ul {
 	margin-top: 1em;
 }
 .footer li li {
 	float: none;
 	line-height: 1.5em;
 	font-weight: normal;
 	font-size: 11px;
 	margin-top: 0.2em;
 }
 .footer dl {
 	margin-top: 1em;
 	line-height: 2em;
 }
 .footer dt {
 	margin-top: 1em;
 	font-size: 12px;
 	font-weight: bold;
 }
 .footer dd {
 	margin-top: 0.5em;
 	line-height: 1.5em;
 }

 .breadcrumb {
 	margin: 20px 0;
 }

 /* Content */
 .content {
 	margin: 0 auto;
 	position: relative;
 	width: 840px;
 }
 .left-content {
 	float: left;
 	width: 598px;
 	text-align: justify;
 }
 .right-content {
 	float: right;
 	width: 215px;
 	position: relative;
 	padding-bottom: 190px; /* space for logos */
 }
 .content #logos {
 	width: 178px;
 	position: absolute;
 	bottom: 11px;
 	right: 20px;
 	text-align: center;
 }
 .content #logos img {
 	margin-top: 40px;
 }
 .content #logos img.tuv {
 	float: right;
 	display: inline; /* ie */
 }
 .content #logos img.vebon {
 	float: left;
 	display: inline; /* ie */
 }
 #contactblock {
 	background: #58595b url('../images/contactbg.gif') bottom right no-repeat;
 	border: 1px solid #353634;
 	height: 155px;
 	padding: 10px;
 	color: #e5e5e7;
 	margin-bottom: 1.5em;
 }
 #contactblock .button {
	background: #7f8083;
	border: 1px solid #8f9093;
 	color: #e5e5e7 !important;
 	margin: 1.5em 0;
 	padding: 3px 0 3px 5px;
 	width: 95px;
 	text-decoration: none;
 	display: block;
 }
  #contactblock .button:hover{
 	background: #c5c5c7;
 	border: 1px solid #7f818a;
	color: #58595b !important;
  }

#imageGallery {
	border: 1px solid #58595b;
	/*background-color: #bebfc1;*/
	background-color: #bebfc1;
}

ul#linklist,
ul#linklist li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#linklist li {
	margin-bottom: 10px;
}
ul#linklist li a {
	background: #b29882;
	border: 1px solid #d7d2b4;
	color: white !important;
	display: block;
	width: 199px;
	padding: 3px 4px 3px 10px;
	text-decoration:none !important;
}
ul#linklist li a:hover {
	background: #58595b;
	border: 1px solid #8f9199;
}


 /* Menu */
 .menu a,
 .menu .selected {
 	background:     #fff;
 	border-top:  	1px solid #cdcdcd;
 	border-left:   	1px solid #cdcdcd;
 	border-right:  	1px solid #cdcdcd;
 	color: 			#2a2a2a !important;
 	display:		block;
 	float: 			left;
 	height:			16px;
 	padding: 		5px 2px 5px 2px;
	letter-spacing: 0px;
 	text-align: 	center;
 	text-decoration:none !important;
 	width:			94px;
 	margin-right: 	5px;
 }

 .menu a.selected {
	text-decoration:underline !important;
 }

  .menu a,
  #submenu a {
	opacity:		0.6; /*css 3 opacity*/
	-moz-opacity:	0.6; /*mozilla opacity*/
	-khtml-opacity:	0.6; /*opacity*/
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*IE8 opacity*/
  }

  /* opacity to 1 makes some of the menu-items jump 1px on hover in firefox 2, this keeps it in same renderingmode  */
  .menu a:hover,
  .menu .selected,
  #submenu a:hover,
  #submenu .selected {
	opacity:		0.9999; /*firefox 1.0 opacity*/
	-moz-opacity:	0.9999; /*mozilla opacity*/
	-khtml-opacity:	0.9999; /*opacity*/
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=99.999)"; /*IE8 opacity*/
 	}

 /* Submenu */
 /* Submenu */
#submenu {
	border-bottom: 1px solid #afb1b9;
	display: block;
	padding: 0 0 0 0;
	margin: 0px 0px 25px 0px;
	width: 600px;
}
#submenu a,
#submenu .selected {
	background: #e0e1e2;
	border-left: 1px solid #8f9199;
	border-right: 1px solid #8f9199;
	border-top: 1px solid #8f9199;
	color: #3f5159 !important;
	display: block;
	float: left;
	padding: 5px 10px;
	margin: 0px 5px 0px 0px;
	text-decoration: none !important;
}
#submenu a:hover,
#submenu .selected {
	background: #6f7073;
	color: #fff !important;
}
.clear {
	clear: both;
}

ul.sitemap  {
  list-style-type: circle;
}

ul.sitemap ul {
  margin-top: 0px;
  padding-left: 16px;
  list-style-position: outside;
  list-style-type: circle;
}
.contact td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.contact input, .contact select, .contact textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cdcdcd;
	border-right-color: #cdcdcd;
	border-bottom-color: #cdcdcd;
	border-left-color: #cdcdcd;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.req {
	color:#f00;
	font-weight: normal;
}
#datum_btn {
	margin-left: 5px;
}