/* CSS WETEST */

/* -------------------------- MAIN STYLES -------------------------- */
body {margin: 0px; padding: 0px; background-color: #c0c0c0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	 background-image: url('images/bodyback.gif'); background-repeat: repeat-x;}
#body-div {width: 760px; margin: 0px auto; margin-top: 0px;}

a {text-decoration: none; color: #000000; cursor: pointer;}
a:hover {text-decoration: underline; color: #00923f;}
a img {border: 0px;}
img {margin: 0px;}

h1, h2, h3, h4 {font-size: 12px; margin: 0px; padding: 0px; font-weight: bold;}

h1 {font-size: 14px; padding-bottom: 3px; border-bottom: 1px solid #000000; margin-bottom: 10px; }
h2 {color: #00923f; margin-bottom: 10px;}
h3 {color: #c8e8d6; margin-bottom: 5px; }
h4 {font-size: 14px; color: #00923f; margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px;}

p {margin: 0px; padding: 0px;}

ol {}
ol li {margin-bottom: 10px;}

/* Classes */
.bold {font-weight: bold;}
.classh20 {font-size: 0px; height: 20px;}
.classw20 {font-size: 0px; width: 20px; height: 20px; float: left;}
.column-text {float: left; width: 230px; text-align: justify}
.two-column-box {padding: 10px 0px 10px 0px;}
.more-class {font-size: 11px; font-weight: bold; }
.more-class a {color: #52504e;}
.more-class a:hover {color: #00923f;}
.more-class2 {font-size: 11px; color: #52504e; padding-left: 30px; font-weight: bold; background-position: 0px 4px; background-image: url('images/dotted-arrow.gif'); background-repeat: no-repeat; }
.more-class2 a {color: #52504e;}
.more-class2 a:hover {color: #00923f;}
.classh40 {height: 30px; padding-top: 15px;}
.class-div-list div {margin: 0px 0px 5px 20px;}
.green-dot-line {height: 20px; background-position: 0px 10px; background-image: url('images/green-dot.gif'); background-repeat: repeat-x;}
.small {font-size: 10px;}
.small li {margin-bottom: 3px !important;}
.emp {font-weight: bold; font-size: 11px;}
.bold-right {text-align: right !important; font-weight: bold; padding-right: 10px; vertical-align: middle !important;}

/* table */
.classic-table {border: 0px;}
.classic-table td {text-align: left; vertical-align: top; }
.header-row {color: #ffffff; background-color: #4dbb7d;}
.data-row {color: #000000; background-color: #CCCCCC;}
.data-row2 {color: #000000; background-color: #eeeeee;}

/* from */
.classic-form {margin: 0px; padding: 0px;}
	.form-input {width: 180px;}
	.form-textarea {width: 360px; height: 100px;}

/* ul */
.green-ul, .grey-ul {margin: 0px 0px 10px 0px; padding: 0px; color: #FFFFFF; }
.green-ul li {background-color: #00923f; padding-right: 10px; }
.grey-ul li {background-color: #52504e; padding-right: 10px; }
	.color-li {font-weight: bold; font-size: 12px; margin: 0px 0px 4px 0px; padding: 2px 0px 2px 20px; list-style-type: none; background-image: url('images/bullet-white.gif'); background-repeat: no-repeat; background-position: 10px 9px;}
	.color-li a, .color-li a:hover {color: #ffffff;}
.large-ul li {margin-bottom: 20px;}
.large-ul li h2 {margin-bottom: 0px;}
.large-ul a {color: #00923f;}
.normal-ul li {margin-bottom: 10px;}
.large-green-list {padding-top: 20px;}
	.large-green-list li {text-align: left !important; margin-bottom: 7px;}

/* Rounded green box */
.roundcont-box { padding: 0px 0px 10px 0px;}
.roundcont { background-color: #00923f;	color: #ffffff;}
.roundcont p {margin: 0px; padding: 0px 10px 0px 10px;}
.roundtop {background: url('images/corner-tr.gif') no-repeat top right; }
.roundbottom {background: url('images/corner-br.gif') no-repeat top right; }
img.corner { width: 10px; height: 10px; border: none; display: block !important; }

/* Fixes browsers float bug. */
.clear-class, .float-fill {font-size: 0px; height: 0px; clear: both;}


/* -------------------------- Header -------------------------- */
#header-container {height: 270px;}

#header-top {width: 760px; height: 100px; clear: both; background-image: url('images/header-back3.gif'); background-repeat: repeat-x;}
	#header-top-left, #header-bottom-left {width: 220px; height: 100px; float: left; }
	#header-top-left {background-image: url('images/logo2.jpg'); background-repeat: no-repeat;}
		#header-top-left img {position: relative; top: 20px; left: 20px;}
	#header-top-right, #header-bottom-right {width: 540px; height: 100px; float: left;}
		#topmenu-box {padding: 40px 20px 0px 0px;}
		.topmenu-item {float: right; width: 50px; border-left: 1px solid #ffffff; border-right: 1px solid #999999; padding: 12px 0px 12px 35px; 
		               background-repeat: no-repeat; background-position: 18px 15px; }
		#button-education {border-right: none; padding-left: 12px;}
		#button-contact {/*border-right: none*/; background-image: url('images/icon-contact.gif');}
		#button-home {border-left: none; background-image: url(images/icon-home.gif); background-position: 18px 13px;}

#header-bottom {width: 760px; height: 170px; clear: both; background-image: url('images/header-back2.gif'); background-repeat: repeat-x;}
	#temp-menubox {position: relative; top: 10px; left: 30px; width: 180px; height: 150px; background-image: url('images/temp-menuback.gif'); background-repeat: no-repeat; }
		.mainmenu-item {width: 130px; padding: 2px 0px 0px 35px; margin-bottom: 8px; font-weight: bold; color: #444444;}
		.mainmenu-item a {color: #444444;}
	#div-flashbanner {width: 539px; height: 160px; background-image: url('images/header-banner.jpg'); background-repeat: no-repeat;}
		
		
/* -------------------------- Content -------------------------- */
#body-container {background-color: #e0dede; clear: both;}

/* classes */
.title-box {height: 21px; border-bottom: 1px solid #666666; padding-bottom: 1px; margin-bottom: 1px;}
.title-box img {float: left;}
.title-header {float: left; padding: 2px 0px 0px 15px; height: 19px; font-size: 12px; color: #FFFFFF; font-weight: bold; background-image: url('images/titleheader-back.gif'); background-repeat: repeat-x;}

#body-left-container {width: 220px; float: left;}
#body-left-content {padding: 12px 0px 0px 12px; margin-bottom: 12px;}
	.news-container {margin-bottom: 12px; padding: 15px;  background-color: #00923f; color: #FFFFFF;}
		.news-box {margin-bottom: 10px;}
		.date-box {font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #ffffff;}
		.news-content {text-align: justify;}
			.news-content a:hover {color: #000000;}
		.na-box {width: 178px; clear: both; }
		.na-left {float: left; width: 63px; font-weight: bold; }
		.na-right {float: left; width: 115px;margin-bottom: 5px; }
			.na-right a {color: #ffffff;}
			.na-right a:hover {color: #ffffff;}
		
	#banner-container {margin-bottom: 12px;}
#body-right-container {width: 540px; float: left; }
#body-right-content {padding: 12px 12px 0px 12px; margin-bottom: 12px;}
	.body-main {background-color: #FFFFFF; padding: 17px; color: #000000;}
		.news-complete-box	{ width: 480px;}
			.nh-box {clear: both; font-weight: bold;}
			.nh-left {float: left;  padding-right: 20px; color: #00923f; margin-bottom: 5px; }
			.nh-right {float: right; }
			.news-complete-box p { text-align: justify; clear: both;}
	.body-main p {margin-bottom: 10px; text-align: justify;}

	.body2-container {width: 516px; padding-top: 12px;}
		.body2-left {float: left; width: 139px; border-right: 1px solid #999999;}
		.body2-right {float: left; width: 360px; border-left: 1px solid #ffffff; padding-left: 15px;}

.fl {float: left;}
.fr {float: right;}

.tisk-box {text-align: right;}
	.tisk-class {height: 25px; padding-left: 25px; padding-bottom: 3px; background-image: url('images/printer.gif'); background-repeat: no-repeat; }

	
	
/* -------------------------- Footer -------------------------- */
#footer-container {clear: both; height: 40px; color: #ffffff; }

#footer-left-container {float: left; height: 40px; width: 220px; background-image:url('images/footer-leftback.gif'); background-repeat: repeat-x;}
	#footer-left-container a {color: #ffffff;}
	#footer-left-content {padding: 14px 0px 0px 12px;}
	
#footer-right-container {float: left; height: 40px; width: 540px; background-image:url('images/footer-rightback.gif'); background-repeat: repeat-x;}
	#footer-right-content img {float: left;}
	#footer-right-content div {float: right; padding: 14px 12px 0px 0px;}

/* -------------------------- Bottom -------------------------- */
#bottom-container {text-align: center; color: #333333; padding: 10px; }