html {height: 100%;}
* {margin: 0; padding: 0;}

body {
 min-height: 100%;
 height: 100%;
 margin: 0;
 padding:0;
 text-align: left;
 font-family: Arial, Verdana, Sans-Serif;
 font-weight: normal;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
}

a, a:visited {color: #008bd3; text-decoration: none;}
a:hover, a:active {color: #008bd3; text-decoration: underline;}
.hl-txt{color: #008bd3;}

img{border: 0;}

.clear {clear: both; margin: 0; padding: 0; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.sepblk{height: 20px; display:block; clear: both;}
.sepblk-1{height: 8px; display:block; clear: both;}
.sepblk-2{height: 5px; display:block; clear: both;}

#wrapper {width: 974px; margin: 0; text-align: left;}
#header-top {float: left; width: 974px; height: 53px; background-image: url(../img/top_mnu_topleft.gif); background-repeat: no-repeat;}
#header-left {float: left; width: 352px; height: 30px; background-image: url(../img/top_mnu_left.gif); background-repeat: no-repeat;}

/*  start header-menue hover */
#header-menu{float:left; width: 602px; height: 30px; background-color: #9cddfa; background-image: url(../img/top_mnu_right.gif); background-position: 305px 0px; background-repeat: no-repeat;}
#header-menu ul {margin: 0; padding:0; list-style-type:none; border:0;}
#header-menu li {float:left; display: inline; height:30px; margin: 0px 20px 0px 0px;}
#header-menu a {display:block; padding-top:30px; height:0; text-decoration:none; border:0; overflow:hidden;}
* html #header-menu a:link, * html #header-menu a:visited {height:30px; he\ight:0;}
#header-menu a#hm-item1:hover,
#header-menu a#hm-item2:hover,
#header-menu a#hm-item3:hover,
#header-menu a#hm-item4:hover,
#header-menu a#hm-item5:hover,
#header-menu a#hm-item6:hover,
#header-menu a#hm-item10:hover {background-position:top right; z-index:50;}
* html #header-menu a:hover {height:30px; he\ight:0;}

#header-menu li.hm-list1 {background:transparent url(../btn/topmnu_home.gif); width:29px;}
#header-menu li.hm-list2 {background:transparent url(../btn/topmnu_knowhow.gif); width:42px;}
#header-menu li.hm-list3 {background:transparent url(../btn/topmnu_services.gif); width:67px;}
#header-menu li.hm-list4 {background:transparent url(../btn/topmnu_company.gif); width:48px;}
#header-menu li.hm-list5 {background:transparent url(../btn/topmnu_contact.gif); width:51px;}
#header-menu li.hm-list6 {background:transparent url(../btn/topmnu_download.gif); width:65px;}
#header-menu li.hm-list10 {background:transparent url(../btn/topmnu_logout.gif); width:45px;}

#header-menu a#hm-item1 {background:transparent url(../btn/topmnu_home_hv.gif) -29px -30px no-repeat; width:29px;}
#header-menu a#hm-item2 {background:transparent url(../btn/topmnu_knowhow_hv.gif) -42px -30px no-repeat; width:42px;}
#header-menu a#hm-item3 {background:transparent url(../btn/topmnu_services_hv.gif) -67px -30px no-repeat; width:67px;}
#header-menu a#hm-item4 {background:transparent url(../btn/topmnu_company_hv.gif) -48px -30px no-repeat; width:48px;}
#header-menu a#hm-item5 {background:transparent url(../btn/topmnu_contact_hv.gif) -51px -30px no-repeat; width:51px;}
#header-menu a#hm-item6 {background:transparent url(../btn/topmnu_download_hv.gif) -65px -30px no-repeat; width:65px;}
#header-menu a#hm-item10 {background:transparent url(../btn/topmnu_logout_hv.gif) -45px -30px no-repeat; width:45px;}

/*  end header-menue hover  */

#main-img {float:left;	display: inline; width: 974px; height: 286px; margin: 3px 0px 3px 0px;}
#main-img img.logo{width: 130px; height: 130px; margin: 70px 0px 0px 29px;}

#main-left {float:left;	width: 298px; height: 286px; background-image: url(../img/main_bg_left.jpg); background-repeat: no-repeat;}

#main-right {float:left;	display: inline; width: 530px; min-height: 286px; height: auto !important; height: 286px;  margin: 30px 0px 0px 0px; line-height: 18px;}

#main-right .headline, #main-right .headline-txt {
	display:block;
	min-height: 35px; height: auto !important; height: 35px;
	margin: 0px 0px 10px -15px;
	padding:  0px 0px 0px 15px;
	color: #008bd3;
	font-weight: bold;
}
#main-right .headline {
	background-image: url(../img/headline_shad.gif);
	background-position: 0px 22px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#main-right .headline-shad {display:block; height: 12px; margin: 0px 0px 10px -15px; background-image: url(../img/headline_shad.gif); background-repeat: no-repeat;}

#main-right a, #main-right a:visited {color: #008bd3; font-weight: normal; text-decoration: none;}
#main-right a:hover, #main-right a:active {color: #008bd3; text-decoration: underline;}

#main-right ul {margin: 10px 0px 20px 16px; padding:0; border:0; list-style-position: outside; list-style-type: disc; color: #32ccfd;}
#main-right li {padding: 0px 0px 0px 5px; color: #32ccfd;}
#main-right li  span{color: #000000;}

#footer {float:left; display:inline; width: 530px; margin: 30px 0px 0px 298px;}
.footer-content {display:block; font-size: 11px;}
.footer-content a, .footer-content a:visited {color: #008bd3; font-weight: normal; text-decoration: none;}
.footer-content a:hover, .footer-content a:active {color: #008bd3; text-decoration: underline;}


form{display:inline;}
input, textarea, select {background-color: #dcf0f9; color: #000000;  border: 1px solid #dcf0f9;}
input:focus, textarea:focus, select:focus,
input.sffocus, textarea.sffocus, select.sffocus, select.sfactive {color: #000000; background-color: #e9f7fe;}

.form-important {color: #bb3030; font-weight:bold; padding: 0px 0px 0px 3px;}
.form-important-txt {float:left; font-size: 10px; height: 20px;}
.form-label {float: left; text-align: left; font-size: 12px; line-height: 12px; height: 20px; height/**/:/**/ 17px; padding-top: 3px;}

.form-input {float: left; height: 20px; height/**/:/**/ 16px; padding: 4px 4px 0px 4px; margin: 0px 0px 0px 10px; font-size: 11px;}
.form-checkbox {float: left; margin: 0px 0px 0px 10px;}
.form-radio {float: left; margin: 0px 0px 0px 10px;}
.form-textarea {float: left; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 10px;}
.form-select {float: left; height: 20px; margin: 0px 0px 0px 10px;}

.form-input-err {float: left; height: 20px; height/**/:/**/ 16px; padding: 4px 4px 0px 4px; margin: 0px 0px 0px 10px; font-size: 11px; border: 1px solid #bb3030;}
.form-checkbox-err {float: left; margin: 0px 0px 0px 10px; border: 1px solid #bb3030;}
.form-radio-err {float: left; margin: 0px 0px 0px 10px; border: 1px solid #bb3030;}
.form-textarea-err {float: left; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 0px 10px; border: 1px solid #bb3030;}
.form-select-err {float: left; height: 20px; margin: 0px 0px 0px 10px;  border: 1px solid #bb3030;}

.box {display: block; padding: 0px 0px 15px 0px; text-align:left; font-size: 11px;}
.boxerror {background: url(../img/warning.gif); background-color: #fff8f8;	 border: 1px solid #bb3030;}
.boxsuccess {background: url(../img/success.gif); background-color: #e0fdd3;	 border: 1px solid #2e8630;}
.boxinfo{ background: url(../img/info.gif); background-color: #fff8f8; border: 1px solid #d38d1f;}
.boxerror, .boxsuccess, .boxinfo{color: #000000; background-repeat: no-repeat; background-position: 20px 6px; min-height: 45px; height: auto !important; height: 45px;}
.boxerror .msg, .boxsuccess .msg, .boxinfo .msg {text-align: left; padding: 4px 10px 4px 70px;}


/*  start pagenumbers  */
#main-right .pgnum {float: right; height: 16px; border:0; margin: 0px 0px 0px 0px; padding:0; color: #0e4060;}
#main-right .pgnum li{float: left; list-style-type:none; font-size: 11px; font-weight: normal; color: #0e4060;}

#main-right .pgnum li a, #main-right .pgnum li a:visited  {display:block; padding: 0px 3px 0px 3px; color: #008bd3; font-size: 11px; font-weight: normal;}
#main-right .pgnum li a:hover, #main-right .pgnum li a:active {color: #0e4060; text-decoration: underline;}
#main-right .pgnum li a.currpg, #main-right .pgnum li a.currpg:visited {font-weight: bold; color: #0e4060;}

#main-right .pgnum li a span.arrow-left {padding-left: 6px; font-size: 10px; }
#main-right .pgnum li a.arrow-left {background-image: url(../img/arrow_left.gif);	background-repeat: no-repeat; background-position: 0px 4px;}
#main-right .pgnum li a.arrow-left:hover{background-image: url(../img/arrow_left.gif); text-decoration: none;}

#main-right .pgnum li a span.arrow-right {padding-right: 6px; font-size: 10px;}
#main-right .pgnum li a.arrow-right {background-image: url(../img/arrow_right.gif);	background-repeat: no-repeat; background-position: right 4px;}
#main-right .pgnum li a.arrow-right:hover{background-image: url(../img/arrow_right.gif); text-decoration: none;}

#main-right .pgnum li a span.arrow-left-double {padding-left: 10px; font-size: 10px; }
#main-right .pgnum li a.arrow-left-double {background-image: url(../img/arrow_left_double.gif);	background-repeat: no-repeat; background-position: 0px 4px;}
#main-right .pgnum li a.arrow-left-double:hover{background-image: url(../img/arrow_left_double.gif); text-decoration: none;}

#main-right .pgnum li a span.arrow-right-double {padding-right: 10px; font-size: 10px;}
#main-right .pgnum li a.arrow-right-double {background-image: url(../img/arrow_right_double.gif);	background-repeat: no-repeat; background-position: right 4px;}
#main-right .pgnum li a.arrow-right-double:hover{background-image: url(../img/arrow_right_double.gif); text-decoration: none;}
/*  end pagenumbers  */