@charset "iso-8859-2";
/* CSS Document */
body {font-family: Verdana,Arial; font-size:12px; color: #1f1a18; margin:0; background-color: #FFFFFF; text-align:justify}
img {border:0;}
fieldset {border:0}
label {font-size:11px; color:#999; width:60px; float:left; margin-top:5px}
input, textarea {border: none; color: #ffffff; background-color: #1f1a18; font-size:11px;}
input {height:16px; margin-top:3px; color: #ffffff; background-color: #1f1a18;}
input:hover {background-color: #000000;}
textarea:hover{background-color: #000000;}

/* STRUKTURA */
#header {width:100%; margin:0 auto; background-color:#FFF}
	#header_img {width:1024px; margin:0 auto; text-align:center}
#navi {width:100%; margin:0 auto; height:10px; padding:15px 0px; background:url('img/navi.gif') repeat-x ;}
#subnavi{width:100%; margin:0 auto; height:15px; padding:10px 0px; background:url('img/subnavi.gif') repeat-x ;}
#backgrnd {width:100%; height:100%; margin:0 auto; background-color:#323232;}
#bottom {width:1024px; margin:0 auto; padding-top:15px}
	#content {width:640px; padding:0 15px 15px 15px; background-color:#323232; float:left}
		#content_left {width:310px; float:left; text-align:left;}
		#content_right {width:310px; float:right; text-align:left;}
		#portfolio {width: 210px; float:left; text-align:left; padding: 0px 1px 0px 1px;}
	#sidebar {width:300px; padding:0 15px 15px 15px; background-color:#323232; border-left:solid 1px #676767; float:right}
#spacer {width: 100%; height:10px; clear:both;}
#footer {width:1024px; margin:0 auto; background-color:#FFFFFF;}
	#footer_left {width:640px; padding:0 15px; margin:10px 0; background-color:#fff; clear:both; float:left}
	#footer_right {width:300px; padding:0 15px; margin:10px 0; background-color:#fff; float:right; border-left:1px solid #676767}


/* TEKST */
#navi ul {width:1024px; margin: 0 auto; font-size:12px; list-style:none}
#navi ul li {width:250px; float:left; display:inline; text-align:center;}
#navi a, #navi a:active {color:#323232; text-decoration:none; font-weight:bold;}
#navi a:hover {color:#21a2ed; text-decoration:none;}

#subnavi ul {width:1024px; margin: 0 auto; font-size:12px; list-style:none}
#subnavi ul li {width:1024px; float:left; display:inline; text-align:left; color:#21a2ed;}
#subnavi a, #subnavi a:active {color:#21a2ed; text-decoration:none;}
#subnavi a:hover {color:#ffffff; text-decoration:none;}

#bottom {color:#e6e6e6; line-height:1.3em;}
#bottom a, #bottom a:active {color:#e6e6e6; text-decoration:none; font-weight:bold}
#bottom a:hover {color:#21a2ed; font-weight:bold; text-decoration:none}
#bottom h1 {font-size:1.3em; color:#676767; border-bottom: solid 1px #676767; padding: 0px 0px 10px 0px;}
#bottom h2 {font-size:1.2em; font-weight:bold; letter-spacing:0.7px; color:#21A2ED;}
#bottom h3 {font-size:1.1em; font-weight:bold; color:#21A2ED;}
#bottom ul {padding-left:25px; margin-bottom:35px;}
#bottom ul li {margin-bottom:5px;}
#bottom ul li a, #bottom ul li a:hover {font-weight:normal;}

#sidebar {line-height:1;}
#sidebar h2 {text-align:left;}

#footer a {font-size:10px; color:#323232}
#footer a:hover {font-size:10px; color:#21a2ed}
#footer_right {font-size:10px; text-align:right; color:#323232}