body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 0px;  background-color: #4f4f4f;
}

h1{font: bold 24px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-style:italic;
padding-left:25px;
}
p {font: normal 13px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;

margin-bottom:20px;


padding-left:10px;
padding-right:10px;

}
p  a:link,p  a:focus,p  a:active,p  a:visited{font: bold 13px "Trebuchet MS",verdana, sans-serif; 
color:#38B63C;

margin-bottom:20px;


}
p  a:hover{font: bold 13px "Trebuchet MS",verdana, sans-serif; 
color:#38B63C;

margin-bottom:20px;


text-decoration:underline;
}
li {font: normal 13px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;

margin-bottom:20px;


padding-left:10px;
padding-right:10px;

}
li  a:link,li a:focus,li  a:active,li  a:visited{font: bold 13px "Trebuchet MS",verdana, sans-serif; 
color:#38B63C;

margin-bottom:20px;


}
li  a:hover{font: bold 13px "Trebuchet MS",verdana, sans-serif; 
color:#38B63C;

margin-bottom:20px;


text-decoration:underline;
}


h2,h2 a:focus,h2 a:active,h2 a:hover
{font: 17px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-weight:bold;
word-spacing:2px;
margin-bottom:20px;
letter-spacing:0px;
text-decoration:none;
text-align:center;
}
h2 a:link
{font: 17px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-weight:bold;
word-spacing:2px;
margin-bottom:20px;
letter-spacing:0px;
color:#DCA450;
text-decoration:underline;
text-align:center;
}
h2 a:visited
{font: 17px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-weight:bold;
word-spacing:2px;
margin-bottom:20px;
letter-spacing:0px;
color:#DCA450;
text-decoration:none;
text-align:center;
}
h3,h3 a:link,h3 a:focus,h3 a:active,h3 a:visited,h3 a:hover{font: 14px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-weight:bold;
word-spacing:2px;
margin-bottom:20px;
letter-spacing:0px;

padding-left:10px;
padding-right:10px;
text-align:center;
}

h4{font: 13px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
font-weight:bold;
word-spacing:2px;
letter-spacing:0px;
padding-left:25px;
}
h4 a:visited,h4 a:link,h4 a:focus,h4 a:active,h4 a:visited{font: 13px "Trebuchet MS",verdana, sans-serif; 
color:#38B63C;
font-weight:bold;
}
h4 a:hover{font: 13px "Trebuchet MS",verdana, sans-serif; 

text-decoration:underline;

}
td {color:#FFFFFF; font: normal 13px/1.5em "Trebuchet MS",verdana, arial, helvetica, sans-serif;}

/*tjelo */


.lje {
width:10px;
background-image:url(../images/ra1.jpg);
background-repeat:repeat-y;
border-right:solid 1px #000;
}


.de {
width:10px;
background-image:url(../images/ra2.jpg);
background-repeat:repeat-y;
border-left:solid 1px #000;
}

#top2 {
height:130px;
background-image:url(../images/meni_col.gif);
background-repeat:repeat-y;
text-align:center;
padding-bottom: 0px;
}
#top3 {
height:130px;
background-image:url(../images/meni_col2.gif);
background-repeat:repeat-y;
text-align:center;
padding-bottom: 0px;
}
/*problem kind =>IE kod prikazivanja gornje crte koja zatvara vanjski okvir. Stavio sam da je za sve ta klasa prazna, a za IE (Iefix.css)sam ubacio padding u minus tako da je sad ok*/
.prob {

}



#nav {color:#CDCCC8;font: normal 11pt "Trebuchet MS",verdana, sans-serif; padding-left: 10px;padding-right:10px;padding-top: 5px;
background-image:url(../images/meni_col.gif);
background-repeat:repeat-y;

border-left:solid 0px #000;
/*background-image:url(images/navback.jpg);
background-repeat:repeat-x;*/

}

#inhalt {
height:800px;

color:#000;
padding-top: 20px; 
padding-bottom: 20px;
padding-left: 3px;
padding-right:3px;
background-image:url(../images/meni_col.gif);
background-repeat:repeat-y;
letter-spacing:0px;
width:100%;
text-align:justify;
/*background-image:url(images/in.jpg);*/

}
#inhalt1{
height:600px;
color:#000;
padding-top: 20px; 
padding-bottom: 20px;
padding-left: 5px;
padding-right:0px;
background-image:url(../images/meni_col2.gif);
background-repeat:repeat-y;
letter-spacing:0px;
width:100%;
/*background-image:url(images/in.jpg);*/

}
/*tabela samo na receptima*/
#inhalt_recepti {
height:800px;

color:#000;
padding-top: 20px; 
padding-bottom: 20px;
padding-left: 3px;
padding-right:3px;
background-image:url(../images/meni_col.gif);
background-repeat:repeat-y;
letter-spacing:0px;
width:100%;
text-align:justify;
/*background-image:url(images/in.jpg);*/

}
/* linkovi za recepte*/

#inhalt_recepti a:link,#inhalt_recepti a:visited, #inhalt_recepti a:active,#inhalt_recepti a:focus {
font:13px/1.5em "Trebuchet MS",verdana, sans-serif;color:#38B63C; text-decoration:none;
font-weight:bold;

letter-spacing:0px;


text-decoration:none;
letter-spacing:0px;
word-spacing:2px;

}
#inhalt_recepti a:hover {
font: 13px/1.5em "Trebuchet MS",verdana, sans-serif;color:#38B63C; text-decoration:underline;
font-weight:bold;

letter-spacing:0px;


text-decoration:underline;
letter-spacing:0px;
word-spacing:2px;


text-align:justify;
/*background-image:url(images/in.jpg);*/

}

#fussb {font: normal 11px "Trebuchet MS",verdana, sans-serif; color: #FFFFFF;
height:40px;
text-align:center;
background-color:#333130;width:100%;
/*vertical-align:middle;
background-image:url(images/fuss.jpg);
background-repeat:no-repeat;*/
letter-spacing:1px;
padding-left:40px;

}
#prija {font:"Trebuchet MS",verdana, sans-serif; color: #FFFFFF;
font-size: normal 6px ;

text-align:center;
background-color:#333130; width:100%;
}

#prija2 {font:"Trebuchet MS",verdana, sans-serif; color: #FFFFFF;
font-size: normal 6px ;

text-align:center;
background-color:#333130; width:100%;
}


/* menue  */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;

font: bold 20px "Trebuchet MS",verdana, sans-serif; 
color:#DCA450;
font-style:italic;
}

#menu1 a:hover{
background-color:transparent;
color:#DCA450;
text-decoration:underline;

/*background-image:url(images/button2.gif);*/
}

#menu1 a span , #menu1 a:visited span{
color:#800000;
font-style:italic;
}
#menu1 a:hover span{
color:#FFFFFF;
}


/* allgemeine links im text */

a:link, a:visited, a:active{ font:normal 13px/1.5em "Trebuchet MS",verdana, sans-serif;color:#a4a4a4; text-decoration:none;}

a:hover{ font: normal 13px/1.5em "Trebuchet MS",verdana, sans-serif;text-decoration:underline;color:#a4a4a4;}



/*input polja kod googla*/
input.text {
font-size: 13pt; 
 font-family: verdana; 
 color:#CCCCCC;
width:150px;
 background:transparent;
border:1px solid white; 

}
.google-bot {
font: bold 13px "Trebuchet MS",verdana, sans-serif; 
background-color:#800000; 
color:#a4a4a4; 
text-align:left; 
width:150px;

border:1px solid grey;  
}


/*sitni tekst*/
.zahvala{
font: normal 10px "Trebuchet MS",verdana, sans-serif; 
color:#FFFFFF;
word-spacing:2px;
padding-left:10px;
padding-right:10px;


}
/*tjelo kod  recepta*/
#downRecep a:link,#downRecep a:visited, #downRecepa:active,#downRecep a:focus{
font: 20px "Trebuchet MS",verdana, sans-serif; 
color:olive;
word-spacing:2px;
font-weight:bold;

text-decoration:none;

}
#downRecep a:hover{
font: 20px "Trebuchet MS",verdana, sans-serif; 
color:olive;
word-spacing:2px;
font-weight:bold;

text-decoration:underline;

}
th {font: 14px "Trebuchet MS",verdana, sans-serif; 
font-weight:bold;
color:#FFFFFF;
letter-spacing:0px;
font-style:italic;
padding-left:3px;
letter-spacing:0px;
}

/* navigacija*/

#navigacija {
	margin: 0;
	padding: 0;
	width: 240px;
	
}

#navigacija ul, #navigacija li{
	list-style-type: none;
	font-weight: bold;
	text-align:center;
}

#navigacija li a {
	text-decoration: none;
	display: block;
	width:100%;
	padding: 5px;
}

#navigacija a:link, #navigacija a:visited,#navigacija a:active ,#navigacija a:focus {
	color: #e97013;
	background-color: #800000;
	border: 1px outset;
	border-color: gray;
}



#navigacija a:hover {

	border: 1px inset;
	border-color:  gray;
}
#navigacija2 {
	margin: 0;
	padding: 0;
	width: 240px;
	
}

#navigacija2 ul, #navigacija2 li{
	list-style-type: none;
	font-weight: bold;
	text-align:center;
}

#navigacija2 li a {
	text-decoration: none;
	display: block;
	width:100%;
	padding: 5px;
}

#navigacija2 a:link, #navigacija2 a:visited,#navigacija2 a:active ,#navigacija2 a:focus {
	color: #e97013;
	background-color: #800000;
	border: 1px outset;
	border-color: gray;
}








/*thumb preko url -tpu*/

.tpu{
position: relative;
z-index: 0;
}

.tpu:hover{
background-color: transparent;
z-index: 50;
}

.tpu span{ /*CSS for enlarged image*/
position: absolute;


left: -1000px;

visibility: hidden;

}

.tpu span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.tpu:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -80px;
left: 60px; /*position where enlarged image should offset horizontally */

}