body { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #FFF;
	   background: #9BB393 url(design/design_bg_sidegrad.jpg) repeat-x fixed; margin:0px; padding:0px; }
* { margin:0; padding:0;}
img {	margin:0; padding:0; border:0 }
	   
/* MAINWRAP - vse skupaj, doloci centriranje */
div#mainwrap {width:754px; margin-left:auto; margin-right:auto; text-align:left;}
/* CMS CONTROL PANEL HEADER */
div#headerPanel {width:710px; margin-left:2px; padding: 15px 20px 15px 20px; background-color:#333333; font-family:Arial, Helvetica, sans-serif;}
div#headerPanel p { color:#FFFF66; font-size: 10px; line-height:20px; }
div#headerPanel a:link, div#headerPanel a:visited, div#headerPanel a:active { text-decoration:none; font-weight: bold; color:#FFFF00; font-size:13px;}
div#headerPanel a:hover { text-decoration:none; font-weight: bold; color:#FFFFFF; font-size:13px;}
/* HEADER - odmik glave od vrha, barva */
div#header {width:750px; margin-left:2px;}
/* TILING BACKGROUNDS - for left and right column */
div#contentarea {width:754px; background: #68935D url(design/design_bg_middlegrad.jpg) repeat-y top left;}
/* RAZPOSTAVI VSE TRI COLUMNE + FOOTER */
div#column1   {width:230px; float:left; margin-left:1px;}
div#column2   {width:520px; float:left;}
div#footer    {width:754px; margin-bottom:20px;}
/* SUB-KATEGORIJE ZA LEVO IN DESNO KOLONO ... TOP > RIGHT > BOTTOM > LEFT */
div#column1menu	{ margin:5px 15px 0px 24px; }
div#column2content { margin:5px 22px 0px 10px; }

/* NAZAJ GUMB NAD MENUJEM */
#navcontainer1 ul { margin:0; padding:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#navcontainer1 li { margin-top: 0px; background:url(design/design_menu_arrow_back.gif) 0 -40px no-repeat;}
#navcontainer1 a { display: block; padding:3px 7px 3px 24px; width: 160px; background:url(design/design_menu_arrow_back.gif) top left no-repeat; }
#navcontainer1 a:link, #navlist1 a:visited { color: #B2C8AB; text-decoration: none; }
#navcontainer1 a:hover { background-image: none; color: #FFF; }
/* MENU GLAVNI NAPIS */
div#column1menu2 { padding:9px 3px 9px 19px; margin-bottom:2px; margin-top: 2px; background-color:#86A97D; }
.greenMenuTitle { margin:0px 10px 1px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; }
/* MENU ITEMS - http://css.maxdesign.com.au/listamatic/vertical11.htm - full version with pictures */
#navcontainer2 ul { margin:0; padding:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#navcontainer2 li { margin-top: 1px; background:url(design/design_menu_arrow.gif) 0 -56px no-repeat;}
#navcontainer2 a { display: block; padding:6px 7px 6px 24px; width: 160px; background:url(design/design_menu_arrow.gif) top left no-repeat; }
#navcontainer2 a:link, #navlist2 a:visited { color: #FFF; text-decoration: none; }
#navcontainer2 a:hover { background-image: none; color: #FFF; }

/* CONTENT YAHOO NAVIGATION TITLE */
div#column2content1 { padding:3px 7px 3px 10px; margin-bottom: 2px; background-color:#799F6E; }
.contentYahoo { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#B2C8AB; }
.contentYahoo a:link { text-decoration: none; color:#B2C8AB;}
.contentYahoo a:active { text-decoration: none; color:#B2C8AB;}
.contentYahoo a:visited { text-decoration: none; color:#B2C8AB;}
.contentYahoo a:hover { text-decoration: none; color:#FFFFFF; }
/* CONTENT TITLE */
div#column2content2 { padding:9px 5px 9px 10px; background-color:#86A97D; margin-bottom:0px; }
.contentTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; }
/* CONTENT */
div#column2content3 { padding: 2px 12px 9px 10px; margin-top:10px; }
div#column2content3 p { margin-right: 10px; line-height: 16px; margin-top: 0px; margin-bottom: 0px; } 

.clearfix:after {
content: ".";            /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */
height: 0;               /* ensure the period is not visible */
clear: both;             /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */ }
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


div#column2content3 a:link, div#column2content3 a:visited, div#column2content3 a:active {
	color:#FFFF66;
	text-decoration: none;
	padding-bottom: 0.125em;
	border-bottom: 1px dotted #FFFF66; }
div#column2content3 img a:hover {
	color:#FFFFCC;
	text-decoration: none;
	padding-bottom: 0.125em;
	border-bottom: 1px solid #FFFFCC; }
	
div#column2content3 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
	color: #FFFFFF;
	margin-top:5px;
	margin-bottom: 8px;
	margin-right: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 1px; }
div#column2content3 h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	margin-top:5px;
	margin-bottom: 8px;
	margin-right: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	padding-bottom: 1px; }
div#column2content3 .blocktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	background-color:#799F6E;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	height: auto;
	width: auto;
	margin: 5px 10px 5px 0px;
	padding: 13px 16px 12px 12px; }
div#column2content3 hr {
	color:#B2C8AB;
	height:1px; }
div#column2content3 ul, div#column2content3 ol { padding:13px 22px 5px 22px; line-height:16px; }
div#column2content3 li { margin-bottom:5px; }