/* CSS Document */

img {
padding:0px;
border:0px;
margin:0px;
}

body {
margin:0px auto;
padding:0px;
border:0px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#535353;
}

* {
line-height:140%;
}



#www {
width:100%;
margin:0px auto;
padding:0px;
}

#page_top {
width:1024px;
margin:0px auto;
}

#page_top_menu {
width:940px;
height:32px;
margin:0px auto;
background-image:url(gfx/menu_back.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#page_top_menu_content {
width:860px;
height:30px;
margin:0px auto;
}

#page_banner {
width:860px;
height:287px;
margin:0px auto;
}

#page_banner_back {
width:100%;
height:287px;
background-color:#cce6f0;
overflow:visible;
}

#page_bannerbuttons {
width:860px;
height:92px;
margin:0px auto;
}

#page_bannerbuttons_back {
width:100%;
height:92px;
background-color:#f0f7fa;
overflow:visible;
}

#page_bannershadows {
width:1024px;
height:15px;
margin:0px auto;
}


#page_footer {
width:860px;
margin:0px auto;
}
#page_footer_line {
width:860px;
height:2px;
margin:0px auto;
clear:both;
}

#page_footer_left {
width:200px;
float:left;
}
#energy {
width:50px;
height:110px;
float:left;
}
#page_footer_right {
width:610px;
float:left;
clear:right;
text-align:right;
}


/* Page Content */


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#0d4383;
margin-bottom:12px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#0d4383;
margin:0;
}

.green {
color:#bfcd0d !important;
}

.blue {
color:#0d4383 !important;
}

.left_inner a:link, .left_inner a:visited {
font-weight:bold;
color:#0d4383;
text-decoration:none;
padding-left:16px;
background:url(gfx/arrow.gif) 4px 4px no-repeat;
display:block;
margin-top:8px;
}

.left_list {
padding:4px;
padding-bottom:16px;
padding-left:16px;
}

.left_list a:link, .left_list a:visited {
font-weight:bold;
color:#0d4383;
text-decoration:none;
padding-left:16px;
background:url(gfx/arrow.gif) 4px 6px no-repeat;
display:block;
margin-bottom:4px;
}


.left_list a:hover {
font-weight:bold;
color:#0d4383;
text-decoration:underline;
padding-left:16px;
background:url(gfx/arrow.gif) 4px 6px no-repeat;
display:block;
margin-bottom:4px;
}

.panel {
margin-bottom:2px;
}


#page_content {
width:860px;
margin:0px auto;
}

#page_content_bottom {
width:860px;
margin:0px auto;
}

#content_left {
width:286px;
float:left;
}



.left_box {
width:286px;
background-color:#eef7fa;
}

.left_box_top {
width:286px;
min-height:36px;
background:url(gfx/left_box_top.jpg) top center no-repeat;
}

.left_box_top h1 {
padding-left:16px;
padding-right:16px;

}

.left_box_content {
width:286px;
background:url(gfx/left_box_bottom.jpg) bottom center no-repeat;
}

.left_inner {
padding:16px;
padding-top:0px;
}

.left_inner2 {
padding:10px;
padding-top:0px;
}

#content_right {
width:574px;
float:left;
clear:right;
}

.right_box {
width:574px;
background-color:#ffffff;
}

.right_box_top {
width:574px;
min-height:49px;
}

.right_box_top h1 {
padding-left:16px;
padding-right:16px;

}

.right_box_content {
width:574px;
background:url(gfx/right_box_back.jpg) bottom right no-repeat;
}

.right_inner {
padding:16px;
padding-top:0px;
}


img.transOFF {background-color: silver; }
img.transON {background-color: silver;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; }




/* FORM */

#form1 {
width:480px;
margin:0px auto;
padding:8px;
font-size:11px;
}

#form1 * {
font-size:11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
padding:2px;
}

#form1 input {
padding:2px;
background-color:#ffffff !important;
border:1px solid #999999;
}

#form1 select {
padding:2px;
background-color:#ffffff !important;
border:1px solid #999999;
}



.right_box_content td {
padding:3px;
border:1px solid #e0e0e0;
background-color:#f9f9f9;
}

.right_box_content table {
margin:0;
padding:0;
}


a.more:link, a.more:visited {
font-weight:bold;
color:#0d4383;
text-decoration:none;
padding-left:12px;
background:url(gfx/arrow.gif) 0px 6px no-repeat;
display:block;
margin-bottom:4px;
margin-top:4px;
}


a.more:hover {
font-weight:bold;
color:#0d4383;
text-decoration:underline;
padding-left:12px;
background:url(gfx/arrow.gif) 0px 6px no-repeat;
display:block;
margin-bottom:4px;
margin-top:4px;
}


a:link, a:visited {
color:#0d4383;
text-decoration:none;
}

a:hover {
color:#0d4383;
text-decoration:underline;
}

ol li {
margin-bottom:8px;
}

ol strong {
color:#0d4383 !important;
}

.directory {
	font-weight:bold;
	padding-left:8px;
	font-size:12px;
	text-transform:uppercase;
}

.directory a {
	color:#666 !important;
}

div#nav {

	background:url("gfx/menu_bg.gif") no-repeat top left;
width:860px;
height:31px;
margin:0 auto;

}

#nav ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:0px;
}

#nav ul li {
	float:left;
}

#nav ul li a:link, #nav ul li a:visited {
	display:inline;
	float:left;
	color:#fff;
	padding:8px 18px 7px 18px;
	font-size:11px;
	font-weight:bold;
}

#nav ul li a:hover {

	background:url("gfx/menu_hover.gif") repeat-x 0px 4px;		
		color:#f5ff80;
		text-decoration:none;
		
}


.date {
	color:#999;
	font-weight:normal;
	font-size:11px;
}

.clr {
	clear:both;
	height:10px;
}

.thumb {
	float:right;
	margin-left:16px;
}

.buttons_index {
width:286px;
float:left;
}

.buttons_index .left_box_content {
	height:130px;
}

.image_button {
	float:right;
	margin-right:8px;
}

.buttons_index h1 {
	font-size:20px;
}


#konfig {

}

#konfig div.questions {
	width:200px;

		float:left;
		border:1px solid #e0e0e0;
		padding:20px;
			padding-right:120px;
}

#konfig div.position {
	width:160px;
	padding:20px;
	float:left;
}

#konfig h2 {
	margin-bottom:8px;
	font-size:14px;
	}

#konfig p {
	font-size:11px;
	margin:0;
	line-height:25px;
}

#konfig .dalej {
	background-color:#0d4383;
	padding:3px 10px 3px 10px;
	color:#fff;
	border:0;
	margin-top:16px;
	border:1px solid #0d4383;
	font-size:11px;
}

#konfig .dalej:hover {
	background-color:#c8dae4;
		border:1px solid #0d4383;
		color:#0d4383;
}

#konfig input[type="text"] {
padding:4px;
border:1px solid #e0e0e0;
width:80%;	
}

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(gfx/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 19px;
height: 25px;
padding: 0px 5px 0 0;
background: url(gfx/radio.png) no-repeat;
display: block;
clear: left;
float: left;
}
span.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(gfx/select.gif) no-repeat;
overflow: hidden;
}

ul.pos {
	margin:0;
	padding:0;
	font-size:12px;
}

ul.pos li {
height:20px;
padding: 3px 0px 0px 20px;
list-style:none;
}

ul.pos .passed {
background: url(gfx/arrow_ok.png) no-repeat 4px 6px;
font-weight:bold;	
}

#konfig .welcome {
	line-height:140%;
	font-weight:bold;
}

.blank a {
color:#f5ff80 !important;
}

.bg01 {
	background:url(gfx/bg_01.jpg) no-repeat bottom right !important;

}

.bg02 {
	background:url(gfx/bg_02.jpg) no-repeat bottom right !important;

}

.bg03 {
	background:url(gfx/bg_03.jpg) no-repeat bottom right !important;

}

.bg04 {
	background:url(gfx/bg_04.jpg) no-repeat bottom right !important;

}

.bg05 {
	background:url(gfx/bg_05.jpg) no-repeat bottom right !important;

}

.bg06 {
	background:url(gfx/bg_06.jpg) no-repeat bottom right !important;

}

.bg07 {
	background:url(gfx/bg_07.jpg) no-repeat bottom right !important;

}
