/*---------------------------------------------------------------
   mainContent // Columns
---------------------------------------------------------------- */
#leftCol,
#rightCol                                                        { display: inline; float: left; width: 210px; }

#leftCol                                                         { margin-right: 20px; }
#leftCol img                                                     { margin: 15px 0; padding: 20px; border: 1px solid #3399ff; }
#leftCol .contentdiv                                             { text-align: center; }

.okvir                                                           {
	width: 440px;
	height: 146px;
	margin-bottom: 20px;
	background: transparent url(../images/layout/weidhner-okvir.gif) no-repeat 0 0;
	position: relative;
	}
	
.slika                                                           { position: absolute; top: 20px; left: 20px; }
	
.naziv                                                           {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 1.4em;
	font-weight: bold;
	}	
	
#mainContent .naziv a                                            { text-decoration: none; color: #333333; }
	
.opis                                                            {
	position: absolute;
	top: 50px;
	right: 30px;
	width: 200px;
	height: 50px;
	}	
	
.pdf                                                             { position: absolute; right: 15px; bottom: 15px; }
.pdf a                                                           { display: block; background: transparent url(../images/layout/pdf.gif) no-repeat right center; padding-right: 25px; }

.img-left                                                        { display: inline; float: left; margin-right: 5px; }
.img-right                                                       { display: inline; float: right; }
#weinderTopImage                                                 { height: 90px; }

/*---------------------------------------------------------------
   Typ
---------------------------------------------------------------- */
#mainContent                                                     { line-height: 16px; }

#mainContent h1                                                  {
	font-size: 24px;
	color: #3399ff;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: 25px;
	}
	
#mainContent h2                                                  {
	font-size: 12px;
	color: #3399ff;
	font-weight: bold;
	margin: 15px 0 10px 0;
	}	
	
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6                                                  {
	font-size: 10px;
	color: #3399ff;
	font-weight: bold;
	margin: 15px 0 5px 0;
	}	
	
#mainContent p,
#mainContent ul,
#mainContent ol,
#mainContent table                                               { margin: 10px 0; }

#mainContent a                                                   { color: #3399ff; text-decoration: underline; }
#mainContent a:hover                                             { color: #3399ff; text-decoration: none; }

#mainContent ul,
#mainContent ol                                                  { padding-left: 10px; }

#mainContent ul li                                               { padding-left: 15px; background: transparent url(../images/layout/bullet.gif) no-repeat 0 6px; }
#mainContent ol li                                               { list-style: outside decimal; margin-left: 20px; }

#topImage                                                        { margin: 0 0 20px 0; }
#topImage.weidner                                                { text-align: right; }

/*---------------------------------------------------------------
   TABLICE
---------------------------------------------------------------- */		
#mainContent table                                               {
	clear: both;
	border: none;
	width: 100%;
	line-height: 1.4em;
	}
#mainContent table td                                            { padding: 3px; border-bottom: 1px solid #ccc; text-align: center; }
#mainContent table td.left,
#mainContent table th.left                                       { text-align: left; }
#mainContent table td.right,
#mainContent table th.right                                      { text-align: right; }

#mainContent table#reference td                                  { border: none; }
#mainContent table#reference td img                              { vertical-align: middle; margin-right: 10px;  }

#mainContent table th                                            {
	padding: 5px 2px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #1f1a17;
	line-height: 1.2em;
	}